Psicología de los colores en el diseño de Logotipos

11 09 2009

Una de las tareas mas arduas del diseño, dentro de la creación de un Logotipo será lograr expresar lo que uno quiere y busca reflejar cuando plantea las diferentes opciones cromáticas en él.

Hay características inherentes al color que muchas veces no se tienen en cuenta, un excelente artículo de Logocritiques, nos da algunos ejemplos de logos que según los tonos utilizados en ellos pueden significar distintas características propias o hacia el receptor.

Aqui parte de este artículo, y es obvio que se puede profundizar mucho más en el tema pero para ello es mejor recurrir a fuentes como las publicaciones más especializadas en el tema, como: PSICOLOGIA DEL COLOR: COMO ACTUAN LOS COLORES SOBRE LOS SENTIMIENTOS Y LA RAZON
de
HELLER, EVA GUSTAVO GILI 2004 / PRINCIPIOS DEL DISEÑO EN COLOR
de
WONG, WUCIUS GUSTAVO GILI 2006. y sólo por mencionar algunos.

Logos en color rojo

El rojo es un color intenso. Puede representar emociones desde sangre y la guerra, hasta el amor y la pasión. Suele utilizarse para atrapar la atención del receptor y se asocia al provocar el aumento de la presión o a provocar el enojo de la gente.

Psicología del color en logos

Acción, aventura, agresividad, sangre, peligro, energía, conducción, excitación, amor, pasión, fuerza y vigor.

Logos en color rosa

El rosa es un color femenino que conjuga sentimientos de inocencia y delicadeza. Es una versión más suave del rojo que puede hacer referencia a niñas pequeñas, goma de mascar y algodón de azúcar. El color rosa es también asociado a la conciencia del cáncer de mamas. Se utiliza usualmente para agregar un toque femenino a los logos.

Psicología del color en logos

Apreciación, delicadeza, femineidad, floral, amable, gratitud, inocencia, romanticismo, suavidad y tranquilidad.

Logos en color naranja

El color naranja se logra de la mezcla entre rojo y amarillo y puede representar los atributos de ambos colores. El naranja es menos intenso que el rojo pero aún así expresa una buena impronta vívida. Es más pícaro y juvenil que el rojo. Usualmente se puede encontrar en logos que recreen el juego, la estimulación de las emociones y el apetito.

Psicología detrás del color de los logos

Creatividad, entusiasmo, diversión, jovialidad, desenfadado, lleno de vida, juvenil y asequible.

Logos en color amarillo

El color amarillo, como el rojo, tienen mensajes conflictivos. Puede representar a la luz del sol y la felicidad, como también la precaución y la cobardía. El amarillo es brillante y altamente visible por lo que suele encontrársele en los carteles de ruta. Es generalmente utilizado en los logos para llamar la atención, crear ilusión de felicidad y calidez.

Psicología del color detras de los logos

Precaución, aliento, cobardía, curiosidad, felicidad, alegría, positivismo, luz solar y calidez.

Logos en color verde

El color verde representa la vida y la renovación. Es un color que descansa y relaja, pero puede representar también celos e inexperiencia. Puedes encontrarlo usualmente en compañías que quieren representarse como amigas del medio ambiente.

Psicología detrás de los colores de los logos

Relacionado al medio ambiente, fresco, armónico, saludable, curativo, inexperto, relativo al dinero, natural, renovarse y tranquilo.

Logos en color azul

El azul es un color calmo y puede dar la impresión de autoridad, éxito y seguridad. La mayor parte de la gente dice que les gusta al menos una sombra de azul. Es probablemente el color más popular en diseño de logos y puede verse en cerca de 500 logos de organizaciones gubernamentales, médicas y financieras.

Psicología del color detras de los logos

Autoridad, calma, confianza, dignidad, estabilidad, lealtad, poder, éxito, seguridad y confianza.

Logos en color púrpura

El púrpura implica realeza, misterio, espiritualidad y sofisticación. Es una combinación entre el rojo y el azul, y tiene propiedades cálidas y frías, es un color que puede ser encontrado mayormente en instituciones relacionadas a la educación y productos de lujo.

Psicología detras del color de los logos

Ceremonia, caro, fantasía, justicia, misterio, nobleza, majestuoso, realeza, sofisticación y espiritualidad.

Logos en color marrón

El marrón indica naturaleza, relativo a la madera y útil. Se utiliza en logos relativos a la construcción y los asuntos legales dada su simpleza, calidez y neutralidad.

Psicología en colores de los logos

Calma, profundidad, tierra, natural, rusticidad, riqueza, simplicidad, seriedad, sutil, utilidad y propio de la madera.

Logos en color negro

El negro es técnicamente la ausencia de color. Es poderoso y conjuga autoridad, peso, elegancia y tradición. El negro puede encontrarse en muchos ejemplos de logos que se caracterizan por su simpleza y sofisticación.

Psicología detrás del color de los logos

Autoridad, peso, clásico, conservativo, distintivo, formalidad, misterio, secreto, seriedad y tradición.

Logos en color gris

El gris es en algún lugar entre el blanco y el negro. Desde un punto de vista moral, es el área entre el bien y el mal. Es también conocido como neutral y relajado. El gris es usualmente utilizado en las tipografías, ya que su neutralidad se combina perfecto con el resto de los colores.

Psicología detras de los colores en los logos

Autoridad, mentalidad corporativa, opacidad, humildad, temperamental, respeto, sombrío y estable.

Logos en color blanco

Psicología detrás de los colores de los logos

El blanco es el color universal de la paz y la pureza. Y usualmente se encuentra en los logos como el espacio negativo o texto invertido.

Limpieza, inocencia, paz, pureza, refinado, estéril, simplicidad, rendición y confianza.

Via: Kabytes

fuente: logocritiques

The images & logos presented on this blog are copyrighted by their respective owners.





El porqué de los códigos cromaticos

25 08 2009

Entre los conocimientos escenciales y básicos para el diseño se encuentra las TEORIAS y SISTÉMAS CROMÁTICOS.

¿Alguna ves han elegido en su diseño un hermoso verde que al imprimise termina siendo un café? ó ¿Visto en pantalla un rojo escarlata que termina siendo un rosado al imprimirse? ó ¿viceversa?

Esto sucede debido a que nuestro lumínico monitor y la absorbente hoja de papel, expresan y usan sistemas de colores diferentes.

NO es lo mismo la emisión de luz que la reflectancia de la misma.

Para comezar definamos que los colores se denominan y dividen en sustractivos y aditivos;

Sístesis sustractiva: La mezcla de pinturas, tintes, tintas y colorantes naturales para crear colores que absorben ciertas longitudes de onda y reflejan otras. El color que parece que tiene un determinado objeto depende de qué partes del espectro electromagnético son reflejadas por él, o dicho a la inversa, qué partes del espectro no son absorbidas.

+ Para ello se usa el SISTEMA CMYK: (acrónimo de Cyan, Magenta, Yellow y Key) es un modelo de colores sustractivo que se utiliza en la impresión a colores.

Este modelo de 32 bits se basa en la mezcla de pigmentos de los siguientes colores para crear otros más:

La mezcla de colores CMY ideales es sustractiva (pues imprimir cyan, magenta y amarillo en fondo blanco resulta en el color negro). El modelo CMYK se basa en la absorción de la luz. El color que presenta un objeto corresponde a la parte de la luz que incide sobre este y que no es absorbida por el objeto.

Sintesis Sustractiva del color

Sintesis Sustractiva del color

Sitesis Sustractiva del color

Sitesis Sustractiva del color

Sińtesis Aditiva: implica que se emita luz directamente de una fuente de iluminación de algún tipo. El proceso de reproducción aditiva normalmente utiliza luz roja, verde y azul para producir el resto de colores. Combinando uno de estos colores primarios con otro en proporciones iguales produce los colores aditivos secundarios: cian, magenta y amarillo. Combinando los tres colores primarios de luz con las mismas intensidades, se produce el blanco. Variando la intensidad de cada luz de color finalmente deja ver el espectro completo de estas tres luces.

Las televisiones y los monitores de ordenador son las aplicaciones prácticas más comunes de la síntesis aditiva.

Sistesis aditiva del color

Sistesis aditiva del color

+ Para ello el sistema RGB y el HEXADECIMAL (Web Safe Colors o HTML)

Los colores web son exactamente lo mismo que el color en RGB. La única diferencia radica en la forma de referirnos a ellos para que los navegadores sepan interpretarlos.

Los colores web se definen por tres pares de dígitos. Cada par identifica un color básico: el primer par es el rojo, el siguiente par es el verde, y el último es el azul.

Igual que sucede con la paleta RGB, el color en web es aditivo. Eso quiere decir que el valor 0 (cero) para todos los colores da como resultado el negro, mientras que el valor más alto para los tres colores, 255, da como resultado el blanco. Todo lo contrario que en la cuatricromía (CMYK).

Entonces ¿por qué el blanco es FFFFFF y no 255-255-255? Sí que es 255-255-255, sólo que expresado en hexadecimal.

Cada dígito del par identifica un valor del 0 al 15. Como sólo tenemos un caracter para expresar ese rango de valores, a partir del 9 los demás valores se representan con una letra. De ese modo:

– De 0 a 9, sus propios valores.

– “A” vale 10

– “B” vale 11

– “C” vale 12

– “D” vale 13

– “E” vale 14

– “F” vale 15

Por tanto, “02″ vale 2 y “0A” vale 10 ¿pero como funciona el primer dígito del par? El primer dígito del par tiene exactamente los mismos valores, pero expresa múltiplos de 16. La suma de los valores de ambos dígitos nos proporciona todos los valores, del 0 al 255.

– “10″ en código de color para web equivale a 16 en decimal. (16×1)+0=16

– “11″ en código de color para web equivale a 17 en decimal. (16×1)+1=17

– “34″ en código de color para web equivale a 52 en decimal. (16×3)+4=52

– El valor 172 en RGB equivaldría a “AC” en web: “A” en el primer dígito vale 160 (16×10) y “C” en el segundo vale 12; 160+12=172.

– El blanco, “FFFFFF”, es “FF” para todos los colores. O sea 16×15 en el primer dígito = 240, más 15 en el segundo dígito. 140+15=255, el valor más alto en RGB.

los colores básicos son cuatro, y rara vez tres; para colmo, cuando son tres y aditivos, se calculan en una escala de 0 a 255, y no de 00 a FF.

Total, que por muy básico que sea el tema, tenía que exlicarselo a un cliente y me ha costado un rato de Photoshop encontrar el razonamiento que me permitiese comprender el proceso. En internet hay mucho código con el color que representa, pero ni palabra del por qué (o yo no he sabido encontrarlo).

Por si alguien está igual de intrigado que yo y quiere saber como funciona el tema, ahí voy:

Los colores web son exactamente lo mismo que el color en RGB. La única diferencia radica en la forma de referirnos a ellos para que los navegadores sepan interpretarlos.

Los colores web se definen por tres pares de dígitos. Cada par identifica un color básico: el primer par es el rojo, el siguiente par es el verde, y el último es el azul.

Igual que sucede con la paleta RGB, el color en web es aditivo. Eso quiere decir que el valor 0 (cero) para todos los colores da como resultado el negro, mientras que el valor más alto para los tres colores, 255, da como resultado el blanco. Todo lo contrario que en la cuatricromía.

Entonces ¿por qué el blanco es FFFFFF y no 255-255-255? Sí que es 255-255-255, sólo que expresado en hexadecimal.

Cada dígito del par identifica un valor del 0 al 15. Como sólo tenemos un caracter para expresar ese rango de valores, a partir del 9 los demás valores se representan con una letra. De ese modo:

– De 0 a 9, sus propios valores.

– “A” vale 10

– “B” vale 11

– “C” vale 12

– “D” vale 13

– “E” vale 14

– “F” vale 15

Por tanto, “02″ vale 2 y “0A” vale 10 ¿pero como funciona el primer dígito del par? El primer dígito del par tiene exactamente los mismos valores, pero expresa múltiplos de 16. La suma de los valores de ambos dígitos nos proporciona todos los valores, del 0 al 255.

– “10″ en código de color para web equivale a 16 en decimal. (16×1)+0=16

– “11″ en código de color para web equivale a 17 en decimal. (16×1)+1=17

– “34″ en código de color para web equivale a 52 en decimal. (16×3)+4=52

– El valor 172 en RGB equivaldría a “AC” en web: “A” en el primer dígito vale 160 (16×10) y “C” en el segundo vale 12; 160+12=172.

– El blanco, “FFFFFF”, es “FF” para todos los colores. O sea 16×15 en el primer dígito = 240, más 15 en el segundo dígito. 140+15=255, el valor más alto en RGB.

Colores HTML

Colores HTML

¿Confuso? ¿Fácil?

Si desean que siga ampliando resolviendo sus dudas no duden en postear.

Fuente e imágenes: Wikipedia








A %d blogueros les gusta esto: