Cómo diseñar con colores monocromáticos [con consejos de un experto]

monochromatic-colors

Es verdad, elegir una paleta de color para un diseño puede ser un fastidio.

Más si no llevas nada y no tienes una guía de estilo o preferencias del cliente en qué basarte, es decir, ¿por dónde comienzas? Bueno, podrías probar con un esquema cromático sacado directamente desde la clásica teoría del color. No creas que leíste mal, la teoría del color no es solo para los estudiantes de arte, también les da a los diseñadores la oportunidad de usar el color en una forma efectiva y visualmente atractiva.

Una de las paletas más fáciles de usar (y de las más difíciles de arruinar) es una monocromática, que si bien la raíz de la palabra, mono, significa “uno”, no quiere decir que sea usar la misma tonalidad en varias parte de tu diseño, sino es más elegir un color base (por lo normal uno de los 12 en el círculo cromático), más variantes del mismo, ya sea tonos claros, negros u opacos.

Así, con el uso de cada una de estas clases de tonalidades, se pone a tu disposición la oportunidad de crear una paleta monocromática, algo fácilmente de hacer en Paletton, con un espectro versátil de colores que servirá en cualquier parte de tu diseño.

¿Por qué deberías probar con un esquema monocromático?

Además de la versatilidad, una paleta monocromática trae los siguientes beneficios en tu diseño:

1)   Crea un aspecto armonioso, visualmente consistente.

2)   No llama la atención e igualmente deja que tu contenido brille.

3)   Puede ayudar a asociar marcas con un color específico y memorable.

4)   Hace que tu trabajo como diseñador sea más rápido y fácil, al no tener que estar estresándote por ver si los colores se ven bien juntos.

9 técnicas para diseñar con un color monocromático

01. Simplifica un diseño cargado

Hay situaciones en las que no puedes evitar ese sentimiento de querer meter mucha información en un espacio limitado y en caso que tengas muchos colores para usar, tu diseño se verá cargado y confuso. Usa en su lugar una paleta de un solo color y tendrás un diseño más limpio y organizado.

Por ejemplo, esta infografía tiene muchas cosas, con las varias ilustraciones y tipografía, pero todo lo organiza una paleta de puros azules. Para ser más prácticos, la mayoría de los diseños, además del color monocromático, incorporarán negro o blanco que si para el texto o fondo, algo que hace este diseño con el blanco y gris en el fondo para que los gráficos azules resalten.

monochromatic-2-tb-800x0

Dribbble/Madiha Malik

02. Agrega una superposición de color a la fotografía

El color tiene más aplicaciones que solo los textos y gráficos, como por ejemplo, en las fotos. Aquellos diseños que cuentan con fotografía pueden usar un esquema monocromático empleando una superposición transparente de color encima, lo que funciona a la perfección con fotos en blanco y negro, pues las tonalidades de negro, blanco y gris se hacen visibles a través de la superposición para crear la impresión de una variación de colores:

monochromatic-3-tb-800x0

Rolling Stone France

El diseño de arriba detalla lo efectiva que puede ser esta técnica para los retratos. Observa como el color también hace que el texto sea más visible en contraste con el fondo consistente.

Como verás en el siguiente sitio web, esto también sirve para las fotografías de color. El tipo de fotografía usado puede parecer un poco visualmente abrumador, pero las tonalidades de morado le dan una estructura y continuidad al layout.

monochromatic-4-tb-800x0

Dribbble/Eric E. Anderson

03. Crea relaciones y progresión en tu diseño

Una de las ventajas de usar solo un color en tu diseño es lo fácil que es dar a parecer que varios elementos están relacionados, que de hecho además de ser un efecto visual, es funcional, pues mostrar cómo se relacionan o interactúan las características de tu diseño le da la oportunidad a las personas de entender inmediatamente el mensaje y propósito del diseño.

Por ejemplo, en este diseño, las tonalidades de verde hacen una progresión de claro a oscuro a medida que el precio sube, aumentos que se corresponden con el valor del color, es decir, que mientras más oscuro sea el color, mayor es el costo. Lo bueno de esta técnica es que es una forma muy sutil e inteligente de hacer que el diseño sea más amigable.

monochromatic-5-tb-800x0

Dribbble/Medialoot

04. Utiliza un color brillante o intenso de una forma moderada

Seguro que has pensado, que como diseñador, puede ser divertido experimentar con distintas combinaciones de colores. Sin embargo, casi siempre tales tonalidades brillantes o llamativas no son la decisión adecuada para un diseño de un cliente. En este sentido, las paletas monocromáticas son perfectas, dado que puedes agregarle variedad a los colores que normalmente eliges, atenuando aquellos muy llamativos y manteniendo un aspecto profesional. Los diseñadores a menudo aplican esta técnica, tomando por lo normal, un color base brillante (como el rojo del ejemplo a continuación) y creando una paleta con variaciones más oscuras y menos saturadas (es decir, menos intensas).

El diseño de esta tarjeta festiva para una constructora es una buena muestra de esta técnica. Los colores navideños típicos (rojo y verde brillantes) se ven chillones y a pesar que este diseño todavía los utiliza para reflejar el motivo, la atenuación de los colores la mantiene profesional.

monochromatic-6-tb-800x0

Dribbble/Leanda Xavian

05. Prueba con una escala de grises sofisticada

La escala de grises es una función de impresión que utiliza tonalidades de grises para crear una variación de colores, usada con frecuencia para ahorrar dinero en cartuchos de tinta cuando el diseño o recurso impreso no es absolutamente necesario. Aunque, incluso si tu proyecto no es impreso, puedes basarte en este concepto para el esquema cromático que vayas a aplicar.

Es completamente normal que te preguntes: ¿Pero por qué querría hacer? ¿No se verá todo aburrido? La respuesta es que no necesariamente. Al igual que con el blanco y negro, una paleta de colores compuesta de grises puede darle un aspecto minimalista y sofisticado a tu diseño. Toma como ejemplo el diseño del siguiente sitio web, en el que combinan una fotografía en blanco y negro, texto gris en el menú y una superposición de grises para complementar el fondo blanco con texto en negro.

monochromatic-7-tb-800x0

Dribbble/Alan Tippins for Litmus

Igualmente recuerda, que al usar grises, en realidad no tienes que atenerte a la escala de grises (es decir, todas las variaciones entre blanco y negro). Puedes jugar con la temperatura de color y usar grises más fríos (algo azulados) o grises más cálidos (algo rojizos, amoratados o marrones). Sube un poco para que veas la imagen del encabezado de la página web recién vista y observa cómo la superposición de gris parece medio azul, dándole una ligera variación de color e interés visual.

06. Divide tu diseño en secciones

El color, particularmente los bloques de color, se puede usar para dividir tu diseño en secciones, algo que es increíblemente importante para crear un layout organizado con una buena jerarquía visual y que sea fácil de navegar.

El diseño de esta app de calendario consta de tonalidades monocromáticas de morado para separar varias funciones y le muestra a los usuarios dónde pueden ajustar las configuraciones. No he descargado la app, pero supongo que el color tiene un aspecto interactivo y cambia a medida que los usuarios hacen clics en distintas partes.

monochromatic-8-tb-800x0

Dribbble/Ivan Volca

07. Mantenlo sencillo

Un color base puede tener millones de tintes, tonalidades y tonos, pero eso no quiere decir que tengas que usar un chorro de variaciones de color en un diseño monocromático. Probablemente sea mucho trabajo usarlas todas y en algún punto, las pequeñas diferencias entre las tonalidades ni se notarán, así que trata de usar solo los que de verdad necesites para separar tus elementos de diseño. Por ejemplo, un layout muy común es el de tres colores y probablemente solo consista de un color para el fondo, uno para el texto y un color de realce para los gráficos y otros elementos.

Igualmente, puedes basarte en este conjunto de logotipos, que se han diseñado con varios colores, pero como el estilo es más ilustrativo y detallado, una paleta de dos colores monocromáticos mantiene la sencillez y no distrae de lo interesante de la estética retro.

monochromatic-9-tb-800x0

Dribbble/Tyler Anthony

08. Duplica el color

Si tienes dos diseños relacionados, como quizás sean varios flyers para unos conciertos o un par de etiquetas de un producto de la misma marca, usar dos paletas monocromáticas contrastadas puede crear un efecto impresionante, mostrando que si bien ambas son distintas, están relacionadas.

Las etiquetas de las siguientes botellas de agua aumentan el contraste aún más gracias a los dos colores usados, el naranja y azul, que son complementarios u opuestos en el círculo cromático, una característica considerada como la que más contraste genera en la teoría de color tradicional (¡ves, te dije que si ayudaba a los diseñadores!).

monochromatic-10-tb-800x0

The Dieline/Timo Thurner for Aqua Monaco

Además de los esquemas de colores complementarios y monocromáticos, existen otras cuatros paletas clásicas que puedes sacar del círculo cromático para mejorar tus diseños y en nuestra guía sobre la teoría del color para los diseñadores puedes aprender más sobre ellas.

09. Prueba con esquema semi-monocromático

Como se dijo anteriormente, a veces una paleta de colores estrictamente monocromática no es lo más práctico. Lo bueno es que con los siguientes enfoques, puedes hacer ciertas excepciones y mantener la base de la monocromía, tanto el efecto visual como la funcionalidad. Here are some common approaches that you can try out yourself:

Paleta monocromática + color de realce:

Un toque de color además sumado a tu elección de matices monocromáticos te puede ayudar a resaltar partes importantes del diseño o agregar simplemente un interés visual extra. Este tipo de esquema es más efectivo cuando el color extra tiene un motivo específico, algo como destacar un logo o indicar la información de contacto o un call-to-action.

Observa como este conjunto de tarjetas de presentación se ahorra el azul solo para recalcar el primer nombre del diseñador:

monochromatic-11-tb-800x0

Dribbble/Garrett Sanderson

Sino, chécate este ejemplo, que a diferencia de la imagen anterior, que usó gris como el color base para la paleta monocromática, emplea un turquesa de una tonalidad más oscura para el texto y lo varía ligeramente en el fondo, así evitan que los colores sean abrumadores. Por último, el realce con el anaranjado es un bonito toque que se relaciona con el logotipo de la marca y además tiene un motivo decorativo.

monochromatic-12-tb-800x0

The Dieline/Interact for Bandar

Blanco y negro

Los diseñadores pueden tener sus diferencias en si el esquema de colores blanco y negro se considera como monocromático (técnicamente, el negro es la falta de color y el blanco la combinación de todos los colores), pero la verdad es que es el esquema cromático más básico y se puede usar con o sin colores de realce.

Para hacer una comparación de esto último, chécate el diseño de los siguientes sitios web, uno con una paleta compuesta de puro blanco y negro y la otra con la suma del rojo como color de realce:

monochromatic-13-tb-800x0

Dribbble/Mik Skuza

monochromatic-14-tb-800x0

Dribbble/Forefathers

Si quieres más inspiración de diseños con una paleta de blanco y negro, dale un vistazo a nuestra muestra de 50 ejemplos impresionantes.

Misma familia de color

A pesar que técnicamente no entra en el rango de lo monocromático, una paleta de la misma familia de color puede tener el mismo efecto en lo que a organizar información y armonía visual se refiere. Este punto lo refleja estupendamente la revista que ves debajo, la cual utiliza verdes y azules para enfatizar los datos incluidos en sus tablas y gráficas. Realmente, es un diseño con al menos cuatro o cinco colores, pero debido a lo similares que son – tanto en temperatura de color (fríos) como en saturación (brillante) – el aspecto es coherente, algo que probablemente no hubiese pasado si un color cálido como el anaranjado fuese parte de la parte.

monochromatic-15-tb-800x0

Dribbble/Bureau Oberhaeuser

Resumiendo todo…

Las paletas monocromáticas o de un color, son una variante versátil y fácil de usar en cualquier diseño, así como lo has visto en los sitios web, logotipos, tarjetas de presentación, productos y más diseños de este artículo. Ahora bien, el hecho que la palabra monocromático se refiera a uno solo no es razón para que rijas por su definición tradicional, pues con uno o dos colores extra puedes complementar o realzar el efecto que genera en el diseño. ¿Qué sigue? Poner a prueba estos consejos y técnicas para empezar a crear diseños espectaculares con esquemas monocromáticos y como siempre, ¡feliz diseño!

Si quieres saber más sobre cómo agregarle color efectivamente a tu diseño, dirígete a nuestra categoría de Teoría de Color y Recursos de Diseño, donde encontrarás los siguientes recursos y mucho más:

100 combinaciones extraordinarias de colores y cómo aplicarlas en el diseño

Inspírate con estos 10 secretos del color que solo los diseñadores conocen

La fascinante neurociencia del color y su significado en el diseño

¿Necesitas más ayuda?

Chécate estos 25 maravillosos diseños monocromáticos que hemos hecho en Canva para que te puedas inspirar. Solo tienes que hacer clic en cualquiera de las imágenes para abrir estas impresionantes paletas en tu cuenta de Canva.

119-tb-800x0

2-1-tb-800x0

3-1-tb-800x0

4-1-tb-800x0

5-1-tb-800x0

7-1-tb-800x0

8-1-tb-800x0

9-1-tb-800x0

10-11-tb-800x0

11-1-tb-800x0

12-1-tb-800x0

13-1-tb-800x0

14-1-tb-800x0

15-1-tb-800x0

16-1-tb-800x0

17-1-tb-800x0

18-1-tb-800x0

19-1-tb-800x0

20-1-tb-800x0

21-1-tb-800x0

23-1-tb-800x0

24-1-tb-800x0

25-1-tb-800x0

La mejor herramienta para crear diseños increíbles