{"id":6690,"date":"2018-05-15T08:46:59","date_gmt":"2018-05-15T07:46:59","guid":{"rendered":"https:\/\/blog.acumbamail.com\/?p=6690"},"modified":"2022-08-08T13:59:43","modified_gmt":"2022-08-08T11:59:43","slug":"mejorar-diseno-newsletter-usando-color","status":"publish","type":"post","link":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/","title":{"rendered":"Dise\u00f1o de Newsletters: 11 Ejemplos de uso del Color en Campa\u00f1as de Email"},"content":{"rendered":"<p><strong>El uso del color en el email puede mejorar considerablemente el dise\u00f1o de las <a href=\"https:\/\/acumbamail.com\/blog\/newsletter-que-es\/\">newsletter<\/a>.<\/strong> Y para ello no s\u00f3lo puedes valerte de fotograf\u00edas o elementos gr\u00e1ficos.<\/p>\n\n\n\n<h2>La importancia del color en el dise\u00f1o de newsletter<\/h2>\n<p>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\u00f1as de una gran personalidad crom\u00e1tica.<\/p>\n<p><strong>En este post podr\u00e1s conocer algunas de estas t\u00e9cnicas de uso del color en el email. Tambi\u00e9n los ejemplos m\u00e1s llamativos de las marcas que los han puesto en pr\u00e1ctica.<\/strong><\/p>\n<p>\u00bfPreparado para inspirarte? Sigue leyendo.<\/p>\n<h2>1. Dividir los bloques de color 50\/50<\/h2>\n<p>Una de las tendencias m\u00e1s populares es <strong>dividir el email en dos bloques.&nbsp; S\u00f3lo uno de ellos tiene un color s\u00f3lido de fondo.<\/strong> Aunque se trata de una t\u00e9cnica sencilla, produce un efecto muy llamativo.<\/p>\n<h3>Offscreen Dispatch<\/h3>\n<p><strong>Las combinaciones de color en el dise\u00f1o de&nbsp; newsletter de <a href=\"https:\/\/www.offscreenmag.com\/dispatch\" target=\"_blank\" rel=\"noopener noreferrer\">Offscreen Dispatch<\/a> proporcionan a sus emails un aspecto de p\u00e1gina de revista.<\/strong> Se trata de un dise\u00f1o sencillo, que no incluye ning\u00fan tipo de arte o fotograf\u00eda. Simplemente un &#8220;layout&#8221; din\u00e1mico, un texto bien formateado y una buena elecci\u00f3n de color.<\/p>\n<p>Es un gran ejemplo de c\u00f3mo una buena organizaci\u00f3n de la informaci\u00f3n y unas simples t\u00e9cnicas de color pueden elevar considerablemente el dise\u00f1o de un email.<\/p>\n<p>Es un dise\u00f1o muy sencillo que no requiere cambios en el c\u00f3digo de nuestro editor. Usando una estructura de columna \u00fanica 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\u00e1 de dos columnas y el color de fondo, blanco.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6691 size-full\" title=\"dise\u00f1o de newsletter offscreen\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-offscreen.png\" alt=\"dise\u00f1o de newsletter offscreen\" width=\"799\" height=\"1506\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-offscreen.png 799w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-offscreen-159x300.png 159w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-offscreen-768x1448.png 768w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-offscreen-543x1024.png 543w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/p>\n<h3>The New York Times<\/h3>\n<p>Otra campa\u00f1a que utiliza una estructura similar, con una divisi\u00f3n al 50%, es la de <a href=\"https:\/\/www.nytimes.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The New York Times.<\/a><\/p>\n<p>Este dise\u00f1o de newsletter enfatiza la parte superior del email, que consigue captar la atenci\u00f3n inmediatamente. En este caso concreto, resalta la importancia de elegir un <strong>color para el bot\u00f3n de llamada a la acci\u00f3n que funcione bien tanto sobre fondo negro como blanco.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6692 size-full\" title=\"dise\u00f1o de newsletter nyt\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-nyt.png\" alt=\"dise\u00f1o de newsletter nyt\" width=\"800\" height=\"800\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-nyt.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-nyt-150x150.png 150w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-nyt-300x300.png 300w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-nyt-768x768.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Care\/of<\/h3>\n<p>La empresa de packs de vitaminas <a href=\"https:\/\/takecareof.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Care\/of<\/a> combina dos tonos diferentes de azul para el fondo de los dos bloques diferenciados del email.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6693 size-full\" title=\"dise\u00f1o de newsletter careof\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-careof.png\" alt=\"dise\u00f1o de newsletter careof\" width=\"800\" height=\"1640\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-careof.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-careof-146x300.png 146w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-careof-768x1574.png 768w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-careof-500x1024.png 500w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>ClassPass<\/h3>\n<p>Este dise\u00f1o de <a href=\"https:\/\/classpass.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ClassPass<\/a> va un paso m\u00e1s all\u00e1,<strong> integrando una fotograf\u00eda superpuesta sobre ambos fondos de diferentes colores en el dise\u00f1o de&nbsp; newsletter.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6694 size-full\" title=\"dise\u00f1o de newsletter classpass\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-classpass.png\" alt=\"dise\u00f1o de newsletter classpass\" width=\"800\" height=\"905\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-classpass.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-classpass-265x300.png 265w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-classpass-768x869.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>2. Reemplazar elementos grises por azules o morados<\/h2>\n<p>Si los colores s\u00f3lidos no son lo tuyo, hay muchas m\u00e1s opciones de dotar de colorido a tus campa\u00f1as. <strong>Mediante el color de elementos como enlaces, lineas y botones, puedes conseguir un dise\u00f1o cohesionado.<\/strong><\/p>\n<p>Los emails de Wistia son un buen ejemplo de ello.<\/p>\n<h3>Wistia<\/h3>\n<p>En este caso, la clave son los elementos en color morado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6695 size-full\" title=\"dise\u00f1o de newsletter wistia\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-wistia.png\" alt=\"dise\u00f1o de newsletter wistia\" width=\"801\" height=\"949\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-wistia.png 801w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-wistia-253x300.png 253w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-wistia-768x910.png 768w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><\/p>\n<p>Podemos ver el mismo tono de morado en textos planos, el bot\u00f3n de play del video, el bot\u00f3n de llamada a la acci\u00f3n, lineas horizontales y un morado p\u00e1lido de fondo que crea un efecto de marco en el email. Aunque al enumerarlos parezcan demasiados elementos en este color, <strong>los amplios espacios y el efecto &#8220;lavado&#8221; del color de fondo hace que la combinaci\u00f3n funcione.<\/strong><\/p>\n<p>En el siguiente ejemplo, llevan a cabo el mismo proceso pero esta vez con azul.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6696 size-full\" title=\"dise\u00f1o de newsletter trello\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-trello.png\" alt=\"dise\u00f1o de newsletter trello\" width=\"800\" height=\"875\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-trello.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-trello-274x300.png 274w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-trello-768x840.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Como puedes ver, la plantilla utilizada por <a href=\"https:\/\/wistia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wistia<\/a> es muy simple. Esto <strong>ayuda a conseguir la presencia predominante de un s\u00f3lo color sin saturar el email.<\/strong><\/p>\n<h3>The Intercept<\/h3>\n<p>Este es un ejemplo a\u00fan m\u00e1s sutil de un email con un toque de color. <a href=\"https:\/\/theintercept.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Intercept<\/a> utiliza su color de marca para el texto de los enlaces.<\/p>\n<p>Esta sutileza le da al email un &#8220;look&#8221; m\u00e1s sofisticado. Aunque no importa el color que escojas para tus links, es bueno recordar el consejo de John Thies, CEO de Acid&#8217;s, acerca de la accesibilidad en el email. Su recomendaci\u00f3n es <strong>subrayar siempre los enlaces, pues, de otra manera, pueden pasar desapercibidos para las personas con impedimentos de la visi\u00f3n.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6697 size-full\" title=\"dise\u00f1o de newsletter intercept\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-intercept.png\" alt=\"dise\u00f1o de newsletter intercept\" width=\"800\" height=\"2225\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-intercept.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-intercept-108x300.png 108w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-intercept-768x2136.png 768w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-intercept-368x1024.png 368w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>3. Mant\u00e9n separados los bloques del &#8220;grid&#8221;<\/h2>\n<p>Una estructura de &#8220;grid&#8221; puede ser muy \u00fatil para organizar la informaci\u00f3n en un email.<\/p>\n<p><strong>En el editor de Acumbamail puedes personalizar cada bloque de manera individual, por lo que el l\u00edmite es tu imaginaci\u00f3n para alcanzar un dise\u00f1o perfecto.<\/strong><\/p>\n<h3>The Outline<\/h3>\n<p>Los emails de <a href=\"https:\/\/theoutline.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Outline<\/a> utilizan tres colores: rosa, violeta y amarillo (adem\u00e1s del blanco). Con esta combinaci\u00f3n consiguen un reconocible aspecto editorial que hace que sus campa\u00f1as sean inconfundibles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6698 size-full\" title=\"dise\u00f1o de newsletter outline\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-outline.png\" alt=\"dise\u00f1o de newsletter outline\" width=\"799\" height=\"2534\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-outline.png 799w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-outline-95x300.png 95w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-outline-768x2436.png 768w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-outline-323x1024.png 323w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/p>\n<h3>Malin+Goetz<\/h3>\n<p>El de <a href=\"https:\/\/www.malinandgoetz.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Malin+Goetz<\/a> es un aspecto m\u00e1s convencional, separando los bloques del &#8220;grid&#8221; mediante el color de fondo de las fotograf\u00edas.<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6699 size-full\" title=\"dise\u00f1o de newsletter goetz\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-goetz.png\" alt=\"dise\u00f1o de newsletter goetz\" width=\"800\" height=\"1585\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-goetz.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-goetz-151x300.png 151w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-goetz-768x1522.png 768w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-goetz-517x1024.png 517w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>4. Cortar en diagonal<\/h2>\n<p>Las l\u00edneas diagonales han sido una gran tendencia en el dise\u00f1o de newsletter durante los \u00faltimos a\u00f1os. <strong>Pueden utilizarse para dividir los bloques 50\/50.<\/strong> Pero, tambi\u00e9n, utilizando l\u00edneas diagonales en lugar de horizontales.<\/p>\n<h3>Moo<\/h3>\n<p><a href=\"https:\/\/www.moo.com\/us\/\" target=\"_blank\" rel=\"noopener noreferrer\">Moo<\/a> utiliza recurrentemente las l\u00edneas diagonales en sus emails. Adem\u00e1s, las combinan con un uso del color realmente \u00fanico. Las l\u00edneas diagonales crean sensaci\u00f3n de profundidad y movimiento. <strong>Combinar este efecto con dos variaciones del mismo color, consigue un aspecto original y elegante.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6700 size-full\" title=\"dise\u00f1o de newsletter moo\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-moo.png\" alt=\"dise\u00f1o de newsletter moo\" width=\"800\" height=\"1694\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-moo.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-moo-142x300.png 142w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-moo-768x1626.png 768w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-moo-484x1024.png 484w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>5. Vuelve al blanco y negro<\/h2>\n<p>Puede que tan inspirador sea el uso del color en el email como la ausencia de \u00e9l.<\/p>\n<p><strong>El blanco y negro nunca pasa de moda.<\/strong> Tenemos que admitirlo.<\/p>\n<p>Entre todas las coloridas campa\u00f1as que recibimos, nuestro ojo se detiene al detectar una con ausencia de \u00e9l, captando toda nuestra atenci\u00f3n.<\/p>\n<p>Esto no quiere decir que esta aproximaci\u00f3n funcione para todas las marcas, pero puede ser una buena estrategia en el marketing de contenidos, publicaciones o env\u00edos regulares. Algunas marcas de e-commerce como <a href=\"https:\/\/www.artsy.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Artsy<\/a> o <a href=\"https:\/\/www.getrevue.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Revue<\/a> han adoptado esta opci\u00f3n.<\/p>\n<h3>Artsy<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6701 size-full\" title=\"dise\u00f1o de newsletter artsy\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-artsy.png\" alt=\"dise\u00f1o de newsletter artsy\" width=\"800\" height=\"1752\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-artsy.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-artsy-137x300.png 137w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-artsy-768x1682.png 768w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-artsy-468x1024.png 468w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Revue<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6702 size-full\" title=\"dise\u00f1o de newsletter revue\" src=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-revue.png\" alt=\"dise\u00f1o de newsletter revue\" width=\"800\" height=\"680\" srcset=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-revue.png 800w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-revue-300x255.png 300w, https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/usos-color-email-revue-768x653.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>El uso creativo del color en el email nunca pasar\u00e1 de moda. Puedes dise\u00f1ar tus campa\u00f1as y experimentar con el color en nuestro editor en cuesti\u00f3n de minutos. No necesitas tener conocimientos de HTML y tus emails ser\u00e1n adaptados para dispositivos m\u00f3viles. Reg\u00edstrate y pru\u00e9balo de manera gratuita <a rel=\"nofollow\" href=\"https:\/\/acumbamail.com\/register\/\">aqu\u00ed<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>El uso del color en el email puede mejorar considerablemente el dise\u00f1o de las newsletter. Y para ello no s\u00f3lo puedes valerte de fotograf\u00edas o elementos gr\u00e1ficos. La importancia del color en el dise\u00f1o de newsletter Los colores implementados en el fondo, enlaces, textos, botones y elementos divisores de contenedores son de gran ayuda a [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":7029,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1633],"tags":[],"class_list":["post-6690","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing-primeros-pasos"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o de Newsletters: c\u00f3mo mejorarlo con 11 ejemplos<\/title>\n<meta name=\"description\" content=\"Descubre 11 ejemplos de campa\u00f1as de email que pueden inspirarte para dotar a tus correos de un aspecto colorido, llamativo y elegante.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o de Newsletters: c\u00f3mo mejorarlo con 11 ejemplos\" \/>\n<meta property=\"og:description\" content=\"Descubre 11 ejemplos de campa\u00f1as de email que pueden inspirarte para dotar a tus correos de un aspecto colorido, llamativo y elegante.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Acumbamail\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Acumbamail\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-15T07:46:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-08T11:59:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2025\/07\/opengraph-blog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo D\u00edaz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pablo.diaz@acumbamail.com\" \/>\n<meta name=\"twitter:site\" content=\"@acumbamail\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo D\u00edaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/\"},\"author\":{\"name\":\"Pablo D\u00edaz\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e\"},\"headline\":\"Dise\u00f1o de Newsletters: 11 Ejemplos de uso del Color en Campa\u00f1as de Email\",\"datePublished\":\"2018-05-15T07:46:59+00:00\",\"dateModified\":\"2022-08-08T11:59:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/\"},\"wordCount\":1086,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg\",\"articleSection\":[\"Email marketing: Primeros pasos\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/\",\"url\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/\",\"name\":\"Dise\u00f1o de Newsletters: c\u00f3mo mejorarlo con 11 ejemplos\",\"isPartOf\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg\",\"datePublished\":\"2018-05-15T07:46:59+00:00\",\"dateModified\":\"2022-08-08T11:59:43+00:00\",\"description\":\"Descubre 11 ejemplos de campa\u00f1as de email que pueden inspirarte para dotar a tus correos de un aspecto colorido, llamativo y elegante.\",\"breadcrumb\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage\",\"url\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg\",\"contentUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg\",\"caption\":\"Dise\u00f1o de newsletter: c\u00f3mo mejorarlo con 11 ejemplos de uso del color en campa\u00f1as de email\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog Acumbamail\",\"item\":\"https:\/\/acumbamail.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email marketing: Primeros pasos\",\"item\":\"https:\/\/acumbamail.com\/blog\/category\/email-marketing-primeros-pasos\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dise\u00f1o de Newsletters: 11 Ejemplos de uso del Color en Campa\u00f1as de Email\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#website\",\"url\":\"https:\/\/acumbamail.com\/blog\/\",\"name\":\"Blog de Acumbamail\",\"description\":\"Blog sobre email marketing y marketing online\",\"publisher\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/acumbamail.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#organization\",\"name\":\"Acumbamail\",\"url\":\"https:\/\/acumbamail.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg\",\"contentUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg\",\"width\":1,\"height\":1,\"caption\":\"Acumbamail\"},\"image\":{\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Acumbamail\",\"https:\/\/x.com\/acumbamail\",\"https:\/\/es.linkedin.com\/company\/acumbamail\",\"https:\/\/www.youtube.com\/channel\/UCTBXceaOBLUqC0bdUXc2PDA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e\",\"name\":\"Pablo D\u00edaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg\",\"contentUrl\":\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg\",\"caption\":\"Pablo D\u00edaz\"},\"description\":\"Soy licenciado en Comunicaci\u00f3n Audiovisual y, actualmente, Senior Marketing Specialist en Acumbamail. Antes, vend\u00eda papel en Dunder Mifflin.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/pablodiazgimenez\/\",\"https:\/\/x.com\/pablo.diaz@acumbamail.com\"],\"url\":\"https:\/\/acumbamail.com\/blog\/author\/pablo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o de Newsletters: c\u00f3mo mejorarlo con 11 ejemplos","description":"Descubre 11 ejemplos de campa\u00f1as de email que pueden inspirarte para dotar a tus correos de un aspecto colorido, llamativo y elegante.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o de Newsletters: c\u00f3mo mejorarlo con 11 ejemplos","og_description":"Descubre 11 ejemplos de campa\u00f1as de email que pueden inspirarte para dotar a tus correos de un aspecto colorido, llamativo y elegante.","og_url":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/","og_site_name":"Blog de Acumbamail","article_publisher":"https:\/\/www.facebook.com\/Acumbamail","article_published_time":"2018-05-15T07:46:59+00:00","article_modified_time":"2022-08-08T11:59:43+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2025\/07\/opengraph-blog.jpg","type":"image\/jpeg"}],"author":"Pablo D\u00edaz","twitter_card":"summary_large_image","twitter_creator":"@pablo.diaz@acumbamail.com","twitter_site":"@acumbamail","twitter_misc":{"Escrito por":"Pablo D\u00edaz","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#article","isPartOf":{"@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/"},"author":{"name":"Pablo D\u00edaz","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e"},"headline":"Dise\u00f1o de Newsletters: 11 Ejemplos de uso del Color en Campa\u00f1as de Email","datePublished":"2018-05-15T07:46:59+00:00","dateModified":"2022-08-08T11:59:43+00:00","mainEntityOfPage":{"@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/"},"wordCount":1086,"commentCount":0,"publisher":{"@id":"https:\/\/acumbamail.com\/blog\/#organization"},"image":{"@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage"},"thumbnailUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg","articleSection":["Email marketing: Primeros pasos"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/","url":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/","name":"Dise\u00f1o de Newsletters: c\u00f3mo mejorarlo con 11 ejemplos","isPartOf":{"@id":"https:\/\/acumbamail.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage"},"image":{"@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage"},"thumbnailUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg","datePublished":"2018-05-15T07:46:59+00:00","dateModified":"2022-08-08T11:59:43+00:00","description":"Descubre 11 ejemplos de campa\u00f1as de email que pueden inspirarte para dotar a tus correos de un aspecto colorido, llamativo y elegante.","breadcrumb":{"@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#primaryimage","url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg","contentUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2018\/05\/como-mejorar-el-dise\u00f1o-de-tus-newsletter-11-ejemplos-de-uso-del-color-en-campa\u00f1as-de-email.svg","caption":"Dise\u00f1o de newsletter: c\u00f3mo mejorarlo con 11 ejemplos de uso del color en campa\u00f1as de email"},{"@type":"BreadcrumbList","@id":"https:\/\/acumbamail.com\/blog\/mejorar-diseno-newsletter-usando-color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Acumbamail","item":"https:\/\/acumbamail.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Email marketing: Primeros pasos","item":"https:\/\/acumbamail.com\/blog\/category\/email-marketing-primeros-pasos\/"},{"@type":"ListItem","position":3,"name":"Dise\u00f1o de Newsletters: 11 Ejemplos de uso del Color en Campa\u00f1as de Email"}]},{"@type":"WebSite","@id":"https:\/\/acumbamail.com\/blog\/#website","url":"https:\/\/acumbamail.com\/blog\/","name":"Blog de Acumbamail","description":"Blog sobre email marketing y marketing online","publisher":{"@id":"https:\/\/acumbamail.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/acumbamail.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/acumbamail.com\/blog\/#organization","name":"Acumbamail","url":"https:\/\/acumbamail.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg","contentUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/05\/acumbamail-black-logo.9f7ef42753fc.svg","width":1,"height":1,"caption":"Acumbamail"},"image":{"@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Acumbamail","https:\/\/x.com\/acumbamail","https:\/\/es.linkedin.com\/company\/acumbamail","https:\/\/www.youtube.com\/channel\/UCTBXceaOBLUqC0bdUXc2PDA"]},{"@type":"Person","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/055a0a9230bbcd078fcf2d115abc240e","name":"Pablo D\u00edaz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/acumbamail.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg","contentUrl":"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/04\/pablo.svg","caption":"Pablo D\u00edaz"},"description":"Soy licenciado en Comunicaci\u00f3n Audiovisual y, actualmente, Senior Marketing Specialist en Acumbamail. Antes, vend\u00eda papel en Dunder Mifflin.","sameAs":["https:\/\/www.linkedin.com\/in\/pablodiazgimenez\/","https:\/\/x.com\/pablo.diaz@acumbamail.com"],"url":"https:\/\/acumbamail.com\/blog\/author\/pablo\/"}]}},"lang":"es","translations":{"es":6690},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/posts\/6690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/comments?post=6690"}],"version-history":[{"count":14,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/posts\/6690\/revisions"}],"predecessor-version":[{"id":24561,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/posts\/6690\/revisions\/24561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/media\/7029"}],"wp:attachment":[{"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/media?parent=6690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/categories?post=6690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acumbamail.com\/blog\/wp-json\/wp\/v2\/tags?post=6690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}