Introducción a la teoría del color: cómo combinar colores y establecer el ambiente de sus diseños

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

Ciertos colores o tonos evocan sentimientos diferentes en las personas. En esta publicación, quiero dar una introducción rápida a la teoría del color, las formas de combinar colores y las herramientas para diseñar con color, de las que usted como diseñador puede beneficiarse para que sus diseños sean deliciosos.

¡Empecemos!

Se atribuyen diferentes estados de ánimo a diferentes colores y puede usar 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 color rojo.
  2. El amarillo tiende a usarse para que las cosas transmitan alegría, atención, 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 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 capturas de pantalla de aplicaciones.
  3. El verde se ha asociado con la frescura, la seguridad y el crecimiento. Es por eso que verá que la mayoría de la naturaleza, la comida saludable y las empresas 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 significa realeza. Riqueza. Feminidad. El morado tiende a usarse para productos dirigidos a mujeres. Y productos de lujo.

Para ver estas teorías en acción, comience a analizar anuncios. Después de todo, los anuncios son experimentos realmente bien pensados ​​en persuasión y manipulación de la psicología humana.

La próxima vez que vea un anuncio, trate de 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 se trata solo de publicidad y llamar la atención. También se trata de vender su producto y apelar a ciertos instintos o deseos que las personas tienen.

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

Lea esto para aprender más.

Cómo combinar colores para crear paletas de colores.

Ahora, por supuesto, no vas a usar 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 colores.

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

  1. Paleta de colores análoga: para esta combinación, elige un color de la rueda de colores. Luego, tomas un color adyacente. Y creas un diseño usando esos colores. Los colores análogos crean un diseño armonioso y fácil de ver.
Créditos de imagen.

2. Paleta de colores complementaria: para esta combinación, elija un color y un color opuesto al de la rueda de colores. Por ejemplo, el rojo y el verde aquí.

Créditos de imagen

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

3. Colores divididos: para esta combinación de colores, usted elige un color. Y luego elija dos colores adyacentes al color opuesto.

Créditos de imagen

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

4. Paleta de colores triádica: elige un color y dibuja un triángulo equilátero. Tienden a dar una sensación equilibrada.

Créditos de imagen

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

5. Colores monocromáticos: son muy modernos y muy de moda. Los diseños monocromáticos se ven hermosos en las pantallas modernas de los teléfonos inteligentes. Simplemente elija un solo color y combínelo con varias cantidades de blanco o varias cantidades de negro para crear diferentes tonos y sombras que se destaquen 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

Lea 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 lucir agradable a la vista y lograr ciertos efectos.

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

  1. Caza de color. Este es un lugar donde los diseñadores profesionales acuden para seleccionar sus paletas de colores favoritas. Puede encontrar paletas populares, aleatorias y populares y, dependiendo del estado de ánimo de la paleta de colores, puede encontrar una para su proyecto en particular.
  2. IU plana colores. Este sitio web tiene 20 colores formulados para funcionar especialmente bien en la plataforma iOS. Para Android, he oído que Material Palette es lo que usan los desarrolladores.
  3. ColorZilla. Esta es una extensión de Chrome increíble 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 color y mezclar y combinar colores, debería poder llegar a una paleta de colores que sea adecuada para su proyecto de aplicación / sitio web. Esto ayudará a que su producto se vea atractivo, así como a evocar cierta idea o emoción dentro de su usuario.