Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores | Marketing Digital

Marketing Digital

Inicio

Acerca de Juan Carlos Meja Llano

Publica aqu tu artculo

Sgueme en Twitter

De eCommerce a mCommerce: pasos para transformar

un Comercio Electrnico en Comercio Mvil

Colores en el diseo Web emocional: efectos

psicolgicos del uso de los colores
Publicado el 27 diciembre, 2011 por Marketing Digital

Buscar

Categoras
Bloggers invitados
Casos empresariales
Comercio electrnico
Empresa digital
Estrategias de Marketing Digital
Marketing en dispositivos mviles

En este artculo revisaremos el efecto

psicolgico y emotivo tanto positivo como

Marketing en redes sociales

Mtricas y Anlaltica Web
Otros temas del marketing digital

negativo del uso de los diferentes colores en

los sitios Web. Veremos el significado de cada
color, lo que aporta en el diseo y que produce
su uso excesivo.

Poltica 2.0
PPC Pago Por Clic

Soy atrevido al tratar este tema en mi blog ya

que sufro dedaltonismo, sin embargo, con

Imagen tomada de Logodesigncolors.blog.com

mucha frecuencia encuentro que el uso de los

colores en los diseos web se hace de manera
subjetiva y no se aprovecha el poder
emocional y psicolgico que los colores tienen
en el diseo.

Es importante aclarar que los sitios Web

deben ser consistentes en el uso de colores con la imagen de la empresa en el
mundo fsico, sin embargo a la hora de utilizar otros colores es importante tener
presente el efecto psicolgico que estos producen.
Veamos el efecto psicolgico y emotivo de algunos colores (tomado del sitio
webusable.com):
1. Blanco
1.1 Efecto psicolgico y emocional del uso del color blanco
El blanco se asocia a:
Pureza
Bondad

http://www.ecbloguer.com/marketingdigital/?p=2535[27/12/2011 11:29:13 a.m.]

SEO Posicionamiento en
buscadores
Usabilidad y conversin

Entradas recientes
Colores en el diseo Web
emocional: efectos psicolgicos
del uso de los colores
De eCommerce a mCommerce:
pasos para transformar un
Comercio Electrnico en Comercio
Mvil
El mCommerce es una realidad.
Increible lo que venden las
empresas por comercio mvil en
el mundo
Portal mvil o aplicacin mvil
(app): cul es mejor para su
negocio?
Diseo Web emocional. El
marketing emocional aplicado al
diseo de sitios Web y pginas de
Facebook.

Comentarios recientes
Marketing Digital en Colores en el
diseo Web emocional: efectos
psicolgicos del uso de los colores
Alberto en Colores en el diseo
Web emocional: efectos
psicolgicos del uso de los colores
Colores en el diseo Web
emocional: efectos psicolgicos
del uso de los colores en Colores
en el diseo Web emocional:
efectos psicolgicos del uso de los
colores

Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores | Marketing Digital

Inocencia
Perfeccin
Seguridad
Frescura
Limpieza
Su uso purifica la mente a los ms altos niveles.
1.2. Usos del color blanco en un sitio Web
En la promocin de productos de alta tecnologa, el blanco puede utilizarse para
comunicar simplicidad.
El blanco es un color apropiado para organizaciones caritativas.
El blanco se le asocia con hospitales, mdicos y esterilidad.
Puede usarse por tanto para anunciar productos mdicos o que estn directamente
relacionados con la salud.
A menudo se asocia a con la prdida de peso, productos bajos en caloras y los
productos lcteos.
1.3. Efecto del uso excesivo del color blanco

Marketing Digital en Seguridad en

Facebook: 6 pasos para lograr
seguridad y privacidad en
Facebook
lady en Seguridad en Facebook: 6
pasos para lograr seguridad y
privacidad en Facebook

Archivos
diciembre 2011
noviembre 2011
octubre 2011
septiembre 2011
agosto 2011
julio 2011
junio 2011
mayo 2011
abril 2011
marzo 2011
febrero 2011
enero 2011
diciembre 2010

diciembre 2011
L

12

13

19

20

26

27

28

El uso excesivo de este color no tiene ningn efecto psicolgico ni emotivo.

2. Amarillo
2.1 Efecto psicolgico y emocional del uso del color amarillo

10

11

14

15

16

17

18

21

22

23

24

25

29

30

31

nov

El amarillo se asocia a:

Sitios de inters
ARKIX

Luz del sol

Alegra
Felicidad
Inteligencia
Energa
Tibieza
Precaucin
Innovacin
Su uso ayuda a la estimulacin mental y aclara una mente confusa.
2.2. Usos del color amarillo en un sitio Web
Con frecuencia se le asocia el amarillo a la comida.
La combinacin amarillo y negro se puede usar para resaltar avisos o reclamos de
atencin, es muy til para destacar los aspectos ms importantes de un sitio web
El amarillo es muy adecuado para promocionar productos para los nios y para el
ocio.
Los hombres normalmente encuentran el amarillo como muy desenfadado, por lo que
no es muy recomendable para promocionar productos caros, prestigiosos o
especficos para hombres.
El amarillo es un color espontneo, variable, por lo que no es adecuado para sugerir
seguridad o estabilidad.
2.3. Efecto del uso excesivo del coloramarillo
El uso excesivo del color amarillo, puede tener un efecto perturbador, inquietante.

http://www.ecbloguer.com/marketingdigital/?p=2535[27/12/2011 11:29:13 a.m.]

Peridico EL COLOMBIANO

Etiquetas

Adwords blog celular

Comercio
electrnico

Community Manager

Conversin Diseo Web

Diseo Web Emocional
Empresa digital

Facebook

Google Google

Adwords Herramientas de

monitoreo de marca
Herramientas de
monitoreo de reputacin

https IBM Joomla Marketing

Marketing
electrnico Marketing en

Digita

dispositivos mviles
Marketing en lnea

Marketing en redes
sociales marketing mvil

Microsoft monitorear la
marca Monitorear la
reputacin NeuroMarketing
pago por clic Palabras claves
palabras negativas

Posicionamiento
en buscadores

PPC PPC - Pago Por Clic

Realidad Aumentada

Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores | Marketing Digital

Algunos estudios han encontrado que los bebs lloran ms en habitaciones amarillas.
El uso excesivo del color amarillo tambin puede producir agotamiento, y
generardemasiada actividad mental.
3. Rojo
3.1 Efecto psicolgico y emocional del uso del color rojo
El rojo se asocia a:
Energa
Vitalidad
Poder
Fuerza
Apasionamiento
Valor
Peligro
Guerra
Valor
Agresividad
Determinacin
Deseo
Amor
Las tonalidades de rojo tienen diferentes efectos psicolgicos:
El rojo claro simboliza alegra, sensualidad, pasin, amor y sensibilidad.
El rosa evoca romance, amor y amistad. Representa cualidades femeninas y
pasividad.
El rojo oscuro evoca energa, vigor, furia, fuerza de voluntad, clera, ira, malicia,
valor, capacidad de liderazgo. En otro sentido, tambin representa aoranza.
El marrn evoca estabilidad y representa cualidades masculinas.
El uso del rojo ayuda a intensificar el metabolismo del cuerpo, aumenta el ritmo
respiratorio y eleva la presin sangunea. Conduce a generar apasionamiento y a disipar
la depresin.
3.2.Usos del color rojo en un sitio Web
El rojo tiene una visibilidad muy alta, por lo que se suele utilizar en avisos
importantes, prohibiciones y llamadas de precaucin.
El rojo es muy recomendable para llevar a las personas a tomar decisiones rpidas
durante su estancia en un sitio web.
Se utiliza el rojo tambin para provocar sentimientos erticos. Smbolos como labios o
uas rojos, zapatos, vestidos, etc., son arquetipos en la comunicacin visual sugerente.
Como el rojo est muy relacionado con la energa, es muy adecuado para anunciar
coches motos, bebidas energticas, juegos, deportes y actividades de riesgo.
3.3.Efecto del uso excesivo del colorrojo
El uso excesivo del color rojo puede provocar ansiedad, agitacin y tensin.
4. Azul
4.1 Efecto psicolgico y emocional del uso del color azul

http://www.ecbloguer.com/marketingdigital/?p=2535[27/12/2011 11:29:13 a.m.]

Redes Sociales

SEO SEO Posicionamiento

en buscadores SEO

bloggers SEO blogueros SEO

periodistas Social Media

Twitter Usabilidad

Usuarios Internet Colombia

Youtube

Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores | Marketing Digital

El azul se asocia a:
Verdad
Confianza
Lealtad
Serenidad
Armona
Sabidura
Inteligencia
Fe
Fidelidad
Sinceridad
Responsabilidad
Las tonalidades de azul tienen diferentes efectos psicolgicos:
El azul claro se asocia a la salud, la curacin, el entendimiento, la suavidad y la
tranquilidad.
El azul oscuro representa el conocimiento, la integridad, la seriedad y el poder.
El uso del azul ayuda a retardar el metabolismo y producir un efecto relajante. Es un
color fuertemente ligado a la tranquilidad y la calma.
4.2.Usos del color azul en un sitio Web
Es muy adecuado para sitios web de productos relacionados con la limpieza (personal,
hogar o industrial) y todo aquello relacionado directamente con:
El cielo (lneas areas, aeropuertos)
El aire (acondicionadores paracaidismo)
El mar (cruceros, vacaciones y deportes martimos)
El agua (agua mineral, parques acuticos, balnearios)
El azul es adecuado para promocionar productos de alta tecnologa o de alta precisin.
El azul es un color tpicamente masculino, muy bien aceptado por los hombres, por lo
que en general ser un buen color para asociar a productos para estos.
Se debe evitar para productos alimenticios y relacionados con la cocina en general,
porque es un supresor del apetito.
4.3.Efecto del uso excesivo del colorazul
El uso excesivo del color azul puede provocar depresin, afliccin y pesadumbre.
5. Verde
5.1 Efecto psicolgico y emocional del uso del color verde
El verde se asocia a:
Armona
Crecimiento
Exuberancia
Fertilidad
Frescura
Estabilidad
Resistencia
Acaudalado

http://www.ecbloguer.com/marketingdigital/?p=2535[27/12/2011 11:29:13 a.m.]

Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores | Marketing Digital

Celos
Moderado
Equilibrado
Tradicional
Las tonalidades de verde tienen diferentes efectos psicolgicos:
El verde Agua se asocia con la proteccin y la curacin emocional.
El verde amarillento se asocia con la enfermedad, la discordia, la cobarda y la
envidia.
El verde oscuro se relaciona con la ambicin, la codicia, la avaricia y la envidia.
El verde oliva es el color de la paz.
El uso del verde es til para aminorar el agotamiento nervioso, para equilibrar la
emociones del visitante, para revitalizar el espritu y para estimular la compasin.
5.2.Usos del color verde en un sitio Web
Es recomendable utilizar el verde asociado a productos mdicos o medicina.
Por su asociacin a la naturaleza es ideal para promocionar productos de jardinera,
turismo rural, actividades al aire libre o productos ecolgicos
El verde apagado y oscuro, por su asociacin al dinero, es ideal para promocionar
productos financieros, banca y economa.
El verde se utiliza en el sentido de va libre en sealizacin.
5.3.Efecto del uso excesivo del color verde
El uso excesivo del color verde puede crear energa negativa.
6. Negro
6.1 Efecto psicolgico y emocional del uso del color negro
El negro se asocia a:
Poder
Autoridad
Fortaleza
Elegancia
Prestigio
Seriedad
Formalidad
Muerte
Misterio
Intransigencia
El uso del negro permite transmitir sensacin de paz y silencio.
6.2.Usos del color negro en un sitio Web
En un sitio web puede dar imagen de elegancia, y aumenta la sensacin de
profundidad y perspectiva. Sin embargo, no es recomendable utilizarlo como fondo ya
que disminuye la legibilidad.
Es conocido el efecto de hacer ms delgado a las personas cuando visten ropa negra.
Por la misma razn puede ayudar a disminuir el efecto de congestin de reas de

http://www.ecbloguer.com/marketingdigital/?p=2535[27/12/2011 11:29:13 a.m.]

Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores | Marketing Digital

contenido, utilizado debidamente como fondo.

Es tpico su uso en museos, galeras o colecciones de fotos on-line, debido a que hace
resaltar mucho el resto de colores. Contrasta muy bien con colores brillantes.
Combinado con colores vivos y poderosos como el naranja o el rojo, produce un efecto
agresivo y vigoroso.
6.3.Efecto del uso excesivo del color negro
El uso excesivo del color negro puede producir un efecto distante e intimidatorio.
Para reflexionar:
Les dejo con una pregunta para conocer su opinin:
En sus diseos Web tiene en consideracin el efecto psicolgico de los
colores?
Los invito a dejar su opinin sobre este artculo o realizar preguntas que con gusto las
responder.
0

Esta entrada fue publicada en Usabilidad y conversin y etiquetada Diseo Web Emocional, efecto emocional colores,
efecto psicolgico colores. Guarda el enlace permanente.
De eCommerce a mCommerce: pasos para transformar
un Comercio Electrnico en Comercio Mvil

3 respuestas a Colores en el diseo Web emocional: efectos

psicolgicos del uso de los colores
Pingback: Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores

Alberto dice:
27 diciembre, 2011 en 14:10

Por aqu otro daltnico

Sin ser diseador web de profesin en mis ltimos trabajos me gusta usar fondos
blancos.
Precisamente hace este mes cambio el fondo de una web de gris a blanco y gane
unos 30 segundos ms de media de tiempo en el sitio de los usuarios.
Eso si para el prximo proyecto voy a usar tonos verdes ya que es una web de
terpias naturales y veo segn tu descripcin que he acertado
saludos!!
muy buen resmen
Responder

Marketing Digital dice:

27 diciembre, 2011 en 14:31

Hola Alberto,
Gracias por el comentario. Muy interesante tu aporte.

http://www.ecbloguer.com/marketingdigital/?p=2535[27/12/2011 11:29:13 a.m.]

Colores en el diseo Web emocional: efectos psicolgicos del uso de los colores | Marketing Digital

Saludos,
Juan Carlos
Responder

Deja un comentario
Tu direccin de correo electrnico no ser publicada. Los campos necesarios estn
marcados *
Nombre

Correo electrnico

Web

Comentario

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title="">
<b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Publicar comentario

Marketing Digital

http://www.ecbloguer.com/marketingdigital/?p=2535[27/12/2011 11:29:13 a.m.]

Funciona con WordPress.