Colores análogos (y cómo usarlos en el diseño)

La próxima vez que estés afuera, juega un juego de espionaje visual: observa cómo un amanecer pinta el cielo de tonos rojos, rojo anaranjado y naranja. O observe un pavo real pavoneándose en el zoológico con sus vibrantes plumas azul verdosas. Estudie las suculentas y observe su excelente uso de los tonos azul, azul verdoso y verde.

¿Alguna vez se preguntó por qué estas agrupaciones de colores parecen tan armoniosas? Bueno, todas estas vistas son ocurrencias naturales de esquemas de color análogos, o un esquema con colores uno al lado del otro en la rueda de colores. Debido a que son especialmente agradables a la vista (y fáciles de encontrar), los diseñadores a menudo se inspiran en estos esquemas de color para diseños de productos.

Cómo crear un esquema de color análogo

Elija cualquier color en cualquier punto de la rueda y observe sus vecinos directos, ya sea a la derecha o a la izquierda. Y ahí lo tienes: un esquema de color análogo. Es como sacar una pequeña porción de tres a cinco tonos de la rueda de colores. Una forma de elegir un esquema análogo es comenzar con un color primario (es decir, rojo, amarillo o azul) y usar los colores secundarios y terciarios como acentos.

Ejemplos de colores análogos

Colores análogos significa que la agrupación de colores tiene similitudes. Estos tipos de esquemas de color tienen una estrecha relación entre sí.

A continuación, se muestran algunos ejemplos de esquemas de colores análogos:

  • Amarillo, amarillo-verde, verde
  • Violeta, rojo violeta y rojo
  • Rojo, rojo anaranjado, naranja
  • Azul, azul violeta, violeta

A Un ejemplo notable de un esquema de color análogo es el reciente rediseño de Dropbox. Su esquema usa tonos de rosa, violeta y azul.

Dropbox usa colores llamativos que parece que no deberían funcionar juntos, ¡pero lo hacen!

Paleta de colores análogos

En el sentido más tradicional, una paleta de colores análogos son tres colores. Pero podría llegar a cuatro o cinco colores. Los diseñadores pueden confiar en una paleta análoga para dar temperatura a sus diseños. Una paleta de colores cálidos análogos con cuatro colores estaría compuesta por rojo, rojo-naranja, naranja y amarillo-naranja. Una paleta genial incluiría azul, azul-verde, verde y amarillo-verde.

El kit Velocity UI en una paleta de colores análoga

¿Quiere ver cómo se ve una paleta de colores análoga en una interfaz de usuario de prueba? Prueba la herramienta Colores de Muzli.

Colores análogos en el arte

No solo puedes detectar esquemas de colores análogos en la naturaleza, sino también en el trabajo de artistas famosos que recurren a los serenos escenarios al aire libre como musas .

Por ejemplo, Vincent Van Gogh usó una combinación de colores análoga y genial de verde, azul verdoso, azul y azul púrpura en su pintura «Irises in a Vase». Conocido por tener un don para el color, también se puede encontrar un esquema de color análogo en su pintura al óleo, Los olivos. Para otro estudio de caso en colores análogos, eche un vistazo a la pintura de Claude Monet El estanque de nenúfares.

Colores monocromáticos

Los esquemas de colores análogos crean un aspecto ligeramente monocromático, ya que usan colores similares entre sí. Sin embargo, un esquema monocromático se basa en un color base con diferentes matices, tonos y tintes para crear un aspecto visualmente cohesivo. Diseñadores a menudo usan una paleta monocromática cuando quieren crear una estética simple y limpia, tal vez porque una página es información. Todos y más colores harían que parezca ocupado.

Consideración de colores análogos

Al decidir sobre un esquema de color análogo, siempre es importante tener en cuenta la accesibilidad. Por ejemplo, ciertas paletas de colores análogas pueden excluir a las personas con daltonismo o deficiencia de la visión del color (CVD).

«No confíe únicamente en los colores para hacer el trabajo», Luis González, diseñador de marca senior en InVision dice. «Puede dejar atrás a una buena parte de sus usuarios, y esa no es una buena experiencia de usuario.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *