Cómo elegir una combinación de colores perfecta para su sitio WordPress

¿Está teniendo dificultades para decidir sobre la combinación de colores de su sitio web? Elegir la combinación de colores correcta no sólo aumenta el atractivo visual de su sitio, sino que también puede generar una respuesta favorable de sus visitantes en términos de ventas y conversiones. En este artículo, le mostraremos cómo elegir una combinación de colores perfecta para su sitio WordPress, entendiendo la psicología de los colores y utilizando uno de los 4 recursos más increíbles.

Psicología de los colores

Es una teoría bien investigada que los colores pueden afectar las respuestas humanas. Los colores tienen una influencia emocional en nuestras decisiones y elecciones que tomamos en nuestra vida diaria.

Las grandes corporaciones gastan millones de dólares construyendo una imagen de marca e identidad bien diseñada para sus productos. Contratan a expertos para que elijan la combinación perfecta de colores para sus marcas y productos.

Los colores que usted usa en su sitio son parte de su imagen de marca. Usted necesita elegir colores que generen una respuesta emocional favorable para su marca y sus productos.

Entonces, ¿cómo averiguas qué colores y qué tipo de respuesta estás buscando?

Por suerte para ti, los profesionales del marketing y los psicólogos ya han investigado mucho. Echa un vistazo a esta infografía:

  • Rojo: es el color de la juventud y la alegría. Refleja audacia y confianza.
  • Verde: Crea un efecto calmante y calmante, evoca una respuesta emocional pacífica, progresiva y calmada.
  • Azul: Refleja confianza, fuerza, fiabilidad.
  • Negro: El negro genera una respuesta emocional sofisticada, sólida y segura.
  • Blanco: Claridad y simplicidad son los dos efectos principales del Blanco.
  • Amarillo: El amarillo es el color del optimismo, la calidez y la amabilidad.
  • Naranja: El naranja crea un efecto divertido, amistoso, seguro y alegre.
  • Rosa: Sensualidad, feminidad, romance y amor son las emociones asociadas a Pink.

Otras cosas a considerar

Esto no hace falta decir que los colores necesitan contexto para funcionar de la manera en que usted quiere que funcionen. Su marca o producto puede tener ya ciertas asociaciones que pueden o no funcionar con los colores que usted está eligiendo.

Aquí están algunas cosas que usted debe considerar antes de recoger una combinación de colores para su sitio:

En primer lugar, hay que tener en cuenta la imagen de marca existente. Si ya tiene un logotipo y otros materiales de marketing, es posible que desee utilizar los colores existentes.

También debe considerar qué colores se verán bien en la web. Las cosas que se ven muy bien en la impresión pueden verse muy diferentes en la pantalla. Piense en otros medios como los controles deslizantes, los vídeos, las imágenes, los botones de llamada a la acción, etc. que añadirá a su sitio. Piensa en los colores que más vas a usar.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Creación de una combinación de colores

Esperamos que ya haya encontrado los colores apropiados para su sitio web teniendo en cuenta la psicología de los colores. Te recomendamos que elijas al menos dos colores que representen articuladamente tu marca y la respuesta que quieres obtener de los usuarios.

Una vez que tenga esos colores, hay varias herramientas en línea que puede utilizar para generar un número ilimitado de paletas de colores.

1. Adobe Color CC

Anteriormente conocido como Kuler, Adobe Color CC es una gran herramienta para generar paletas de colores. Puede seleccionar reglas de color y luego girar la rueda. Puede ajustar manualmente cada color de la paleta y el resto de los colores se ajustarán automáticamente para que coincidan con la regla de colores. También puede generar paletas de colores cargando fotos.

2. Fotocopia de COLORLovers

Colorlovers es uno de los destinos más populares para la inspiración y las ideas de color. Tienen algunas herramientas excelentes para generar esquemas de color. Una de ellas es PhotoCopa, que permite generar una combinación de colores a partir de las fotos. También puede utilizar su herramienta básica que genera combinaciones de colores simplemente seleccionando un color.

3. Paleta de materiales

Inspirado en el concepto Material Design de Google, Material Palette le permite generar esquemas de color utilizando las reglas de diseño. Está diseñado para inspirar esquemas de color para ser usados en aplicaciones móviles, pero estos esquemas de color también pueden ser usados fácilmente para sitios web.

4. Coolors.co

Coolors es un maravilloso generador de combinaciones de colores. Simplemente presione la barra espaciadora para generar esquemas de color. Puede modificar un color en el esquema manualmente y bloquearlo. También puede descargar esquemas de color para utilizarlos en sus proyectos más adelante.

Esperamos que este artículo le haya ayudado a elegir la combinación de colores perfecta para su sitio WordPress. Puede que quieras ver nuestro artículo sobre cómo personalizar fácilmente WordPress con CSS Hero.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Infografía de The Logo Company

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir