La identidad del color

Estás en Inicio / Editorial / Diseño Gráfico

04.09.2002

La identidad del color

Por Edgar González Ramos | 71,077 Lecturas
Archivado en: Diseño Gráfico

Los colores tienen identidad y producen sensaciones, aprende a aprovechar la sicología del color en tu sitio y causar sensaciones en tus visitantes.

Icolor1 Los
colores son una de las partes más importantes de tu sitio, mas que las imágenes
que coloques, los colores son los que van a producir sensaciones en la mente
de tus visitantes, una buena combinación de colores puede hablar mejor que muchas
imágenes, lo importante del caso es mantener una distribución de colores de
manera que nuestro sitio no se vea de mal gusto, desordenado, incongruente o
que produzca desconfianza o incluso, moleste a la vista.

Para elegir los colores de nuestro sitio debemos tener en cuenta varios factores,
cada uno lo iré desglosando.

Por principio de cuentas, los colores que controlan la base de nuestra pagina son
el color de fondo y el del texto, mantener un buen balance entre ambos es determinante
para que nuestra pagina no se vea mal, produzca sensaciones agradables y no
haga que nuestro visitante se retire con los ojos irritados por haber estado
en nuestro sitio.

Podemos
manejar una gama de colores que combinen o que contrasten, pero siempre teniendo
en cuenta que no todos los monitores del mundo están configurados para leer
3 millones de colores, algunos son de máximo 256 colores y aún existen, aunque
parezca mentira, monitores monocromáticos.

Nuestra
página debe ser capaz de mostrarse correctamente en cualquier monitor con cualquier
configuración de colores, a menos que quieras que tu página sólo sea vista por
un cierto tipo de gente que tiene la capacidad de actualizarse a los mejores
avances tecnológicos, pero hay una gran desventaja, muchas compañías y empresas
no tienen la cultura del cambio y el avance tecnológico, es aquí donde nuestras
páginas no entrarán y es donde puede haber clientes potenciales.

El
hecho es conseguir colores que tiendan a los extremos, si usamos un fondo claro,
nuestra letra debe ser oscura, por obligación y salud mental, que sucede si
nuestros visitantes no pueden entender o que nuestra pagina dice porque no se
ve, simplemente? Pues se van y punto. Lo peor… nunca regresan.

Debes
recordar que nuestras sensaciones se reflejan directamente en nuestras acciones,
si estamos molestos por tratar de leer una página donde los colores han sido
combinados tan pésimamente que hasta la cabeza nos duele por tratar de leer,
es un sitio al que le tomaremos cierto recelo y no nos dará gusto regresar ahí.

También
los fondos con muchos colores o con pocos o un solo color pero de ato contraste
son terribles, las letras se confunden y es prácticamente imposible leer en
ellos.

Los fondos con tendencia al neutro no son convenientes, porque ni son claros
ni son oscuros, conseguir un tono que pueda ser claramente leído es una tarea
que nos puede llevar mucho tiempo, que podríamos aprovechar en crear el contenido.

Lo mejor es conseguir un fondo, si la idea es usar una imagen de fondo, que
nos permita el uso de un color contrastante.

Por
ejemplo un fondo muy claro o muy oscuro, son buenos, si no son imágenes saturadas
de colores mucho mejor y por último, siendo ahora tan importante el ancho de
banda que sea pequeña, también recuerda que nuestro fondo no debe lucir como
mosaico, a menos que esa sea la idea, el fondo debe ser algo continuo, aunque
las imágenes sean pequeñas no deben notarse bordes entre una sección y otra,
es difícil conseguir crear un buen fondo, pero lo bueno es que por todo Internet
hay muchos sitios donde te puedes bajar algunos fondos gratuitos y utilizarlos
en tus páginas.

Hay
secretos básicos que los grandes empresarios de la publicidad utilizan constantemente
en todas sus campañas visuales, en la creación de envases y marcas de productos
y en carteles o demás publicidad impresa, puedes hacer uso de ellas!

Recuerda
usar pocos colores en tu página, no tomes en cuenta los colores de las fotografías,
a menos que te estén produciendo mucha carga en el ancho de banda.

Lo mejor es usar una gama de entre 4 y 8 colores máximo, usar 6 es muy conveniente,
además que nuestro sitio no parece un catálogo de colores es más sencillo uniformar
el contenido, puedes establecer parámetros para ello y a menos que tu sitio
esté dirigido a los niños, no es bueno abusar del uso de los colores.

Puedes
establecer un color base para todas tus tablas o para todos tus títulos, uno
para el fondo y otro para el título en las tablas o en tus logotipos.

Después elige un color contrastante con el que tienes de base para cada una
de tus secciones, algunos autores tienen una barra lateral de un color, donde
tienen todos sus enlaces, ya sea en marcos o no, esta barra es de un color dominante
y contrastante con el fondo del contenido, pero igualmente el texto, si quieres
facilitarte las cosas, para fondos claros usa letra negra y para fondos oscuros
utiliza letra blanca y se acabó.

Si
quieres más movilidad en tus páginas utiliza el complementario a tu base o el
mismo que tienes un tu fondo sólo recuerda hacerlo más claro o más oscuro para
que pueda ser legible.

Ahora
viene algo muy importante, te hablé de la importancia del color para causar
sensaciones a tus visitantes, bueno, pues es importante que sepas que sensación
produce cada color en la psique de la gente.

Esta tabla te puede
orientar, las sensaciones cambian entre cultura y cultura, pero estos parámetros
son fácilmente aplicables a tu sitio:

Negro - Prohibición, Misterio, Muerte,
Oscuridad, Maldad

Blanco - Pureza, Sinceridad, Seriedad.

Gris - Encierro, Aburrimiento,
Depresión, Tranquilidad

Café -
Monotonía. Tranquilidad, Seriedad.

Azul - Limpieza, Frescura, Tranquilidad,
Paz.

Amarillo - Alegría, Calor, Luz,
Alerta.

Rojo - Pasión,
Fuerza, Agresividad, Alerta.

Verde - Frescura, Naturaleza,
Tranquilidad, Indecisión

Naranja - Calor, Hambre, Intranquilida

Morado - Misterio, Soledad, Cursi.

Dependiendo de tu
tendencia tonal, tu visitante tendrá distintas sensaciones sobre el mismo color,
solo es cuestión de modificar el tono para crear la sensación que deseas y según
la combinación de tonos que tienes en tu sitio, tú puedes crear una idea sobre
tu sitio.

Algunos colores se asocian fácilmente
con paginas web especificas, descubre la identidad de tu sitio y lo que tus
visitantes pueden imaginar que encontraran con solo ver los colores:

Negro - Paginas pornográficas, de contenido
ilegal, de videojuegos

Blanco - Paginas comerciales, de servicios.

Gris - Paginas con contenido muy
serio

Café - Religión,
Libros, Coleccionistas y servicios

Azul - Usado en todas sus tonalidades
en casi todos los sitios

Amarillo - Paginas de chistes,
de artesanías, de restaurantes o servicios turísticos

Rojo - Paginas
de servicios generalmente mecánicos, electrónicos o de herramientas

Verde - Salud, vida sana, nutrición,
naturismo

Naranja - Alimentos, Mascotas

Morado -
Belleza, Eróticas

De
modo que una tendencia a determinado color le dará identidad a tu sitio, proyectaras
sensaciones en tus visitantes y en general establecerá una idea de que hay en
tu sitio y como es dicho contenido, así que maneja los colores para obtener
resultados y buena suerte en tu búsqueda de identidad!

Califica esta nota:

(10 votos, promedio: 4.6 de 5)

Loading ...

Sobre el autor

Edgar González Ramos
Arquitecto y Publicista grafico.

Comentarios

78 comentarios en total.

Unregistered 19.01.2003 - 13:11 - #

Sería conveniente aclarar mejor que los colores a los que te refieres en tus dos listas hacen referencia al fondo de la página, no al color que uses en las letras.
k-tracho 19.01.2003 - 13:12 - #

Te felicito Edgar, muy bueno, tienes muy buena base en concepto publicitario y en teoría del color. Webmaster!!!!, haganle caso a Edgar, si sabe de lo que escribe….!!!!!!
Unregistered 19.01.2003 - 13:12 - #

el articulo esta muy bueno, y hacia falta contenido sobre ello, solo por sugerencia quizas hubiese faltado ver las combinaciones de colores, aunque es buscar la identidad pero tener algo de referencia ayudaria mucho mas y seria mas rapido..

Excelente el Articulo..

Atte..
Hugo
Unregistered 19.01.2003 - 13:12 - #

deberian poner un link para enviar a algun amigo sus notas, gracias
Unregistered 19.01.2003 - 13:13 - #

Excelente por ti Edgar. Solo falta agregar algunas combinaciones de las más usadas en Internet y LISTO.
Unregistered 19.01.2003 - 13:13 - #

Realmente orienta sobre este tema que es tan importante y delicado.
Unregistered 19.01.2003 - 13:13 - #

bueno me gustaria saber si tiene todas las tonalidades del color morado y que significan cada uno ojala y me pueda ayudar
Unregistered 19.01.2003 - 13:14 - #

Creo que este es un articulo que nos permite en sirta forma asegurar el exito de nuestra pagina, (de la manera gráfica), pues también depende de su contenido, me gustaria que se abrieran nuevos articulos con mas tips con el mismo fin, (de formas, orden, léxico, etc) y se me informara A: 00224539@academ01.cob.itesm.mx
Unregistered 19.01.2003 - 13:14 - #

CREO DEBERIA HABER UN COMENTARIO MAS PROFUNDO SOBRE EL SIGNIFICADO DE LOS COLORES CON ALGUN EJEMPLO PRACTICO…..
Unregistered 02.02.2003 - 22:18 - #

El artículo está muy bueno pero el que tiene un navegador menos de explorer 4 no ve casi colores en las páginas, hay que pensar tambien en los miles de navegadores y computadoras que navegan con poco Ram
Mickel 11.02.2003 - 12:49 - #

:arriba:
cvander 11.02.2003 - 13:28 - #

Excelente artículo. Gracias por compartirlo tilu.
uli 14.06.2003 - 12:25 - #

esta bien that
catalina 01.07.2003 - 13:44 - #

muy interesante
carolina 09.07.2003 - 17:44 - #

muy bueno
Janette 30.07.2003 - 13:51 - #

excelente… asi deberia de ser toda la informacion de las paginas, con un orden y sobre todo buscamndo ayudar al consumidor de la información
ALBERTO 13.08.2003 - 15:16 - #

EXECELENTE
Mickel 13.08.2003 - 20:32 - #

Seria bueno complementar este articulo conjuntamente con el concepto de la “paleta segura”, no?
Gaby 19.08.2003 - 08:11 - #

Muy bueno, concreto y claro.
tatiana 22.08.2003 - 20:04 - #

expresa con claridad lo que se requiere
chilsia larregui 01.09.2003 - 17:46 - #

es muy bueno y fue de mucha ayuda para miy para mi informe gracias
fabio s. 29.09.2003 - 15:08 - #

verdaderamente esta pecueco
alberto 24.10.2003 - 01:36 - #

esta muy bueno , pero me gustaria que hubieran tablas de combinaciones del color y sus significados en tonos suaves y fuertes del mismo color así como ver cuales son frios , calidos etc…por lo demas felicitaciones!!!!
franciscocha 28.10.2003 - 09:10 - #

=) si es bueno….pero segun lo ke e aprendido ..o leido……es ke se necesita armonizar los colores…….por ejemplo lo mejor y ke siempre me a gustado ha sido el verde de fondo y el blanco en escritura..el verde contrasta con el blanco eso kiere decir ke el lector se siente metido en el asunto…y el ke publiko lo primero sobre le color…(ver pag 1) no supo ke hacer pero me costo leerlo y no sufro nada a la vista …..asi ke lo ke digan…por favor ke lo hagan….!!=)
Unregistered 28.11.2003 - 10:43 - #

Excelente artículo, muy útil para el diseñador gráfico.
Brenda 19.12.2003 - 17:18 - #

Antes que nada felicitarte por ser uno de los pocos que toca el tema “sicologia del color” en las paginas web en español. Me parecen consejos prácticos para aquellos que quieran tener una rápida referencia sobre que colores utilizar en sus diseños. Sin embargo, hacen falta referencias bibliograficas de tus comentarios, evidentemente leíste o tomaste la información de algún sitio y si las anexas nos facilitarias la vida, a aquellos que queremos profundizar más en el tema. Gracias y ojala vea pronto esas referencias, me imagino que sabes que las referencias dan mayor seriedad a ti artículo, además del hecho que hayas usado un fondo “blanco” =)
Unregistered 27.01.2004 - 00:37 - #

¿Podrian detallar más colores? sólo aparecen los básicos.
Así como aplicaciones terapéuticas.
Agradeceré su respuesta.
Katia 03.02.2004 - 11:08 - #

Me gusto mucho porque trabajo en diseño gráfico y fue muy útil para mi.
gracias!!
angel 04.02.2004 - 18:43 - #

deberia de dar un poco mas de informacion.
Unregistered 10.02.2004 - 13:13 - #

ES MUY BUENO, PERO DEBERIAN HACER ENFASIS EN OTROS TEMAS, DEL CUAL EL COLOR ES MUY IMPORTANTE.
jenniffer hernandez 17.02.2004 - 16:26 - #

que es muy interesante saber sobre esto por que hay muchas personas que lo necesitan
FERNANDA 29.02.2004 - 22:16 - #

Muy útil el artículo, soy diseñadora web hace 3 años y este me parece un tema asencial que muchos colegas olvidan y eso hace a la diferencia. Gracias por compartir tan valiosos conocimientos!!!!
felipe 07.04.2004 - 12:55 - #

me gusto la pagina
Vicho 06.05.2004 - 16:32 - #

es muy bueno me sirvio caleta pa una tarea
Ivan Pinzon 06.05.2004 - 18:12 - #

El articulo me parecio muy bueno y de gran ayuda, exlpica muy bien los alcances que tiene el color sobre el usuario y de cierto modo el significado de una pagina web.
carlos 06.05.2004 - 18:15 - #

la tematica en los colores y su conceptualizacion es muy poca, el contenido del articulo es tan obvio que la significacion de dichos colores se refleja por su definicion (amarillo=alegria=paginas de contenido “chistes”) es tan obvio!!!!
eduardo a torres 06.05.2004 - 18:16 - #

bueno me parece muy importante el manejo del color y sobretodo las combinaciones, creo en lo que se dijo anterior mente de las sensaciones, pero tampoco creo que todo el mundo sienta lo mismo por cada color de pronto hay personas que lo ven de otra formam, o le recuerdan algo por ejemplo yo veo los dias de distintos colores y mucha gente tambien por ejemplo lunes=amarillo y eso ya crea una sensacion y hay gente que lo ve diferente, me parece que mas bien es saber a quien o aquienes en este caso va dirigida la pagina, deporonto ponerse en la tarea de mirar sus costumbres de vida, su entorno y todo eso y tener en cuenta que clase que empresa fue la que lo contrato a uno que venden como, se mueven, a quien va dirigido el producto.
a mi todo esto del color me parece muy interesante ya que en arquitectura nos enseñaban mucho acerca de las sensaciones y los espacios, y una cantidad de cosas que puede producir un solo color por eso es que es nesesario saberlos conbinar, claro que tambien existen cosas como, por ejemplo yo quiero crear una pagina toda loca en la que no necesite que me combine ningun color pero la idea es esa, de ahi la manera en que uno se al ingenie y la haga ver bien asi no combinen los colores eso es a lo que me refiero
Rosmary 06.05.2004 - 18:24 - #

hola es bueno el documento te ayuda a tener una idea de lo importante que son los colore y tonos para el exito de un sitio…hay cosas que ya sabia como hay otras que me ayudan en el proceso que esto llevando.
gracias
sandra garcia 06.05.2004 - 18:27 - #

me parecio un articulo muy interesante porque nos explica de como debemos combinar los colores que tonos debemos usar, y nos da realmente una idea de como debemos crear nuestra ´pagina web y de como bamos a llegar a tener exito en nuestro futuro.
Claudia P. 06.05.2004 - 18:31 - #

Lo primero que debemos hacer es pegarle al color; ya que si nos visitan sea bien agradable y los incite a quedarse.
Eso pasa con cualquier cosa en la vida, definitivamente todo entra por los ojos.
Aunque pienso que nadie tiene la última palabra en cuanto a la sensación que nos producen los colores, es bueno revisar, la opinión de los expertos.
Cecilia Gemade 06.05.2004 - 18:32 - #

Se ha demostrado que nuestro cuerpo fisico percibe cualquier impulso o energía cromatica y reacciona.

Los colores influyen en el ser humano y sus efectos intervienen en la vida creando alegria o tristeza, exaltacion o depresion, activa o pasiva. Calor o frio.

Quiero hacer un comentario sobre el color NARANJA para mi concepto expresa :
estimulo, accion, entusiasmo. así que quisiera oir un comentario si depronto estoy equivocada en cuanto el concepto de este color.
Unregistered 06.05.2004 - 18:38 - #

Rta: Mario Nel.

tienes razón Cecilia , pero no en lo absoluto ya que mal puesto cansaría mucho en la lectura no crees?.

Los “aires” son importantes , esos blancos que nos relajan nos permiten tener ese calor del que hablas.y manejar las gammas, las tonalidades de brillantez en le naranja para tener ese diseño que mencionas.

revisa este dirección:http://www.unabvirtual.edu.co
_________________________________

Mensaje Original por Cecilia Gemade
Se ha demostrado que nuestro cuerpo fisico percibe cualquier impulso o energía cromatica y reacciona.

Los colores influyen en el ser humano y sus efectos intervienen en la vida creando alegria o tristeza, exaltacion o depresion, activa o pasiva. Calor o frio.

Quiero hacer un comentario sobre el color NARANJA para mi concepto expresa :
estimulo, accion, entusiasmo. así que quisiera oir un comentario si depronto estoy equivocada en cuanto el concepto de este color.
rohelfy 14.05.2004 - 14:50 - #

los colares son jeniales
RUT 15.05.2004 - 18:14 - #

es buenisimo le sfelicito
LEIDY R. 18.05.2004 - 13:28 - #

LOS COLORES INFLUYE EN EL CONSUMIDOR Y HACEN DE EL ALGUIEN POLIFACETICO
Na :) 09.06.2004 - 14:07 - #

me parece muy elemental …. eso se aprende en dibujo del primario….. Vamos muchachos esforcemonos un poquito mas !!!!
julwo 10.07.2005 - 19:53 - #

estoy de acuerdo
jennifer roriguez 15.06.2006 - 16:53 - #

me gustaria que tambien incluyeran el pantone de cada color
jimena Ledezma 24.06.2006 - 08:18 - #

Estudio publicidad en la universidad de Moron y estoy comenzando mi tesis, necesito que me informa acerca de posible bibliografia acerca del color en la publicidad grafica. GRACIAS
carola sanchez 30.06.2006 - 13:00 - #

hola este tema para mi es muy interesante es por eso q estudie publicidad pero quiero hacer mi tesis y quiero hacer un tema relacionado a la importancia del color en la publicidad. podria ayudarme a centrar o hacer un tema mas especifico de el color ayudeme.
Jonathan 11.07.2006 - 06:52 - #

si esta bien las descripciones de los colores pero hay que tener en cuenta que tambien es algo ambiguo porque para cada persona los colores tienen o causan ciertas emociones no es para todos el mismo significado
Javier 17.07.2006 - 12:13 - #

Es muy importantye el aporte para la consulta permanente de estudiantes, artistas y académicos que desean aproximarse al amplio mundo de la colorimetria.
Javier 22.07.2006 - 20:56 - #

Exelente artículo. El conocimiento del uso de los colores ayuda a la comunicación. Para los que quedaron con dudas.. solo piensen en las góndolas de los supermercados, cada artículo posee su predominante de color..

// http://serigrafia4t.com.ar //
JENNI 25.07.2006 - 19:29 - #

TIENEN ESTE MATERIAL MUY BUENA INFORMACION PARA NOSOTROS LOS DE BACHILLERATO Y ESPERO QUE PUBLIQUEN MAS ARTICULOS SOBRE ESTO……JENNI
JENNI 25.07.2006 - 19:29 - #

TIENEN ESTE MATERIAL MUY BUENA INFORMACION PARA NOSOTROS LOS DE BACHILLERATO Y ESPERO QUE PUBLIQUEN MAS ARTICULOS SOBRE ESTO……JENNI
daniela 28.08.2006 - 20:53 - #

la verdad es que esto es para orientar y saber como podemos decorar o pintar nuestros hogares

etc.
boner 20.09.2006 - 23:12 - #

muy buena la pagina nutre de mucha informacion..grasias.
andres 06.10.2006 - 10:41 - #

hola q tal .. necesito saber como influyen los colores en el aprendizaje
HECTOR 18.10.2006 - 08:17 - #

esta aunquesea, pior es nada
henry ezequiel liquez vel 18.10.2006 - 08:19 - #

todos los colores representa como es cada persona como se conportan
marti 18.10.2006 - 08:19 - #

todos los colores tienen distntos significados .
mi color preferido es el negro
raymon 19.10.2006 - 23:06 - #

ok
carito 17.11.2006 - 10:32 - #

muy bueno el articulo. me saco de apuros… gracias
cosme 06.12.2006 - 13:29 - #

esta pagina esta buenisima me gusto mucho porque ademas estoy estudiando sobre diseñar y aprendo sobre los colores
magy 06.12.2006 - 13:30 - #

hola este esta super bueno los felicito
Andrea 15.12.2006 - 16:26 - #

no se si podrian decir que sensacion dan los colores cuando los ves en una pagina o en un simple calendario
.........PABLO........!!! 21.12.2006 - 19:31 - #

hola muchachos la verdad que me salvaron!!!!!!!!!!…..tenia que presentar para mañana la carpeta completa de plastica y uno de los temas era la importancia del color en la publicidad…….copie todo esto en la carpeta y vere como me va mañana ….les estoy muy agradecido y que pasen unaas muy felices fiestas y un prospero año nuevo!!!!!!!!!!
#jops# 13.01.2007 - 09:37 - #

me ha gustado mucho lo k ais puesto de los colores es muy juay me a servido pa un trabajo de uni vercidad gracias
angel jimenez felipe 20.01.2007 - 11:19 - #

sabersobre janette
Geo 26.01.2007 - 06:43 - #

Muy precisa y completa la informacion… Ademas de ser muy Util para las personas que manejamos esto a diario
yanenny gomez 29.01.2007 - 17:34 - #

quiero me digan porfa si el color morado es para el exito, gracias.
maika 16.03.2007 - 15:31 - #

No se como haceros llegar este mensaje a vosotros,usuarios de este blog, tan interesados en el mundo del diseño web y del diseño grafico.
Mirar esta web, a mi me gusto y creo que esta gente de barcelona lo hace bien en su estilo.
http://www.webografico.com
Ya ,me contareis si conoceceis cosas parecidas en diseño un saludo
roberto 16.03.2007 - 18:15 - #

es interesante saber que es lo que proporciona cada color para definir lo que nos gusta y lo que utilizamos al vestir. Y asi saber que color nos beneficia usar cada dia.
lizyrodri 03.03.2008 - 10:15 - #

es muy interesante saber y definir a los demas segun el color de atuendo q viste,q tengan lindo dia y no olviden el significado de los colores q visten en ropa o lo q sea.
dayanna 19.06.2008 - 13:04 - #

es excelente lo que escriben
dayanna 19.06.2008 - 13:05 - #

es en realidad cierto
johanna 09.10.2008 - 17:15 - #

el articulo esta algo mediocre deberia profundisar mas sobre el tema….
hector 10.10.2008 - 10:51 - #

todo o q dice es verdad

Editorial

Otras Notas Relacionadas

Feed Editorial

Feed del sitio

La identidad del color

Sobre el autor

Comentarios

Editorial

Otras Notas Relacionadas

Boletín