Diseño

Psicología del color para sitios web

Definitivamente uno de los problemas ante los cuales los desarrolladores web nos topamos especialmente los frontend es el tipo de colores e imágenes a elegir, también lo de la tipografía.

En este artículo verás qué mensaje es el que transmite cada color en un sitio web, y cuales combinaciones de colores son las adecuadas para transmitir un mensaje correcto en un sitio web.

Psicología del color para sitios web:

Ahora empezaremos a ver las diferentes impresiones que da cada color, por lo menos los primarios y secundarios, tu verás como combinarlos después, también te mostraré cómo combinar y cómo no combinar estos colores en un sitio web.

Psicología del color Rojo:

El rojo tiene mucho que ver con lo que son las emociones, amor, enojo, pasión, guerra, por eso se recomienda un uso moderado de este color, la mayoría de sitios web con este color es por que quieren resaltar algo fuerte, producto o ideal.

Se recomienda usar en:

  • Crear expectación
  • Promocionar algo
  • Salud
  • Marketing
  • Restaurantes
  • Deporte
  • Saludos de emergencia

No se recomienda usar en:

  • El sitio web quiera transmitir un mensaje de tranquilidad, o descanso.
  • En cuestiones de naturaleza.
  • Elementos o páginas de lujo.
  • O alguna página de servicios profesionales.

Psicología del color Amarillo:

El amarillo es uno de los colores más alegres que denotan cierta emociones como la felicidad, algarabía y da sensaciones de juventud, el color amarillo es demasiado luminoso y también puede ser usado de mala manera como para vulgaridades.

Se recomienda usar en:

  • Botones para llamar la atención
  • Amarillo fuerte para llamar la atención a alguna parte y dar sensación de completa felicidad.
  • Amarillo débil para fondos y espacios grandes que den sensación de algarabía pero con cierto toque de relax.

No se recomienda usar en:

  • Contenidos muy amplios y grandes.
  • sitios que contentan mucho texto como los blogs (usar con moderación)
  • Sitios informativos, ya que el amarillo puede llegar a cansar la vista.

Psicología del color Naranja:

Este color comunica cautela, pero tiene mucho que ver con entusiasmo, calor, vida, ambición, energía, felicidad

Se recomienda usar en:

  • Llamadas a la acción.
  • Cajas de suscripción o comentarios
  • Ventas o propagandas
  • Páginas sobre, ventas, tecnología y niños.

No se recomienda usar en:

  • Los mismos lugares donde no se usa el rojo ni el amarillo, así sea un color intermedio puede llegar a cansar la vista.

Psicología del color Azul:

Este color se combina perfectamente con sitios profesionales, que quieran enfocar tranquilidad, calma, serenidad, eficiencia, profesionalidad y respeto, los colores azul fuerte dan sensación de energía.

Se recomienda usar en:

  • Servicios profesionales y serios, como bancos y financieras.
  • Sitios web de tecnología o negocios.
  • Salud o medicinas.
  • política, Gobiernos o Servicios públicos.

No se recomienda usar en:

  • Sitios que quieran llamar la atención.
  • Sitios para restaurantes o fiestas.
  • Cuidado que mucho azul causa desinterés el uso se recomienda moderado.

Psicología del color Verde:

Este es uno de los colores que están entre relax y aventura, refleja todo lo que tenga que ver con naturaleza, descanso, tranquilidad y seguridad, bienestar, masculinidad, paz, buena suerte, fertilidad.

Se recomienda usar en:

  • Páginas que tengan mucho texto, blogs o informativas.
  • Productos como seguros o para el hogar.
  • Sitios de lugares de descanso hoteles o lugares turísticos.
  • Medio ambiente, Salud, Ciencia, Recursos humanos o finanzas.

No se recomienda usar en:

  • Para contenido dedicado en personas muy jóvenes.
  • Para artículos de tecnología o ventas.
  • foros o sitios e-commerce, este color es muy relajante y no llama la atención.

Psicología del color Marrón o café:

Color muy bueno para sitios calmados, restaurantes, hoteles, aseguradoras por que ofrece la sensación de la calidez y tranquilidad de algún hogar, sitios de naturaleza o que tengan que ver con amistad o ayuda como una ONG.

Se recomienda usarlo en:

  • Sitios de alimentos,finanzas o naturaleza.
  • en fondos de sitios web.
  • Sitios con relación a animales o veterinarias.

No se recomienda usar en:

  • Sitios de ventas o anuncios.
  • Elementos como comentarios o suscripciones
  • Botones o enlaces.

Psicología del color Morado:

Este color es muy creativo por lo mismo que es empleado en sitios de diseño o desarrollo, también en sitios de respeto o misterio, si el morado es muy fuerte en sitios con sensación de misterio.

Se recomienda usar en:

  • Morado fuerte, para crear sensación de dinero.
  • Morado suave para sitios con sensación de pasión o romance.
  • Sitios de esoterismo, Masajes o yoga.

No se recomienda usar en:

  • grandes cantidades en un sitio par llamar la atención.
  • No usar en sitios de ventas o de temas que animen a la gente.

Psicología del color negro:

Para sitios profesionales significa sofisticación, seriedad, formalidad, en sitio varios puede llegar a significar miedo, muerte, enojo o misterio.

Se recomienda usar en:

  • sitios de elegancia, y tecnología.
  • sitios de modas o productos de belleza.

No se recomienda usar en:

  • Sitios que quieran transmitir mensajes positivos
  • Blogs
  • Mucho negro puede llegar a causar sensación de temor así que no utilizar en sitios lucrativos o tiendas online.

Psicología del color Blanco:

El blanco suele usarse en sitios de limpieza, de salud o aseguradoras, por la pureza del mismo color, también en servicios profesionales o blogs.

Se recomienda usar en:

  • Sitios que tengan que ver con saluda, medicamentos o limpieza.
  • Blogs y documentaciones.
  • Si se mezcla con colores como negro, café, plata u dorados, se pueden usar para sitios fotográficos o de ventas de ropa o joyas.

No se recomienda usar en:

  • No hay restricciones el blanco en el diseño web se usa casi en todo así que date gusto, solo no uses texto blanco sobre fondos claros.

Psicología del color Gris:

Refleja seriedad, Profesionalismo, y sofisticación.

Se recomienda usar en:

  • Bienes de lujo, blogs, documentaciones o sitios con carácter serio.

No se recomienda usar en:

  • En sitios de publicidad o ventas, resulta aburrido y se pierde el interés.

Psicología del color Rosa:

tiene relación con el amor y romance y no representa violencia.

Se recomienda usar en:

  • sitos dirigidos a moda, amor o mujeres adolescentes

No se recomienda usar en:

  • blogs o sitios informativos ya que ese color resulta muy chillón y causa a veces dolor de cabeza o pesadez.

Psicología del color según el género:

Hombres

  • No les gusta: marrón naranja amarillo o morado
  • Les gusta: Azul, verde, negro y rojo.

Mujeres

  • No les gusta: naranja, marrón, gris, amarillo
  • Les gusta: Azul, morado, verde, rojo.

Combinaciones de color que se deben evitar:

  • Amarillo verde
  • Rojo verde
  • Morado verde
  • Rojo sobre negro
  • Azul y rojo

Todo tiene su ciencia y los colores no son la excepción, para elegir los colores correctos en un sitio web, se necesita tener fijo los objetivos, audiencia y que se quiere mostrar, teniendo eso en claro y con la información anterior se puede llegar a causar gran aceptación en nuestros usuarios.