UI/UX III: Color

Tercera charla de UI/UX Dominicana, donde exploramos diferentes técnicas para la selección de colores, ejemplos prácticos, y tendencias.

Transcript

1. UI/UX III: Color
2. color has meaning
3. Términos Básicos
4. hue El “matiz”, es lo que todos conocemos comúnmente como color. Es el rojo, azul, amarillo, verde, anaranjado, morado, turquesa…
5. color wheel
6. chroma Es el grado de pureza de un color. Una matiz alcanza los niveles más altos de pureza cuando no no contiene ningún nivel de blanco, negro, o gris. Mientras más alto el chroma, más intenso el color.
8. Cómo diseñar una paleta de colores
9. La teoría del color el estudio de cómo los colores puros se relacionan entre sí, y el efecto de sus combinaciones.
10. El desarrollo de estas relaciones, comúnmente llamadas esquemas (color schemes) es el primer paso hacia al momento de decidir cuales colores se ven mejor juntos en el diseño de una interfaz.
11. Esquemas Comunes
12. monochromatic una matiz, con variedades en saturación y brillo
13. analogous matices adjacentes en la rueda de colores
14. complementary dos matices completamente opuestas
15. split complementary una matiz en un lado de la rueda de colores, más dos matices adjacentes a su complementario
16. triadic tres matices equidistantes de cada una en la rueda de colores
17. rectangular tetraedic dos matices adjacentes, y sus complementos
18. tetraedic cuatro matices equidistantes de sí mismas en la rueda de colores
19. neutral colores mudos
20. accented colores mudos, con un color altamente saturado
21. warm colores pertenecientes a la parte superior de la rueda de colores
22. cold colores pertenecientes a la parte inferior de la rueda de colores
23. I want to play a game
24. Guess the Palette
37. Herramientas
38. Color Scheme Designer colorschemedesigner.com
39. Adobe Kuler kuler.adobe.com
40. Show me the code
41. HEX
42. #NNNNNN
43. #NNNNNN 00 99 AA FF
47. RGB
48. 0-255 0-255 0-255
49. Tendencias
50. Monocromático sobre blanco
56. Monocromático sobre grandes imágenes
64. "Flat"
70. preguntas: @jmonegro on twitter Fin