Entonces, ¡hablemos de colores!
Al igual que las fuentes y las ilustraciones, los colores imparten un tono y un equilibrio emocional que afecta la forma en que los usuarios perciben su marca. El color juega un papel de vital importancia en el mundo en el que vivimos. Influye en todo, desde el estado de ánimo y el comportamiento hasta la toma de decisiones de diseño subconsciente. Después de descubrir los wireframes, es muy importante elegir el color adecuado para su público objetivo.
Para ser honesto, al principio luché mucho con esto. Independientemente de unirme a bootcamps y todo eso, aprendí todo a través de Internet. Investigué mucho sobre esto en Google. Por fin, todo lo que llegué a saber lo comparto aquí. Es muy importante elegir el color adecuado para su producto según la psicología del color.
La psicología del color es el estudio de cómo los colores afectan las percepciones y el comportamiento.
¡Empecemos!
¿La edad afecta las preferencias de color?
La edad es un elemento que conviene examinar con atención. La edad de su público objetivo influye en su percepción de los materiales de marketing, especialmente teniendo en cuenta que el gusto y la preferencia de color varían según la edad. Los colores son deseables para diferentes grupos de edad. Teniendo en cuenta la psicología del color del azul y el rojo, se descubre que las personas maduras generalmente prefieren los colores de longitudes de onda más cortas (azul, verde, violeta) que las longitudes de onda más largas (rojo, naranja, amarillo).
Diferencia de género: hombres vs mujeres
Las investigaciones sobre la percepción del color indican que los hombres prefieren colores brillantes y contrastantes, mientras que las mujeres prefieren tonos más suaves. Los hombres eran más propensos a seleccionar tonos de colores como sus colores favoritos con el negro agregado, mientras que las mujeres eran más receptivas a los tintes de colores con el blanco agregado. A la mayoría de las mujeres les gusta el tono más suave del morado, mientras que la mayoría de los hombres rechazan este y muchos más.
Significados culturales de los colores
Además de la edad y el género, otro factor que influye en la preferencia de color es nuestro origen cultural. Consulta los significados de los diferentes colores desde aquí. Es muy importante porque los diferentes colores tienen diferentes significados en diferentes países. Por ejemplo, en China y la India, el rojo es el color de las bodas. En Sudáfrica, es un momento de luto. Así, el rojo es un color asociado con momentos de gran emoción en múltiples culturas, aunque los acontecimientos específicos de la vida (matrimonio y muerte) son de naturaleza bastante diferente. No podemos decir que diferentes personas experimentarían las mismas emociones con sólo mirar el mismo color. También en términos de religión, la ropa blanca en el matrimonio significa una mala señal de muerte, mientras que es preferible usar ropa blanca en el matrimonio cristiano. Entonces, teniendo en cuenta todas estas cosas, debemos elegir el color adecuado según el público objetivo.
Teoría del color 60-30-10:
La regla 60-30-10 es una teoría para crear paletas de colores que sean estéticamente agradables y aceptablemente equilibradas. Esta teoría se utiliza principalmente en diseño de interiores, pero se puede utilizar en términos de interfaz de usuario. Se recomienda que el 60 % de la interfaz de usuario utilice el color dominante, el 30 % utilice el color secundario y el 10 % restante utilice un color de acento. Utilice esto como guía.
Ahora bien, ¿cómo elegir la paleta de colores adecuada?
El primer paso es elegir el color primario. Es un color que se muestra con mayor frecuencia en sus productos. Te recomendaré que elijas uno o dos colores que obtuve a través de mi investigación.
En segundo lugar, es hora de elegir un acentuar el color. Si desea que la gente preste atención a un componente especial, entonces es una gran idea utilizar un color de acento en ese componente.
Ahora tienes tu color principal y de acento. Es hora de elegir tu color secundario lo que hará que su interfaz de usuario destaque, complemente o aumente el conocimiento de su marca. La cantidad de colores secundarios que te recomendaré es de 3 a 5, que son bastante vibrantes. Son los colores que se establecen intencionalmente para mantener las cosas frescas e interesantes.
A continuación, necesitará un color neutro. Esto es esencial en cada producto. Si desea elegir un color neutro para su producto, comience primero con el tono más oscuro y vaya bajando lentamente en términos de opacidad. Los colores neutros más claros se utilizarán para el borde del divisor, el fondo del texto o incluso para los botones deshabilitados.
Lo siguiente es preparar un color semántico para cosas como alertas, advertencias, casillas de verificación o cualquier banner. Normalmente tenemos estos 4 colores semánticos:
ROJO: Simplemente significa peligro y no hagas clic en él a menos que estés realmente seguro.
NARANJA: Es para advertir a los usuarios “¿Estás seguro de que quieres hacer esto?”
VERDE: Significa estados exitosos y positivos.
AZUL: Indica un cambio o acción de información neutral. No significa que sea negativo o positivo.
La gente ya está acostumbrada a estos colores semánticos. Entonces, utiliza estos cuatro colores semánticos a los que la gente está acostumbrada. Cuanto más sepa sobre la capacidad de su usuario para absorber su contenido, más opciones informadas podrá tomar sobre sus diseños.
Ahora, hablemos de accesibilidad. Seguimos Pautas de accesibilidad al contenido web (WCAG) desarrollado por el W3C proporciona una fórmula para calcular la cantidad de contraste entre dos colores, lo que resulta en un relación de contraste. Es que el tamaño de fuente en un rango determinado en diferentes tamaños de pantalla y también el contraste entre el texto y el fondo en términos de color debe estar en una proporción de al menos 4,5:1. Entonces, al diseñar elementos como botones, tarjetas o elementos de navegación, asegúrese de verificar la relación de contraste de sus combinaciones de colores. Aquí hay una herramienta que estoy usando desde hace un tiempo para verificar el contraste de color. Otro es el color de Adobe. Puede consultar otros a través de la red.
Aquí hay algunas herramientas más para generar una paleta de colores que te recomiendo:
Si tienes una foto y quieres extraer sus colores, puedes hacerlo en Adobe Color. Vaya a extraerlos, arrastre o suelte la foto y le mostrará una lista de la paleta de colores de esa imagen. Este es un truco realmente rápido para extraer los colores de una imagen. En Pinterest y Dribbble, por supuesto, puedes buscar algo como paletas de colores y te recomendarán algunas paletas de colores.
Además, no confíe únicamente en el color. Asegúrese de incorporar mensajes o iconografía que indiquen claramente lo que está sucediendo.
Terminando
Resumiendo este artículo, aquí hay una lista de algunos consejos útiles a considerar:
Elija colores minimalistas.Elige los colores sabiamente.Aprende sobre tu Público objetivo, ya que de ellos dependen varios factores como la edad, el género y la cultura.Hacer el combinaciones de colores sabiamente.El diseño no se trata sólo de estética. Se trata de funcionalidad y usabilidady acomodar a los usuarios con daltonismo o deficiencia en la visión de los colores.Prueba, prueba y prueba todo en su sitio web/aplicación. No hagas suposiciones sobre qué funciona mejor en otro sitio web/aplicación, porque no necesariamente funcionará en el tuyo.
Recomendar lectura
Aquí hay algunos materiales que podríamos recomendar para aquellos que quieran profundizar en el tema:
Por qué los colores importan
Sistema de color: RGB y CMYK
Y aquí está el sistema y la paleta de colores de diseño de Adobe y Atlassian que me parecieron informativos:
Atlassiano
Adobe
Gracias por leer mi artículo hasta el final. Espero que sea de alguna ayuda para otros y, por supuesto, ¡me encantaría escuchar tus comentarios!