Los diseñadores de aplicaciones usan el sistema aditivo
Moderador
Notas de la presentación
UI designers
Qué es esto ?
hue brillo
saturación
Moderador
Notas de la presentación
Hue - name and properties/mixture of a color that enables it to be perceived Brilliance - how light or dark a color is Saturation - the level and mixture of white, black, grey or complimentary included in color Extension - proportions of color Simultaneous - shifting of colors to complementary
Hue Nombre y propiedades de un color
Moderador
Notas de la presentación
Hue - name and properties/mixture of a color that enables it to be perceived Brilliance - how light or dark a color is Saturation - the level and mixture of white, black, grey or complimentary included in color Extension - proportions of color Simultaneous - shifting of colors to complementary
Brillo Cómo es la Intencidad de la luz y la sombra
Moderador
Notas de la presentación
Hue - name and properties/mixture of a color that enables it to be perceived Brilliance - how light or dark a color is Saturation - the level and mixture of white, black, grey or complimentary included in color Extension - proportions of color Simultaneous - shifting of colors to complementary
El nivel y mescla de blanco, negro, gris o colores complementarios
Saturación
Moderador
Notas de la presentación
Hue - name and properties/mixture of a color that enables it to be perceived Brilliance - how light or dark a color is Saturation - the level and mixture of white, black, grey or complimentary included in color Extension - proportions of color Simultaneous - shifting of colors to complementary
Qué son estos ?
Colores primario
secundarios terciarios
Moderador
Notas de la presentación
Hue - name and properties/mixture of a color that enables it to be perceived Brilliance - how light or dark a color is Saturation - the level and mixture of white, black, grey or complimentary included in color Extension - proportions of color Simultaneous - shifting of colors to complementary
Mezcla de amarillo y rojo. El naranja representa el entusiasmo, la fascinación, la felicidad, la creatividad, la determinación, la atracción, éxito, ánimo y estímulo. En heráldica, el naranja es un símbolo de fuerza y resistencia.�Cuando se diluye con el negro, declina en aburrida y marchita . Naranja oscuro puede significar el engaño y la desconfianza.
El amarillo es el color del sol. Se asocia a la alegría, la felicidad, la inteligencia y la energía. Amarillo produce un efecto de calentamiento, provoca alegría, estimula la actividad mental y genera energía muscular.�Tonos de amarillo (cuando se añade grises) tienen un aspecto poco atractivo debido a que pierden la alegría y se convierten en sórdido, sucio que representa precaución, deterioro, la enfermedad y celos.
El verde es el color de la naturaleza. Simboliza el crecimiento, la armonía, la frescura y la fertilidad. Verde tiene correspondencia emocional muy fuerte con la seguridad. Amarillo-verde pueden indicar la enfermedad, la cobardía, la discordia y la envidia
Se trata de relacionarlos
Relación dinámica
Relación dinámica-estática
Relación estática
La clave es el contraste
Moderador
Notas de la presentación
Color perception
Es balance
Piensa con tus ojos !
Patela de colores tips & herramientas
Busca la armonía
Se conciente de los efectos del contraste
Entiendiendo al color dominante
Reglas que usan los diseñadores
Garantizar la legibilidad del texto a través del contraste
• Evitar texturas y lineas para los fondos
detrás de los textos. • Evitar los contrastes que provocan fatiga
visual. • Evite las combinaciones de colores que
causan ilusiones cuando se encuentra juntos.
La experiencia dice que… • Un mismo color dominante.
• Utilice este color como apoyo.
• Utilice el color para mejorar el atractivo
estético.
Use color para identificar, agrupar y dar enfasis
• Relacionar los elementos visuales
• Delimitar las diferentes áreas
• Resaltar lo importante de la información
El color indica disponibilidad o valor
• Para los enlaces.
• Para las fórmulas.
• Para las ventanas
Itten, Johannes The Art of Color New York: John Wiley & Sons, 1974
Pabini, Gabriel-Petit Color Theory for Digital Displays http://www.uxmatters.com/ Pabini, Gabriel-Petit Applying Color Theory to Digital Displays http://www.uxmatters.com/