Acumbamail · Creatividad y diseño

Diseño de newsletter: cómo mejorarlo con 11 ejemplos de uso del color en campañas de email

· 15 mayo, 2018

El uso del color en el email puede mejorar considerablemente el diseño de newsletter. Y para ello no sólo puedes valerte de fotografías o elementos gráficos.

La importancia del color en el diseño de newsletter

Los colores implementados en el fondo, enlaces, textos, botones y elementos divisores de contenedores son de gran ayuda a la hora de dotar a tus campañas de una gran personalidad cromática.

En este post podrás conocer algunas de estas técnicas de uso del color en el email. También los ejemplos más llamativos de las marcas que los han puesto en práctica.

Regístrate gratis Comienza a usar gratis nuestro servicio y disfruta de 2.000 emails al mes para siempre. No necesitas tarjeta de crédito.

¿Preparado para inspirarte? Sigue leyendo.

1. Dividir los bloques de color 50/50

Una de las tendencias más populares es dividir el email en dos bloques.  Sólo uno de ellos tiene un color sólido de fondo. Aunque se trata de una técnica sencilla, produce un efecto muy llamativo.

Offscreen Dispatch

Las combinaciones de color en el diseño de  newsletter de Offscreen Dispatch proporcionan a sus emails un aspecto de página de revista. Se trata de un diseño sencillo, que no incluye ningún tipo de arte o fotografía. Simplemente un “layout” dinámico, un texto bien formateado y una buena elección de color.

Es un gran ejemplo de cómo una buena organización de la información y unas simples técnicas de color pueden elevar considerablemente el diseño de un email.

Es un diseño muy sencillo que no requiere cambios en el código de nuestro editor. Usando una estructura de columna única para la mitad superior del email, puedes seleccionar el color de fondo de la fila y el color de fondo del contenido. Para la parte inferior, la estructura será de dos columnas y el color de fondo, blanco.

diseño de newsletter offscreen

The New York Times

Otra campaña que utiliza una estructura similar, con una división al 50%, es la de The New York Times.

Este diseño de newsletter enfatiza la parte superior del email, que consigue captar la atención inmediatamente. En este caso concreto, resalta la importancia de elegir un color para el botón de llamada a la acción que funcione bien tanto sobre fondo negro como blanco.

diseño de newsletter nyt

Care/of

La empresa de packs de vitaminas Care/of combina dos tonos diferentes de azul para el fondo de los dos bloques diferenciados del email.

diseño de newsletter careof

ClassPass

Este diseño de ClassPass va un paso más allá, integrando una fotografía superpuesta sobre ambos fondos de diferentes colores en el diseño de  newsletter.

diseño de newsletter classpass

2. Reemplazar elementos grises por azules o morados

Si los colores sólidos no son lo tuyo, hay muchas más opciones de dotar de colorido a tus campañas. Mediante el color de elementos como enlaces, lineas y botones, puedes conseguir un diseño cohesionado.

Los emails de Wistia son un buen ejemplo de ello.

Wistia

En este caso, la clave son los elementos en color morado.

diseño de newsletter wistia

Podemos ver el mismo tono de morado en textos planos, el botón de play del video, el botón de llamada a la acción, lineas horizontales y un morado pálido de fondo que crea un efecto de marco en el email. Aunque al enumerarlos parezcan demasiados elementos en este color, los amplios espacios y el efecto “lavado” del color de fondo hace que la combinación funcione.

En el siguiente ejemplo, llevan a cabo el mismo proceso pero esta vez con azul.

diseño de newsletter trello

Como puedes ver, la plantilla utilizada por Wistia es muy simple. Esto ayuda a conseguir la presencia predominante de un sólo color sin saturar el email.

The Intercept

Este es un ejemplo aún más sutil de un email con un toque de color. The Intercept utiliza su color de marca para el texto de los enlaces.

Esta sutileza le da al email un “look” más sofisticado. Aunque no importa el color que escojas para tus links, es bueno recordar el consejo de John Thies, CEO de Acid’s, acerca de la accesibilidad en el email. Su recomendación es subrayar siempre los enlaces, pues, de otra manera, pueden pasar desapercibidos para las personas con impedimentos de la visión.

diseño de newsletter intercept

3. Mantén separados los bloques del “grid”

Una estructura de “grid” puede ser muy útil para organizar la información en un email.

En el editor de Acumbamail puedes personalizar cada bloque de manera individual, por lo que el límite es tu imaginación para alcanzar un diseño perfecto.

The Outline

Los emails de The Outline utilizan tres colores: rosa, violeta y amarillo (además del blanco). Con esta combinación consiguen un reconocible aspecto editorial que hace que sus campañas sean inconfundibles.

diseño de newsletter outline

Malin+Goetz

El de Malin+Goetz es un aspecto más convencional, separando los bloques del “grid” mediante el color de fondo de las fotografías.
diseño de newsletter goetz

4. Cortar en diagonal

Las líneas diagonales han sido una gran tendencia en el diseño de newsletter durante los últimos años. Pueden utilizarse para dividir los bloques 50/50. Pero, también, utilizando líneas diagonales en lugar de horizontales.

Moo

Moo utiliza recurrentemente las líneas diagonales en sus emails. Además, las combinan con un uso del color realmente único. Las líneas diagonales crean sensación de profundidad y movimiento. Combinar este efecto con dos variaciones del mismo color, consigue un aspecto original y elegante.

diseño de newsletter moo

5. Vuelve al blanco y negro

Puede que tan inspirador sea el uso del color en el email como la ausencia de él.

El blanco y negro nunca pasa de moda. Tenemos que admitirlo.

Entre todas las coloridas campañas que recibimos, nuestro ojo se detiene al detectar una con ausencia de él, captando toda nuestra atención.

Esto no quiere decir que esta aproximación funcione para todas las marcas, pero puede ser una buena estrategia en el marketing de contenidos, publicaciones o envíos regulares. Algunas marcas de e-commerce como Artsy o Revue han adoptado esta opción.

Artsy

diseño de newsletter artsy

Revue

diseño de newsletter revue

El uso creativo del color en el email nunca pasará de moda. Puedes diseñar tus campañas y experimentar con el color en nuestro editor en cuestión de minutos. No necesitas tener conocimientos de HTML y tus emails serán adaptados para dispositivos móviles. Regístrate y pruébalo de manera gratuita aquí.