Contáctenos

Volver arriba

Elegir la mejor combinación de colores para un diseño de diseño interactivo no es, como puede parecer, un juego de adivinanzas. Saber cuáles usar le ahorrará tiempo (y dolores de cabeza). Hacerlo bien también mantendrá a los usuarios conectados.Desde los comienzos del arte y el diseño, el uso del color ha seguido muchas reglas y pautas, que se conocen colectivamente como teoría del color .Un esquema de color es uno de los primeros elementos para comunicar el mensaje detrás del diseño tanto a nivel visual como psicológico. De hecho, el esquema de color es uno de los elementos más importantes; esto se debe a que, cuando se usa correctamente, el color puede reflejar el nicho e incluso la estrategia general de marketing empresarial .En este artículo, revisaremos brevemente las diferentes clasificaciones de color para actualizar su memoria sobre las clases de diseño gráfico que tomó en la Universidad. Estamos seguros de que el contenido sonará e inspirará tu creatividad .

La rueda de color

La relación entre los colores se puede mostrar mediante el uso de la rueda de colores.La rueda de colores muestra vínculos entre diferentes colores en función del contenido rojo, amarillo y azul de cada color. Fue desarrollado por primera vez por Sir Isaac Newton en 1666.
Autor / titular del copyright: Maximkaaa. Términos y licencia de copyright: dominio públicoLa variante más útil y más utilizada de la rueda de colores se muestra en la imagen superior, que incluye rojo, rojo anaranjado, naranja, amarillo anaranjado, amarillo, amarillo verdoso, verde, verde azul, azul, azul púrpura, púrpura , y combinaciones rojo púrpura. (Stone, 2008).Bleicher (2011) indicó que la rueda de colores se puede categorizar en tres tipos principales de colores en función de la combinación de colores base utilizados para crear el color final, de la siguiente manera:- Colores primarios : amarillo, rojo y azul. Estos son colores básicos que no se pueden dividir en colores más simples.

– Colores secundarios: se crean mezclando dos colores primarios. Los colores secundarios son naranja, verde y morado. Mezclar amarillo y rojo crea naranja; mezclar azul y amarillo crea verde, y mezclar azul y rojo crea púrpura.

– Los colores intermedios o terciarios se crean mezclando colores primarios y secundarios para formar un híbrido, como amarillo-naranja, rojo-naranja, rojo-púrpura, azul-púrpura, azul-verde y amarillo-verde. En una rueda de color más grande que la que se muestra arriba, una mezcla entre colores intermedio, secundario y primario crearía colores cuaternarios.

Una comprensión profunda de la rueda de colores y la relación entre los colores permite a los diseñadores comprender mejor el color y saber cómo elegir colores para sus diseños. Llegaremos a esto en breve.

Lograr la armonía en color

Los colores deben elegirse para ofrecer un atractivo estético mejorado y una mejor experiencia de usuario. Eso significa que es una buena idea pensar en el esquema de color que utilizará al comienzo del proceso de diseño. La forma en que se combinan los colores puede aumentar el aspecto y la sensación o restarle valor.

 


Autor / titular del copyright: Desconocido. Términos y licencia de copyright: DesconocidoSegún Bleicher (2011).

Existen cinco esquemas de color principales (y algunas combinaciones y variantes de estos esquemas) que permiten a los diseñadores lograr la armonía en sus diseños:

Esquema monocromático

El esquema monocromático se basa en los colores creados a partir de diferentes tintes (creados al agregar negro o blanco al color original), tonos y tonos de un tono. En teoría, es el más simple de todos los esquemas. Un esquema monocromático se usa comúnmente en diseños mínimos porque un tono debería resultar en un diseño menos distrayente.Por otro lado, este esquema significa que no puede usar varios colores para ayudar a visualizar la información en la Interfaz de usuario (UI). Ese es el único precio de la simplicidad .

Esquema de color análogo

El esquema análogo se basa en tres colores ubicados uno al lado del otro en la rueda de color (por ejemplo, rojo, rojo-naranja y rojo-violeta). Este esquema se puede encontrar fácilmente en la naturaleza, solo piense en los árboles en el otoño, ya que las hojas cambian de color.Hay una variante en este esquema, el esquema de color análogo de “alta clave”. Se logra mezclando sus tonos análogos con blanco. Esta versión se encuentra comúnmente en el arte impresionista, particularmente en el arte impresionista temprano. El efecto logrado es uno en el que los colores parecen “brillar” y “difuminarse” el uno al otro: cuando se mira desde la distancia, puede crear la ilusión de que solo se usa un solo color.

Esquemas complementarios

Los esquemas de color complementarios usan uno (o más) pares de colores que, cuando se combinan, “se anulan mutuamente”. Por ejemplo, cuando combina los dos colores, producen blanco o negro (o algo muy similar a la escala de grises). Por esa razón, este esquema también se conoce como esquema de “color opuesto”.Cuando colocas dos colores complementarios uno al lado del otro, muestran el mayor contraste . En la teoría del color moderna, los pares son rojo / cian, verde / magenta y azul / amarillo.

Esquema dividido-complementario (ocasionalmente “Compound Harmony”)

Esta es una combinación del uso del esquema de color complementario y el esquema de color análogo. En esencia, se eligen colores complementarios y luego los colores en cada lado de ellos en la rueda de colores también se usan en el diseño. Se considera que suaviza el impacto de un esquema de color complementario, que en algunas situaciones puede ser demasiado audaz o demasiado duro para el ojo del espectador.

Triádico

El esquema triádico se basa en el uso de tres colores a distancias iguales entre sí en la rueda de colores. La forma más fácil de encontrar un esquema triádico es colocar un triángulo equilátero en la rueda para que cada esquina toque un color. Los tres colores serán exactamente 120 ° uno del otro.Estos esquemas se consideran vibrantes (incluso cuando los propios matices no lo son): mantienen la armonía pero ofrecen un alto nivel de contraste visual. Puede encontrar esquemas triádicos en muchas obras de arte, ya que es más fácil ofrecer un resultado visual agradable con un esquema triádico que cuando se usa un esquema complementario.

Tetradic

Los esquemas Tetradic utilizan dos juegos de pares complementarios: cuatro colores. Estos pueden crear experiencias visuales muy interesantes, pero son difíciles de mantener en equilibrio. ¿Por qué? Es porque un color de un esquema tetradico necesita dominar los otros colores sin abrumarlos por completo. Una cantidad igual de cada color a menudo lleva a una apariencia muy incómoda, lo último que desea que vean sus usuarios.

Square (Una variante de Tetradic)

El esquema cuadrado es una variante del esquema tetradico. En lugar de elegir dos pares complementarios, coloca un cuadrado en la rueda de colores y elige los colores que se encuentran en sus esquinas. Por lo tanto, encontrará cuatro colores que están espaciados uniformemente a 90 ° uno del otro. A diferencia del esquema de color tetradico, este enfoque a menudo funciona mejor cuando todos los colores se usan uniformemente en todo el diseño.

Temperatura del color

Los colores se pueden utilizar para transmitir contenido emotivo y ayudar con la apariencia de su sitio web. Estamos hablando de mover personas ahora, evocando pasiones y sentimientos en nuestros usuarios. Vale la pena señalar en este punto que la cultura, el género, las experiencias, etc. de las personas también afectarán la forma en que resuenan los colores y que la investigación de los usuarioses un mejor indicador de la respuesta emocional al color que las siguientes pautas basadas en la rueda de colores. Por ejemplo, ¿sabía usted que, en China, el rojo es común porque representa la felicidad y la prosperidad, pero el blanco se considera funerario o representa la desgracia? Además, la cultura china tiene un color único: qing– que es una especie de gris azulado-verde, o “grue”. En Grecia, el amarillo transmite nociones de tristeza, mientras que el rojo transmite esas nociones en Sudáfrica. El color es un gran problema en cómo las personas de diferentes partes del mundo interpretarán su diseño. Una pequeña investigación tomará un largo camino.Sin embargo, si desea seguir el enfoque de la rueda de colores, hay tres indicadores de temperatura de color: “cálido” y “frío” y “neutro”:– Colores cálidos: son colores ubicados en la mitad de la rueda de colores que incluye amarillo, naranja y rojo. Se dice que estos colores reflejan sentimientos como la pasión, el poder, la felicidad y la energía.

– Colores fríos: estos son los colores que se encuentran en el otro lado de la rueda de colores, incluidos el verde, el azul y el violeta. Se dice que los colores fríos reflejan calma, meditación e impresiones relajantes.

– Colores neutros : no se dice que reflejen emociones particulares. Estos colores incluyen gris, marrón, blanco y negro.

La elección de categorías de color dependerá de lo que intente lograr con su sitio web. Siempre que sea posible, debería probar sus paletas de colores con sus usuarios para asegurarse de que las elecciones que ha realizado reflejen sus realidades. Casi siempre es más fácil establecer y probar una paleta de colores al principio del proceso de desarrollo que al final. Aparte de todo lo demás, puede ahorrarle un tiempo valioso.

The Take Away

El color es claramente una parte importante del atractivo estético de un diseño. Basar su paleta de colores en uno de los esquemas de colores existentes puede hacer que sea más fácil encontrar el equilibrio correcto desde el principio.La rueda de color es una herramienta fundamental, creada por Sir Isaac Newton en 1666. En ella, encontramos:– Colores primarios

– Colores secundarios

– Colores intermedios o terciarios

Deberíamos tratar de afinar nuestra elección de colores para crear la máxima armonía, teniendo en cuenta lo siguiente al mismo tiempo para elegir el esquema más adecuado:– Esquema monocromático

– Esquema de color análogo

– Esquemas complementarios

– Esquema Split-Complementary (Compound Harmony)

– Triádico

– Tetradic

– Cuadrado

La temperatura del color es otra consideración vital; es la parte que puede tocar acordes en las personas y hacer que se apasionen por nuestro trabajo. Siempre que sea ​​posible, debe hacer pruebas a los usuarios de los esquemas de color, e idealmente al comienzo del proceso de diseño. Además, siempre tenga en cuenta que los colores tienen muchas connotaciones culturales, ¡así que asegúrese de estar al tanto de ellos!Por otro lado, recuerde que usted debe no transmitir el significado solamente con el color. Alrededor del 8% de las personas, en su mayoría hombres, son daltónicos y el color no siempre es accesible. Aun así, el color es una herramienta que puede mejorar los otros elementos de su diseño. Considérelo un ingrediente importante que puede darle vida a su trabajo e involucrar a sus usuarios, haciendo que se preocupen más por su producto, servicio o mensaje.

Dónde aprender más

– Los 10 mandamientos de la teoría del color . ¡Comprueba tu conocimiento! http://www.designmantic.com/blog/wp-content/uploads/2014/05/Color-Theory-Infographic.jpg

– Teoría del color para diseñadores, parte 2: comprensión de conceptos y terminología . http://www.smashingmagazine.com/2010/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/

– Stone, TL (2008). Libro de trabajo de diseño de color: una guía del mundo real para usar el color en el diseño gráfico . Rockport: Rockport Publishers.

– Bleicher, S. (2011). Color contemporáneo: teoría y uso . Estados Unidos: Cengage Learning.

Referencia

Imagen del héroe: autor / titular del copyright: George Field. Términos y licencia de copyright: dominio público.