Qué colores evitar en el diseño web
Publicado: 2016-09-15La publicidad es un negocio complicado y todo depende de cómo te presentes. Los colores son el corazón de cualquier anuncio que decide con qué éxito promoverá su marca, mercancía o servicios. Es por eso que el uso de tonos de color apropiados se ha vuelto imperativo para las empresas de hoy en día con el fin de ganar la atención de su público objetivo, ya que cada producto requiere diferentes formas de publicidad.
Si está buscando aprender los fundamentos de la elección del color en su diseño web, este artículo lo ayudará a aumentar su conocimiento sobre cómo hacerlo correctamente. El esquema de color correcto puede ser el factor decisivo en el éxito de sus campañas publicitarias, por lo que ejecutar la combinación perfecta no es una tarea fácil.
Importancia de los esquemas de color
El poder de los esquemas de color es algo que no debe subestimarse. Si se le da la exposición adecuada, se puede aprovechar para convertirse en su mayor fortaleza en cualquier diseño web. Si se usa de manera creativa, incluso los colores más simples se pueden organizar para despertar la mente y el corazón de la audiencia objetivo y captar su atención. Un esquema de color que utiliza la combinación adecuada de tonos de color no solo aumenta la capacidad de publicidad, sino que también mejora el tiempo promedio que un usuario pasa en un sitio web.
Sin embargo, elegir los esquemas de color incorrectos puede ser desastroso, por decir lo mínimo, y puede ahogar cualquier producto o servicio, sin importar qué tan grande sea o qué aporte a la mesa. Algunos anunciantes optan por colores llamativos para mostrar sus marcas y captar la atención de su público objetivo. Aunque pueden lograr que las cabezas giren en su dirección, la audiencia eventualmente perderá interés en el largo plazo. Un diseñador solo haría esto para distraer al cliente y enmascarar la calidad inferior de la mercancía. Esto eventualmente termina dañando la imagen de marca y la reputación de la empresa.
En este artículo, cubriremos qué tipos de combinaciones de colores se deben evitar en la publicidad en línea. Nuestro equipo ha creado una lista de "NO HACER" junto con un método alternativo para que pruebe.
Usando un color
Tener un solo color que represente todo su sitio web lo hace soso y poco interesante para su público objetivo. Es muy poco probable que la audiencia incluso intente hojearlo antes de pasar al siguiente sitio que se desarrolla con esquemas de color más apropiados.
Prueba esto:
Ajustar los esquemas de color en consecuencia es una tarea fundamental para garantizar un diseño profesional, capaz de llamar la atención sobre los aspectos importantes del sitio web. Los elementos como botones, subtítulos, citas e hipervínculos deben tener los colores correspondientes para resaltar su importancia.
Elegir el color equivocado
Elegir el color incorrecto para su diseño web puede significar la diferencia de ser ignorado en un estante de revistas o vendido a la vista. Para un sitio web que tiene un producto para vender o incluso un servicio para promocionar, puede elegir fácilmente un matiz del exterior del producto o la propiedad filosófica del servicio. De cualquier manera, una representación profunda de su sitio web con lo que ofrece ayuda a construir una conexión con el usuario. Usar un color oscuro como el azul marino para un diseño web hecho para vender productos de belleza será decepcionante.
Prueba esto:
Antes de permitir que su sitio web se convierta en una catástrofe costosa, utilice la teoría del color para seleccionar aquellos tonos que estén estrechamente asociados con el producto o que muestren sus características. Esto ayuda al espectador a permanecer comprometido con el sitio web e incluso probar los productos.
Colores neon
El uso de colores neón no está prohibido en absoluto, pero celebrar Holi con ellos en tu diseño web podría ser un movimiento estúpido. Los colores de neón se crean aumentando la intensidad del brillo en un matiz para que se destaque en el contraste.
No hay duda de que son originales y divertidos en el diseño, pero solo en cantidades apreciables. Usarlos incesantemente en su plantilla realmente puede hacer que los ojos del espectador se llenen de lágrimas, pero también puede hacer que el texto se desangre en el contraste, lo que interrumpe su legibilidad. Si no me equivoco, su objetivo es enganchar al visitante y no provocarle un ataque epiléptico.
Prueba esto:
Sin embargo, si es realmente persistente, siempre puede eliminar el brillo innecesario de los colores de neón para que el texto sea un poco más oscuro y menos intenso. Además, si ya ha decidido agregar colores de neón al tema, asegúrese de usarlos para los elementos más pequeños para que el lector pueda verlos fácilmente.
Colores vibrantes
Ahora, mezclar o combinar colores con mala sangre es como nublar la visión de tu visitante intencionalmente. Esto sucede cuando los colores que están muy saturados interactúan entre sí y producen un "efecto de vibración" que produce un movimiento brillante. Este efecto de vibración es muy desagradable para los usuarios.
Al combinar estos tonos de colores brillantes, la visión se vuelve molesta y produce un efecto de imagen remanente que estropea la visión. No solo evita que el usuario lea el contenido, sino que también hace que tu texto sea un desastre.
Prueba esto:
Una vez más, no se recomienda combinar colores vibrantes entre sí, pero si es necesario, la mejor manera de acomodar esto es introduciendo un color neutro entre los dos colores brillantes para que cualquiera de los dos se vuelva un tono más oscuro.
Además, si necesitas encontrar qué colores vibrarán, puedes ponerlos uno al lado del otro y notarás:
- La alta saturación de color presente entre ellos.
- Complementarios y espaciados 180 grados en la rueda de colores
- Aparece poco contraste cuando los colores se convierten a escala de grises
Temas del arco iris
En mi opinión, cualquier cosa que rompa las reglas de la teoría del color tarde o temprano puede ser peligroso para su diseño web. Así que seamos realistas, los sitios web con los colores del arcoíris simplemente no funcionan. Solo imagina cuántas reglas has destrozado solo para crear una plantilla con el tema del arcoíris en tu cabeza justo después de leer esto.
Los diseños web de colores del arcoíris no solo son poco convencionales sino también engañosos, si sabes a lo que me refiero. Quiere promocionar, publicitar o vender algo, pero mostrar el arcoíris a sus clientes y visitantes no le ayudará.
Prueba esto:
Sin embargo, si está interesado en producir un diseño web multicolor con más de 3 colores, use bloqueo de color o estilo de tarjeta para su plantilla. Esto le permite asignar colores a las categorías bloque por bloque sin comprometer el balance de color en el diseño.

Colores claros en blanco
Cada vez que veo este error me doy cuenta de cómo el cliente tiende a perder interés y pasa al otro sitio web. Usar un color claro sobre un fondo de color claro es lo mismo que vender un sándwich relleno de pan. Debe equilibrar la luz con la oscuridad y establecer una cantidad razonable de diferencia que permita al lector recorrer el sitio web sin problemas en lugar de abandonarlo. En las últimas tendencias de diseño web, el aumento en el uso de imágenes de encabezado está haciendo que esto sea un percance común.
Prueba esto:
La mejor manera de evitar esto es comparar el color de fondo con las paletas de la rueda de colores. Puede distinguir fácilmente la combinación correcta comprobando la compatibilidad del contraste entre sí. Una buena combinación unirá el contenido con el diseño y producirá un atractivo natural en su diseño web.
Experimentar con fondos detallados
Este es probablemente el error más letal con respecto a los colores en los diseños web. Los dueños de negocios contratan a diseñadores para que produzcan lo mejor de su trabajo y les construyan un sitio web que tenga lo necesario para llevar su negocio e ingresos a lo más alto. Pero ahí es donde a veces las cosas se desequilibran un poco. Los diseñadores de sitios web siempre están buscando nuevas formas de impresionar a sus contratistas y, en esa búsqueda, a menudo agregan una cantidad excesiva de detalles de color en el fondo. Temporalmente, no se ve tan mal, pero cuando el diseño pasa a los pasos finales con todos sus elementos y contenido, se convierte en una plantilla fea.
Prueba esto:
La única forma de evitar esta debacle es instruir a su diseñador web para que se abstenga de agregar detalles de color en el fondo y mantenga a su equipo informado si se está probando o implementando algo nuevo en el plan original.
Amarillo pálido y azul brillante
La mayoría de los diseñadores son muy conscientes de que el azul brillante y el amarillo pálido son una elección terrible de colores cuando se trata del fondo de un sitio web. El azul brillante es intenso y siempre agresivo con cualquier otro color que entre en su dominio. El amarillo pálido reacciona de manera diferente y frustra el propósito de un color de fondo al afectar el estado de ánimo del visitante y hacer que otros tonos se radicalicen. He aquí por qué nunca debe intentar usarlos.
Azul brillante como fondo
Ahora bien, no pretendo ofender a los amantes del color azul brillante al decir que se ve terrible como fondo de un sitio web, es solo un hecho que no puede ser, y nunca será, una buena elección de color para establecer el contraste. Por un lado, el azul brillante es demasiado fuerte para contrastarlo con el contenido del sitio web y, por otro, deja al diseñador con muy pocas opciones para combinarlo con otro tono de la paleta. Tiene un efecto de vibración que lo acerca a los colores de neón y, si leíste lo que mencioné anteriormente, ¡los colores de neón son un gran NO!
Prueba esto:
Puede usar tonos de azul más claros, especialmente cuando tiene un diseño de estilo de tarjeta para su sitio web. Neutralizará el efecto de vibración y cubrirá la necesidad de tener un color azul para el fondo.
Amarillo pálido en el fondo
Agregar un poco de amarillo a los encabezados y tal vez algo de texto de los títulos puede parecer correcto, pero ahogarlo con el fondo puede significar la diferencia de un sitio web muy visitado y un pedazo de basura flotante en Internet. No solo da un tono poco atractivo, sino que refleja el mal gusto del negocio hacia sus clientes. El amarillo tiene un significado sentimental para dar una nota de felicidad y júbilo a la audiencia. Por lo tanto, usarlo sin perspectiva puede dañar irreversiblemente su sitio web en términos de costo y pérdida de clientes.
Prueba esto:
Puede usarlo con marrón, rojo oscuro o naranja para encender un aspecto retro y luego usarlo también en otros casos. Un fondo blanco que tenga un tinte amarillo puede sorprender a tus visitantes si se combina con el color adecuado para el encabezado y el pie de página, como el naranja.
Ignorar las herramientas de combinación de colores
Sin embargo, la combinación de colores no es una tarea fácil, ya que conseguir la combinación perfecta de colores para atraer clientes es más fácil decirlo que hacerlo. Esto se debe a que tener un conocimiento profundo sobre la mezcla de colores y qué combinación genera la reacción preferida de la audiencia es un arte que muy pocas personas llegan a abrazar. Esto conduce a una gran dependencia del método de prueba y error, que es extremadamente arriesgado para la publicidad. Un solo error puede terminar fallando en toda su campaña.
Afortunadamente, hay una solución para superar esta barrera del esquema de color, que se presenta en forma de una herramienta de combinación de colores que está diseñada para combinar diferentes colores con resultados comparables a los veteranos en este campo.
Prueba esto:
Las herramientas de combinación de colores, como la herramienta Adobe Color CC, se han desarrollado para simplificar el proceso de selección de colores de acento cuando ha seleccionado cuál será su color dominante. Aunque la herramienta pueda parecer complicada, en realidad está diseñada para ser simple y efectiva.
Las herramientas de combinación de colores están equipadas con opciones para simplificar la combinación de colores, como:
- Elegir el color dominante alrededor del cual seleccionar los colores de acento
- Elegir una foto alrededor de la cual seleccionar colores de énfasis
Importancia de los colores de acento
La información importante en las páginas web se puede resaltar usando colores de énfasis para indicar su importancia. Pueden variar desde hipervínculos a otro contenido en la página web sobre el que desea llamar la atención de su audiencia. Es recomendable quedarse con uno o dos colores de acento, ya que una mayor cantidad de colores de acento termina creando confusión para los visitantes del sitio web.
Conclusión
Si bien los colores juegan un papel importante en darle a un sitio web su código de vestimenta y atractivo, usarlos correctamente en sus plantillas de diseño es imperativo si busca tener un negocio exitoso. Sin los tonos correctos a su lado, su sitio web no solo será un hazmerreír, sino también una decepción costosa.