Una introducción a la teoría del color: cómo combinar colores y establecer el estado de ánimo de sus diseños

Podemos ver diferentes colores debido a la capacidad innata de nuestra retina de diferenciar las frecuencias de las ondas de luz.

Ciertos colores o tonos evocan sentimientos diferentes en las personas. En este post, quiero dar una breve introducción a la teoría del color, formas de combinar colores y herramientas para diseñar con color, que usted, como diseñador, puede aprovechar para hacer que sus diseños sean encantadores.

¡Empecemos!

Diferentes estados de ánimo se atribuyen a diferentes colores y puede utilizar estos diferentes colores para lograr diferentes fines.

  1. El rojo se ha asociado tradicionalmente con Amor, Energía e Intensidad. Entonces, muchos anuncios de automóviles o cualquier cosa relacionada con el amor son de un tono rojo.
  2. El amarillo tiende a ser utilizado para transmitir alegría, atención e intelecto. El amarillo es un color increíblemente llamativo. Sin embargo, el amarillo no es una buena opción para el fondo de su aplicación o como la interfaz principal. El amarillo puede causar fatiga de atención. Es una excelente opción para el diseño de iconos de aplicaciones o el diseño de captura de pantalla de la aplicación.
  3. El verde se ha asociado con la frescura, la seguridad y el crecimiento. Esta es la razón por la que verá que la mayoría de la naturaleza, las comidas saludables y las compañías relacionadas usan el verde para su marca.
  4. Azul – Estabilidad. Confianza. Serenidad. No es de extrañar por qué tanto Facebook como Twitter son azules.
  5. Púrpura representa realeza. Riqueza. Feminidad. Púrpura tiende a ser utilizado para productos dirigidos a mujeres. Y productos de lujo.

Para ver estas teorías en acción, comienza a analizar anuncios. Después de todo, los anuncios son experimentos realmente bien pensados ??para persuadir y manipular la psicología humana.

La próxima vez que vea un anuncio, intente ver qué técnicas o principios de diseño están usando para que su diseño se vea hermoso y qué emoción están tratando de evocar.

Sin embargo, elegir una paleta de colores no es todo acerca de la publicidad y el acaparamiento de la atención. También se trata de vender su producto y apelar a ciertos instintos o deseos que la gente tiene.

Entonces, la próxima vez que diseñe una aplicación / sitio web, lo primero que debe pensar es qué emociones desea evocar e ideas que intenta transmitir al usuario y elegir una paleta de colores en consecuencia.

Lee esto para aprender más.

Cómo combinar colores para crear paletas de colores

Ahora, por supuesto, no usarás el mismo color en todas partes en tu aplicación. Necesitarás combinaciones de colores que combinen bien y sean agradables de ver.

Para combinar colores, los artistas y diseñadores a menudo usan una herramienta llamada rueda de colores.

Una rueda de color.

Hay algunas maneras en que puede usar la teoría de la ciencia del color para combinar diferentes colores para sus diseños.

  1. Paleta de colores análoga: para esta combinación, tomas un color de la rueda de colores. Luego tomas un color adyacente a él. Y creas un diseño usando esos colores. Los colores análogos crean un diseño que es armonioso y fácil de mirar.

Créditos de imagen .

2. Paleta de colores complementarios: para esta combinación, elija un color y elija un color opuesto a él en la rueda de colores. Por ejemplo, el rojo y el verde aquí.

Créditos de imagen

El diseño de Color complementario suele atraer la atención y, por lo tanto, no es tan bueno para la interfaz principal o el fondo de tu aplicación. En su lugar, úselos para el ícono de su aplicación o las capturas de pantalla.

3. Colores divididos: para esta combinación de colores, tomas un color. Y luego toma dos colores que son adyacentes al color opuesto.

Créditos de imagen

Todavía llaman la atención, pero también son agradables de ver.

4. Paleta de colores triádicos: tomas un color y dibujas un triángulo equilátero. Tienden a dar una sensación bien equilibrada.

Créditos de imagen

Esta paleta de colores es de los 90, por lo que se siente un poco anticuada. Muchas cadenas de comida rápida de la época tienen sus logos en el esquema de colores triádicos.

5. Colores monocromáticos: son muy modernos y muy de moda. Los diseños monocromáticos se ven hermosos en las pantallas modernas de teléfonos inteligentes. Simplemente toma un solo color y lo combina con varias cantidades de blanco o varias cantidades de negro para crear diferentes tonos y sombras que se destacan entre sí.

Puede mezclar tanto negro o blanco para obtener el contraste que desee. Estas paletas de colores tienden a ser increíblemente contemporáneas y funcionan muy bien para el diseño digital moderno.

Créditos de imagen

Lee esto y esto para aprender aún más.

Herramientas para diseñar con color

Cubrimos un poco de teoría detrás de cómo se pueden combinar diferentes colores para que luzcan agradables a la vista y consigan ciertos efectos.

Hay toneladas de herramientas en línea para usar para encontrar una paleta de colores o hacer la suya propia. Mis herramientas más usadas son:

  1. Color Hunt . Este es un lugar donde los diseñadores profesionales seleccionan sus paletas de colores favoritos. Puede encontrar palletes calientes, aleatorios, populares y, dependiendo del estado de ánimo de la paleta de colores, puede encontrar uno para su proyecto en particular.
  2. Colores planos de interfaz de usuario . Este sitio web tiene 20 colores formulados para funcionar especialmente bien en la plataforma iOS. Para Android, escuché que Material Palette es lo que usan los desarrolladores.
  3. ColorZilla . Esta es una extensión de cromo súper sorprendente que descubre el código HEX de cualquier color en un sitio web.

Al usar estas herramientas, comprender la teoría detrás de los estados de ánimo de color y mezclar y combinar los colores, debería poder llegar a una paleta de colores adecuada para su proyecto de aplicación / sitio web. Esto ayudará a que su producto luzca atractivo y también evocará una cierta idea o emoción dentro de su usuario.