Los hombres ven en 16 colores, las mujeres en 32 bits

6 04 2010

Lo sabía! Si acaso algunos compañeros Diseñadores memorizamos códigos Pantone o Hexadecimales en la vida cotidiana jamás manejamos una terminología y gana cromática superior a 6 colores (Máximo) y siempre me había sorprendido de la cantidad de “nombres raros” con los que mis amigas describen un color.

El color según hombres y mujeres

Me sentía un raro por no comprender cuando me hablaban de el color “Castaño”, “Melón” ,”salmón”, “Champaña”… en fin cargare con este gráfico y consultare en Él cuando este en alguna charla… será un nuevo Pantone social! Yo aparte de simple, soy daltónico!

Via: Vitamina CE

Anuncios




Qué es la identidad corporativa y sus elementos

19 10 2009

Imagen corporativa:
La identidad corporativa es la identidad visual y física (concreta) con la que identificarás, posicionarás e identificaras  tu marca/empresa/compañía, es la imagen que dará el aspecto mediático de tu organización, y es el impacto directo y portavoz que le darás a tus clientes, mercado y competencia.

Es lo que (inicialmente) conocemos como logotipo, logo, isotipo, etc. Éste es solamente una parte de los componentes de la identidad de tu empresa,  juega el papel de impacto visual primario, pero los factores  que lo envuelven y aplicaciones del mismo son tan importantes como el logotipo mismo.

Las partes y complementos para lograr esta UNIFICACIÓN VISUAL,  tienen como finalidad concreta la identificación y posicionamiento.

Los componentes de la identidad corporativa:
1. La tipografía
2. El color o colores
3. Imagen o símbolo
4. Slogan (Elemento agregado)

Soportes o Aplicaciones: Son todos aquellos  soportes y elementos, físicos y digitales, en los cuales se plasmará la imagen corporativa.
Estos soportes de la identidad corporativa son, básicamente toda la papelería que incluyas para manejo de tu oficina ( interna y externa),  publicidad y mercadotecnia donde se exponga, tanto en medios impresos como digitales.

Es correcto ADECUAR estos elemento dependiendo del medio al cual se apliquen, pero de ninguna manera puede haber variantes en los mismo, deben homolgarse y seguir rigurosamente las reglas a seguir con ello, un logotipo, la gama cromática NO DEBEN cambiarse, solo adecuarse al soporte, es inaceptable cambiar el color, el uso de la tipografías, ubicaciones, dimensiones orden, jerarquía etc,  es necesario seguir al pie de la letra el MANUAL DE IDENTIDAD CORPORATIVA (en futuros Posts hablaremos en concreto de su elaboración y contenido). Cualquier cambio sin justificación, sustitución o falta a estas reglas creará una sensación de inestabilidad y desbalance en la marca lo cuál siempre sera un aspecto negativo que nadie desea, y además estéticamente haremos un desastre de algo que tiene como uno de sus principales finalidades  el orden, integración  e unificación.

La Identidad Corporativa hace referencia al concepto estratégico para posicionar a una empresa. Exige identificar y definir los rasgos de identidad, integrarlos y conducirlos a la estrategia establecida de manera congruente. Esta identidad se transmite mediante cualquier acto comunicacional de la empresa.

Por eso tener una estrategia definida, permite aumentar las garantías de que la identidad de la organización sea percibida de forma más precisa, en menos tiempo y con menor inversión económica.
Las metas antedichas pueden ser alcanzadas solamente si la identidad corporativa se convierte en el principio de guía para todas las actividades de la empresa. Considerado de este ángulo, la identidad se refiere no solamente a una carpeta o a los folletos, si no que implica una relación armoniosa entre todas las actividades comunicacionales. Todo lo que la empresa hace, dice y comunica amplía su identidad, consolidándola o debilitándola.

La Identidad Visual es un componente de la Identidad Corporativa, pero no el único: la identidad de una empresa abarca más que su dimensión visual.La Identidadd Corporativa se compone de gran cantidad de características que necesitan ser clarificadas y estructuradas, incluyendo la orientación, la filosofía y la comunicación.

Solo un análisis estructurado, y bien definido puede conducir a una clarificación de la personalidad corporativa y a la diferenciación clara de la competencia. Un programa de identidad corporativa es sobre todo una herramienta de gerencia, que puede ayudar a identificar y a manejar sistemáticamente las estructuras, los temas y la personalidad de una empresa.

Por esta razón todas las divisiones de una empresa deben reflejar valores y objetivos comunes. Esto se aplica especialmente a la calidad y al diseño de productos y servicios, la arquitectura de los edificios de compañía, del contenido y del diseño formal de los medios de comunicación, así como las acciones internas y externas de la empresa. Cada departamento o división es parte de un conjunto y afecta las otras piezas, puesto que la empresa se comunica a través de todo que lo hace o no hace, las veinticuatro horas del día  buscado que esta imagen sea perenne.





Logo mashups

28 08 2009

Navegando por la red encuentro en MARIOAV este interesantísimo ejercicio de mashup en logotipos, los cuales tenemos más que identificados en nuestro inconciente colectivo-consumista-mediático.

Perfecto ejemplo de la efectividad de un logotipo, que al ser sacado de contexto y ser mezclado con una marca diferente  causa asombro y mucha gracia.

Logo Mashups

Logo Mashups

¿Que les parecen este tipo de ejercicios y juegos gráficos?

Visiten el sitio original para ver y deleitarse con mas ejemplos.

Via: MarioAV





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





Color Scheme Designer, generador de paletas de colores online

20 08 2009

Color Scheme Designer es una excelente herramienta que nos permite crear paletas de colores para diseñar nuestro sitio web, crear logos, o elegir alguna buena combinación de colores para cualquier tipo de diseño.

CSD es muy sencillo y fácil de usar, dentro de un circulo movemos un punto en el color deseado y se va mostrando la paleta a la derecha. Se pueden usar 6 variaciones de paleta (monocromático, analógico, complementario, etc.), además de elegir parametros secundarios, como brillo, saturación y balance entre “luces y sombras”.

 Generador de paletas de colores online

Generador de paletas de colores online

No requiere registro y podemos descargar la paleta final en varios formatos, desde HTML+CSS hasta el formato de paleta de Photoshop o Gimp.

http://colorschemedesigner.com/








A %d blogueros les gusta esto: