JADE webs

Diseño web con Wordpress

  • Hosting
  • WordPress
  • Blogging
  • Diseño
  • Fotografía
  • SEO
  • Copywriting

Psicología del color – cómo usarla en una web

23/04/2020 por Esther Deja un comentario

Creo que a nadie se le escapa que los colores son capaces de crear sensaciones y asociaciones en nuestra mente.

Podríamos pensar que evocan nuestros propios recuerdos, pero parece que existe una psicología general que se activa en todos al ver los colores.

En general creo que todos estaremos de acuerdo en ciertas asociaciones:

  • Los colores naranjas-amarillos nos evocan el verano y el calor
  • Los azules-grises el frío invierno.
  • Los dorados y negros son sobrios y elegantes.
  • Los verdes y naranjas son alegres
  • Los azules llaman a la calma
  • Los rojos a la acción y a la prisa…

Bien, todas estas asociaciones color-sensación son lo que llamamos psicología del color y esto es algo en lo que debemos pensar a la hora de crear una marca personal, una imagen corporativa o una web.

¿Cómo utilizan la psicología del color en webs?

Si te fijas un poco te darás cuenta que muchas web la utilizan:

  • Llamadas a la acción en rojo o naranja.
  • Colores anaranjados en sitios de cocina.
  • Gama de azul para sitios en los que se habla de finanzas y economía.
  • Verdes para sitios orientados a productos infantiles y de salud.

Pero… ¿Cuál es la psicología de los colores?

Vamos a dar un repaso general por los grupos de colores y lo que, en general, suelen evocar.

Ten en cuenta que también hay un factor cultural, que puede hacer variar estas percepciones (supersticiones, asociaciones simbólicas, etc…)

Amarillo

El color del sol, luminoso, lleno de energía, representa la alegría, la calidez y lo positivo.

Peero, también es un color que molesta a la vista, así que yo no abusaría de él.

Además es un color gafe en el teatro, así que ni se os ocurra hacer una web de un teatro con ese color ;P

Azul

Es el color del agua y del cielo, nos trae la paz, la calma en colores claros y la seriedad en colores oscuros. En general transmite confianza.

Blanco

El color de la luz y de la sencillez.

Es el color del minimalismo, un fondo blanco es como un lienzo donde poder colocar lo que quieras, funciona con todo desde el diseño, hasta los muebles.

Este color junto con el negro, es un comodín, combinan con todo.

Gris

A medio camino entre el blanco y el negro, el gris es un color neutro, sin personalidad, pero fácil de combinar con colores vivos para equilibrarlos.

Y en sus tonos oscuros, resulta elegante, un buen sustituto para el negro.

Marrón

Probablemente es uno de los colores menos atractivos en un primer pensamiento, pero también es el color del otoño, de la madera natural o del chocolate.

Bien combinado con gamas claras de marrón (beiges) puede funcionar muy bien, o incluso con verdes.

Naranja

Es un color alegre, lleno de energía, a medio camino entre el amarillo y el rojo, es un color que llama a la acción de una forma optimista, sin presiones.

Negro

Sobriedad, el color elegante por antonomasia.

Este color junto con el blanco son los mejores comodines ya que combinan con todo.

Sí que es un color del que es mejor no abusar ya que en exceso puede resultar deprimente y como fondo hace que los textos sean más difíciles de leer.

Rojo

El color de la sangre, nos evoca urgencia, una llamada de atención.

No obstante también es un color que puede causar rechazo en algunas personas, ya que resulta agresivo.

Rosa

El color que siempre asociamos al sexo femenino, poco más hay que decir de él, podemos jugar con los tonos para aportar elegancia y calma (con un rosa empolvado) o energía (con un rosa fucsia).

Verde

El color de la naturaleza que todos queremos ver (seamos sinceros, el desierto es natural, pero a casi nadie le gusta la arena si no está el mar al lado…).

Nos evoca lo natural, ecológico y sano. Es un color que también nos lleva a pensar que algo es correcto, es como un semáforo, rojo alerta, verde, todo va bien.

¿Cómo utilizar la psicología del color?

En general es algo que tampoco nos tiene que obsesionar, pero sí que saber un poco más sobre esto, nos ayudará a elegir nuestra carta de colores para hacer una web.

Como norma general utilizaremos, al igual que cuando decoramos una habitación, lo ideal es utilizar la regla del 60-30-10, esto es, un uso de un 60% del color dominante y normalmente neutro, combinado con un 30% de un color secundario y un 10% para un pequeño toque de color que llame la atención.

Por ejemplo, utilizar un 60% de un gris claro en el fondo, con un 30% de verde musgo en cabeceras, fondos de fotografías, etc y un 10% de amarillo mostaza para botones. ¿Lo visualizas?

Yo personalmente prefiero los fondos blancos y sólo preocuparme por unir dos colores, pero a veces, podemos necesitar mezclar más colores…

¿Cómo combinar colores?

Bien, los colores que mejor funcionan son los colores complementarios, esto es combinar un color con otro de la gama cromática contraria.

Con la herramienta online Adobe Color podrás generar tus paletas de colores con colores análogos, complementarios, en un sólo espectro cromático… te mostrará la paleta y te dará los códigos hexadecimales de cada color.

Y hasta aquí el post de hoy, espero que te ayude a elegir los colores para tu proyecto.

Psicología del color en web
Puedes compartir el post en:

Publicado en: Diseño

Deja una respuesta Cancelar la respuesta

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

Responsable » Esther Calvo.
Finalidad » Moderación de los comentarios en el blog.
Legitimación » Tu consentimiento.
Destinatarios » Los datos que me facilitas estarán ubicados en los servidores de Webempresa. Ver política de privacidad de Webempresa.
Derechos » Podrás ejercer tus derechos de Acceso, Rectificación, Limitación o Suprimir tus datos enviando un email a esther@jadewebs.com.

Bienvenid@!

¡Hola! Soy Esther, adicta a la tecnología y al buen diseño en general.

Soy diseñadora web y a través de este blog quiero ayudarte a dar el paso hacia el blogging profesional y convertir tu hobby en un modo de vida. Leer más…

Copyright © 2020 · JadeWebs · Contactar

Política de Privacidad | Política de Cookies | Aviso legal
Esta página utiliza cookies para proporcionar una experiencia mejor al recordar tus preferencias en visitas posteriores. Haciendo clic en 'Aceptar todas', aceptas el uso de todas las cookies. No obstante, puedes visitar 'Ajustes' para personalizar este consentimiento.
AjustesAceptar todo
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDuraciónDescripción
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
GUARDAR Y ACEPTAR