INTRODUCCION
Como se ha manejado antes, para poder tener una buena y útil página web, es necesario conocer que colores convienen poner y cuáles no, también te explicare el porqué de esto.
¿QUE ES EL COLOR?
El color es uno de los elementos más poderosos que disponemos a la hora de comunicar emociones en un sitio web. La mayoría de esas emociones son percibidas de un modo sutil e inconsciente.
También es cierto que el color es un arma de comunicación, pudiendo prescindir de él
El color es sugestivo: cada persona dependiendo de sus rasgos sociales o culturales, su estado de ánimo u otras circunstancias personales la va a interpretar de manera distinta
El color tiene 3 dimensiones básicas:
· TONO
· SATURACION
· BRILLO
TONO
Definimos tono como la propia cualidad que tiene un color. Tonos son todos los colores del círculo cromático, primarios, secundarios e intermedios sin mezclar con blanco o negro. Podemos decir que cuando se va a la izquierda o a la derecha en el círculo cromático se produce un cambio de tono.
Es el estímulo que nos permite distinguir un color de otro. Se define como la variación cualitativa del color, en relación con la longitud de onda de su radiación.
Cuando hablamos de Tono, (también llamado hue, tinte, matiz o croma) nos estamos refiriendo a los colores del espectro de la luz visible, desde el rojo al púrpura. Así que, hablamos de tono rojo, tono amarillo, tono verde etc. Dentro de cada tono encontramos una enorme diversidad de matices o de colores subjetivos, por ejemplo el rosa, el burdeos, etc. son matices del rojo. El Tono es una cualidad del color que nos permite diferenciar, nombrar y designar los colores. Cuando hablamos, por ejemplo, del color azul, en realidad sólo estamos definiendo una de sus cualidades: el tono.
SATURACIÓN
Es la intensidad cromática o pureza de un color. Cuando un color pertenece al círculo cromático se dice que está saturado, que tiene el máximo poder de pigmentación, de coloración. Pero no siempre nos encontramos los colores puros, sino que se suelen ver compuestos por mezclas complejas, con cantidades desiguales de colores primarios. Para cambiar la saturación de un color hay que mezclarlo con su complementario y, así, se obtiene la escala de saturación o de grises.
La máxima saturación de un color es aquella que se corresponde a la propia longitud de onda del espectro electromagnético y carece absolutamente de blanco y negro. La pérdida de saturación de un color puede producirse añadiéndole blanco o mezclándolo con su complementario, lo que daría un color neutro.
LUMINOSIDAD
Luminosidad es el grado de claridad u obscuridad de un color. Cuando un color lo mezclamos con blanco da como resultado ese mismo color, pero más claro. La luminosidad de un color genera una escala cromática de valor que termina en el blanco. Por otro lado, cada color tiene una luminosidad propia, por ejemplo el azul tiene una luminosidad más baja que el amarillo, el rojo tiene más luminosidad que el violeta, etc. En el siguiente ejemplo vemos como partiendo de verde RGB (0, 255, 0) mantenemos el número 255 (mantenomos el tono) y vamos aclarando añadiendo valor de luminosidad hasta llegar a blanco RGB (255, 255, 255)
PSICOLOGIA DEL COLOR
La psicología del color es un campo de estudio que está dirigido a analizar el efecto del color en la percepción y la conducta humana. Desde el punto de vista estrictamente médico, todavía es una ciencia inmadura en la corriente principal de la psicología contemporánea, teniendo en cuenta que muchas técnicas adscritas a este campo pueden categorizarse dentro del ámbito de la medicina alternativa.
Sin embargo, en un sentido más amplio, el estudio de la percepción de los colores constituye una consideración habitual en disciplinas como el diseño, la arquitectura, la moda, la señalética, la publicidad y el arte.
Teoría psicológica del color según Max Lüscher
Lüscher advierte con la práctica que existen cuatro colores primarios psicológicos los cuales se pueden dividir a su vez en dos pares: los colores heterónomos y los autónomos.
Los colores heterónomos son el Azul y el Amarillo, que representan la noche y el día respectivamente. Es decir el ciclo diario de luz y oscuridad. Estos son factores que gobiernan al hombre, es decir impuestos desde el medio ambiente, de afuera. Por lo tanto, el azul representa la tranquilidad, la pasividad, el reposo y el relajamiento general de la actividad metabólica. Por el contrario, el amarillo sugiere la luz del día, y representa la posibilidad de acción, de actividad, y una estimulación glandular. Sin embargo estos colores no obligan estas acciones, si no que las sugieren.
Los colores autónomos el Rojo y el Verde representan la actividad ataque-defensa del organismo. El rojo como acción externa dirigida a conquistar y adquirir. El verde como auto conservación, defenderse de los ataques y sobrevivir. Las acciones de defensa (Verde) y ataque (Rojo) están bajo el control del individuo se denominan colores autónomos o autor reguladores.
Max también formula en su teoría que la capacidad para distinguir los colores empieza con el contraste, es decir, colores claros y colores oscuros (de forma similar a Goethe). La diferenciación, su denominación y cualquier reacción estética hacia los colores son funciones de la corteza cerebral: el resultado del desarrollo y la educación más que una respuesta de reacción y del instinto. Por otra parte las funciones instintivas y reflejas obran en el cerebro medio, en función del contraste y afectan a los sistemas físicos y glandulares mediante la pituitaria.
Psicología funcional
Las teorías que relacionan la elección cromática con la psicología de la personalidad reciben el nombre de psicología funcional. En el test de los colores (de Max Lüscher) la estructura de un color es constante, es decir siempre tiene el mismo “significado objetivo”. La “función”, por otra parte, es la actividad subjetiva hacia el color, y ésta varia de una persona a otra, y en ésta se basan las interpretaciones del test.
Los significados de los colores (tonos del test Lüscher de 8 colores) en resumen son:
Azul (grisáceo): Representa la profundidad de sentimiento y es un color concéntrico, pasivo, asociativo, heterónomo, sensible, perceptivo, unificador. Sus aspectos afectivos son la tranquilidad, satisfacción, ternura, amor y afecto.
Verde (con algo de azul): Representa la constancia de voluntad y es un color concéntrico, pasivo, defensivo, autónomo, cauteloso, posesivo, inmutable. Sus aspectos afectivos son la persistencia, autoafirmación, obstinación, y la autoestima.
Rojo (con algo de amarillo, es decir anaranjado): Representa la fuerza de voluntad, y es excéntrico, activo, ofensor-agresivo, autónomo, locomotor, competitivo, eficiente. Sus aspectos afectivos son la apetencia, excitabilidad, autoridad y la sexualidad.
Amarillo (saturado algo claro): Representa la espontaneidad y es excéntrico, activo, planificador, heterónomo, expansivo, ambicioso e inquisitivo. Sus aspectos afectivos son la variabilidad, la expectación, la originalidad, el regocijo.
Gris (neutro psicológico, con mucho blanco): Representa la neutralidad y es separador, imparcial, aislante, ausente de compromiso.
Marrón (algo claro): Representa la receptividad sensorial pasiva y es físico, receptor sensorial físico, seguro, sociable, dependiente.
Negro: Representa el límite absoluto y es negación, renuncia, abandono, extremo, rechazo, extinción, temor.
Violeta (rojizo): Representa la realización de los deseos y es irresponsable, intuitivo, sensible, inmaduro, afectivo, mágico.
La percepción objetiva del color es idéntica para todos. Sin embargo, hay quienes rechazan, sienten indiferencia o por el contrario simpatía o atracción. Dependiendo del estado anímico de ese momento, acepta o ignora una determinada sensación, por ejemplo la percepción de un color. Un color que se considera bonito se acepta, es decir, corresponde con su estado de ánimo. En la gran variedad de colores pueden reflejarse la cantidad de matices emocionales que existen. El color es por lo tanto, de forma similar a la música, un lenguaje de los sentimientos, altamente diferenciado. Los colores son sentimientos visualizados.
Por regla general:
Los azules se corresponden a los sentimientos (emociones), por lo tanto también a las relaciones sentimentales ya sean de amistad o conyugales.
Los verdes caracterizan el autocontrol, la fuerza de voluntad y la capacidad de disfrutar.
Los rojos representan la actividad, las iniciativas y reacciones ante los desafíos.
Los amarillos nos indican la actitud ante el futuro, los nuevos acontecimientos, las expectativas.
REGLAS FUNDAMENTALES PARA TENER UNA WEB EXITOSA
5 reglas sobre los colores en la web
El diseño de una página web se basa no sólo en la composición o en las formas, sino también en la combinación de colores. Muchos publicistas incluso indican que la asociación de los colores a una marca es tan fuerte, que una mala combinación puede llevar al fracaso.
Hay que saber elegir los colores cuidadosamente, pues una visita decide en cuestión de segundos si se queda o no en la página web. Aunque no hay reglas absolutas, tener en cuenta algunas directrices puede ayudarnos a encontrar un diseño armónico.
1. Identifica el público objetivo de tu página web
La importancia de elegir colores en base al público al que nos dirigimos radica en que la mayoría de los colores están asociados a determinados grupos; por ejemplo, cuando elegimos un regalo para un recién nacido elegimos el azul pastel si es niño o el rosa si es niña (amarillo si no sabemos qué es).
La página tiene ante todo que atraer y convencer a la visita. Es por eso que hay que seleccionar colores con los que la visita se sienta identificada.
Si el público al que queremos llegar es a un público masculino, podemos utilizar colores oscuros (como grises o negros) o colores fríos (azules y verdes). El público femenino se identifica más con los colores como violeta o púrpura; mientras que el público joven se identifica más con colores planos y llamativos como el naranja o el verde.
2. Enciende las emociones
Una de las propiedades de los colores es la de transmitir sensaciones. Los colores estimulan nuestro cerebro y nos evocan tranquilidad, seguridad, confianza, pasión, misterio... Esto es muy interesante desde el punto de vista del Marketing, ya que no es necesario dar argumentos para convencer sobre las propiedades o beneficios de un producto o servicio.
Pero ojo: muchas de estas asociaciones tienen un fundamento cultural. Por ejemplo, vestir de negro por ejemplo es ir de luto en nuestra sociedad, mientras que en India el color del luto es en blanco. Tenlo en cuenta en las relaciones internacionales de tu negocio.
3. ¿Qué colores seleccionar?
Otro de los aspectos a la hora de escoger los colores para nuestra marca y para nuestra página web es el equilibrio. La armonía de colores y el equilibrio hace que un diseño sea más o menos efectivo. ¿Pero qué colores tenemos que seleccionar? Por lo general, se recomiendan respetar una de estas tres reglas:
1. Colores de la misma gama cromática; es decir, diferentes tonos de un mismo color.
2. Colores complementarios; aquellos situados próximos en la gama cromática
3. Colores opuestos: son aquellos situados justo en el lado opuesto de la gama cromática y que ayudan al contraste.
Otra de las recomendaciones es no abusar de los colores: dos o tres es suficiente y siempre es bueno que haya un color predominante.
4. Efectividad del color: el contraste
El contraste de color se produce al combinar dos colores que no están relacionados. Esto permite por ejemplo, resaltar textos o imágenes. Combina colores claros y colores oscuros para lograr este efecto visual.
5 . Composición y peso de colores
Gracias a los colores y a las formas podemos dirigir la mirada de la visita y así resaltar determinados elementos.En la composición se dice que los colores cálidos, los oscuros o tierras, pesan más que los colores fríos, claro so pesados. Busca la armonía y el equilibrio justo en el diseño de tu web.
Para ello puedes seguir estas tres reglas básicas:
1. Crea un sólo punto de impacto visual por página; es decir, un punto al que dirigir la mirada.
2. Respeta la mirada del lector; es decir, de izquierda a derecha y de arriba abajo.
3. Deja aire y espacios en blanco para que la mirada descanse.
Si te sirvió de algo este blog no olvides seguirme en twitter (@danieldelarosac). Espero y te haya ayudado en algo
.jpg)
.jpg)
.jpg)
