Teoría del Color

Resumen básico, para explicar la teoría del color a desarrolladores frontend.

Transcript

1. COSAS QUE UN DESARROLLADOR FRONTEND DEBERÍA SABER Teoría del Color para Devs
2. Hola! Soy Leon Arango Estoy acá porque amo aprender cosas nuevas y compartir mis experiencias con la comunidad. Puedes encontrarme como: • Github: @breakermoob • Instagram: @breakermoob • Speakerdeck: /breakermoob
3. ¿Qué es la Luz?
4. Radiación Electromagnética Niveles Átomo Electrón Fotón 299,792 km/s
5. Espectro Electromagnético Longitud de Onda Varia dependiendo de la energía que lleva el fotón Rayos X Color Radio
6. ¿Qué es el color?
7. Luz Visible Todas las longitudes de onda, que nuestros ojos pueden captar. La luz blanca se compone de radiación de todos los colores. Desde el violeta, hasta el rojo.
8. Luz Visible Absorbe todas las longitudes de onda, menos la amarilla.
9. ¿Qué es la teoría del color?
10. La Teoría del Color La teoría del color es un conjunto de principios utilizados para crear mezcla de colores y determinar los efectos visuales que produce en la vista y los sentidos. La teoría del color nos proporciona un terreno común para entender cómo los colores se pueden usar, organizar, coordinar, mezclar y relacionar entre sí.
11. La Teoría del Color La teoría del color se basa en tres componentes básicos: la rueda de color, las armonías de color y el contexto de color.
12. Rueda del Color
13. La Rueda del Color La rueda de colores tradicional se basa en los 12 colores que se encuentran en el espectro visible. Es una herramienta básica para combinar o mezclar colores y una manera fácil de entender cómo se relacionan los colores entre sí.
14. La Rueda del Color
15. Armonía del Color
16. La Armonía del Color La armonía del color es el proceso de combinar colores y crear esquemas de colores.
17. Técnicas
18. Técnica #1 Los colores complementarios son los opuestos entre sí en la rueda de colores.
19. Técnica #2 Los esquemas de colores análogos usan colores que están uno al lado del otro en la rueda de colores. Por lo general, combinan bien y crean diseños serenos y cómodos.
20. Técnica #3 Un esquema de color triádico utiliza colores que están espaciados uniformemente alrededor de la rueda de colores.
21. Técnica #4 La armonía doble complementaria se refiere a la armonía lograda por dos pares de colores complementarios entre sí.
22. Contexto del Color
23. Contexto del Color Cómo se comporta el color en relación con otros colores y formas es un área compleja de la teoría del color. Compare los efectos de contraste de diferentes fondos de color para el mismo cuadrado rojo.
24. ¿Cómo escoger el color?
25. Significados El entorno influye en el ánimo de las personas, y conocer el significado de los colores nos permite controlar parte de este entorno.
26. Marcas
27. Herramienta #1 https://color.adobe.com/es/create/color-wheel/
28. Herramienta #2 https://es.wikipedia.org/wiki/Psicolog%C3%ADa_del_color
29. ¡Comparte tu Conocimiento!
30. ¡Muchas Gracias!
31. Referencias https://www.aboutespanol.com/teoria-del-color-180310 https://slashmobility.com/blog/2015/06/el-color-la-herramienta-mas-poderosa-para-disenar-tu-app/ https://significadodeloscolores.com/que-es-la-teoria-del-color-definicion/ https://www.youtube.com/watch?v=5E3kl_7_cT0