Identidad visual

Objetivos del taller

• Conceptualizar los diferentes elementos de la identidad visual del proyecto de módulo.
• Generar documento de identidad visual para el proyecto.

​

Producto:  Documento de identidad visual

(brief, nombre, colores, logotipo, imagotipo/isotipo)

La identidad del sujeto institucional constituye un sistema de mensajes complejo que puede manifestarse en todos y cada uno de los componentes de la institución, desde los creados y utilizados específicamente para identificarla, hasta aquellos elementos no esencialmente sígnicos, pero que connotan rasgos y valores de la entidad.​

La identidad visual es el conjunto de manifestaciones

físicas que identifican a la entidad.

Incluye el logotipo, imagotipo, colores corporativos, tipografía principal y secundaria, los tamaños de reducción, aplicaciones, etc.

No responde a gustos, si no a unos objetivos, público...

Coherencia, reconocimiento, diferenciación, refleja valores y personalidad

Identificación: una serie de atributos que definen “qué” y “cómo” es la institución

Denominación: codificación de la identidad asociada a un nombre que permita decir “quién” es esa institución

La identidad es esencialmente un asunto de retórica (discurso) y sólo secundariamente una cuestión semántica (significado).

La identificación es personalización: una cuestión de “estilo propio” más allá de la ingenuidad descriptiva y la modernización formal o la originalidad.

Manual de Identidad institucional UdeA

1. Definir RASGOS, VALORES y tono

Para empezar a definir la identidad del proyecto desarrollaremos el brief del proyecto en una cuartilla para delimitar, objetivos, público, referentes y valores.

1. ¿Cómo describirían el proyecto? ¿Qué lo caracteriza?
2. ¿Cuál es la intencionalidad/objetivo del proyecto? Esto da una idea más cercana a lo que se busca.
3. ¿Quién es el target o público ideal? ¿Qué lo motiva?
4. Enlistar los principales referentes del proyecto. ¿Quiénes son y qué los diferencia?
5. Escoger de 3 a 5 adjetivos que describan mejor la personalidad del proyecto, esto definirá el rumbo del diseño. Por ejemplo, cálido, fraternal, amigable.
6. ¿Cuál es la percepción que se desea del proyecto? Qué queremos que diga la gente

Brief del proyecto

Nombre /naming

Descriptivo

Enunciación sintética de los atributos de identidad de institución.

• Banco Interamericano de Desarrollo
• Museo Español de Arte Contemporáneo
• Google Classroom 
• Cam Scanner

Simbólico

Alusión a la institución mediante una imagen literaria

• Visa [reconocible en muchos idiomas y que denota aceptación universal]
• Pelikan [basado en el escudo de la familia del fundador]
• Nestlé [“pequeño nido de pájaro” en suizo-alemán, idea del cuidado materno]
• Samsung [“tres estrellas” en coreano, algo grande y poderoso]
• Windows
• Apple
• Whatsapp

Patronímico

Alusión a la institución mediante el nombre propio de una personalidad clave de la misma

• Lacoste
• Rockefeller Foundation
• Johnson y Johnson
• Mercedes Benz
• Nestlé

Toponímico

Alusión al lugar de origen o área de influencia de la institución

• Bancolombia
• Europalia
• Carribbean
• British Museum

Contracción

Construcción artificial mediante iniciales, fragmentos de palabras, etc.

• IBM [International Business Machines Corporation]
• LG [Lucky Goldstar]
• HTC [High Tech Computer Corporation]
• ZTE [Zhong Xing Telecommunication Equipment Company Limited]

2. Definir el NOMBRE DEL PROYECTO

• Generar un nombre de cada tipología (descriptivo, simbólico, patronímico, toponímico, contracción) para el proyecto 
• Seleccionar el nombre que consideren más apropiado para el proyecto

Color

• Cada color evoca estados de animo específicos
• Los colores correctos crean el estado de ánimo y atmósfera adecuados
• Cada cultura percibe los colores de manera diferente

Esquemas de color

Rojo

• Poder, importancia, juventud
• Estimulante y energizante
• Es el color que más atraerá la atención

https://edition.cnn.com/

Naranja

• Amistad, energía, unicidad
• El más silencioso de los colores cálidos
• Vinculante y energizante
• Crea sensación de movimiento y energía

https://www.fanta.com/

Amarillo

• Felicidad, entusiamo, antiguedad
• Versátil, depende del tono
• Brillante: energético
• Medio: comodidad, vigorizante
• Oscuro: antiguedad

http://www.diarioadn.co/

Verde

• Crecimiento, estabilidad, temas financieros, temas ambientales
• Puente entre colores cálidos y fríos
• Crea una atmósfera balanceada y estable

http://portfolio.ervinandsmith.com/tda-thinkorswim-sharing/

Azul

• Calma, seguridad, apertura, confiabilidad
• Tonos claros: más amigables
• Tonos oscuros: más sombríos

http://www.vanvlietandtrap.com/#/

Morado

• Lujo, romance, misterio
• Fastuosidad y riqueza
• Romántico

https://www.cadbury.co.uk/

Negro

• Poder, sofisticación, nerviosismo
• El más poderos de los colores neutrales
• Existe en casi todos los diseños web

Blanco

• Limpieza, virtud, simplicidad
• El color que menos captura la atención
• Acentúa otros colores en la página

http://www.mzkmzk.com/

Gris

• Neutralidad, formalidad, melancolía
• Su ventaja radica en las variaciones de tono

https://www.awwwards.com/

Beige

• Rasgos de colores circundantes

http://www.dishoom.com/

3. Definir cOLORES

Seleccionar el color o los colores que expresen mejor la personalidad e intención del proyecto y generar un esquema de color aclarando a cuál es el color principal y cuáles los secundarios.

https://color.adobe.com/es/create

https://coolors.co/

Logotipo

A la capacidad identificadora del nombre como signo puramente verbal, su versión visual  - básicamente gráfica - agrega nuevas capas de significación. Esas capaz refuerzan la individualidad del nombre al incorporar atributos de la identidad institucional.

Aparte de su obvia función verbal, la tipografía posee una dimensión semiótica no-verbal, icónica , que incorpora por connotación significados complementarios al propio nombre.

La opción tipográfica adecuada permite explotar esa “segunda capa” de significaciones como un plus semántico enriquecedor de las funciones identificadoras del logotipo.

En el plano estrictamente formal, el campo de selección incluye todas las familias tipográficas y sus posibles combinaciones y manipulaciones, las transgresiones de las normas de graficación, las “incrustaciones” de iconos, formas ambiguas icono-tipográficas, etc.

A estas variaciones se agregan las correspondientes al plano cromático y textural, lo que hace que - pese a las limitaciones impuestas por el propio código de la escritura - las variaciones posibles sean prácticamente infinitas.

4. Definir tIPOGRAFÍAS Y LOGOTIPO

• Seleccionar tipografía principal y secundaria del proyecto, según el tono deseado.
• De considerarlo necesario generar modificaciones y manipulaciones de la tipografía para expandir las significaciones del logotipo.

“Psico Typo: Psicología de la Tipografía” por Jessica Aharonov

https://fonts.google.com/​

Isotipo/Imagotipo

Se trata de imágenes estables y muy pregnantes que permiten una identificación que no requiera la lectura, en el sentido estrictamente verbal del termino.

Fuente: La imagen corporativa: Teoría y práctica de la identificación institucional. Por Norberto Chaves.

Su único requisito genérico es su memorabilidad y capacidad de diferenciación respecto del resto.

Estas imágenes pueden adoptar características muy diversas:

• Monogramas formados por una o varias letras para configurar un símbolo
• Anagramas o deformaciones personalizadoras del logotipo
• Iconos o reproducciones más o menos realistas de hechos reconocibles
• Mascotas o figuras características de personajes u objetos
• Figuras abstractas
• Composiciones arbitrarias sin significación o referencias explícitas,

El universo de los imagotipos presenta una compleja casuística que puede ordenarse conforme a tres grandes ejes:

• Motivación/arbitrariedad

• Abstracción/figuración

• Ocurrencia/recurrencia

Motivación/arbitrariedad

El signo visual puede observar plena, cierta o nula relación con nociones o hechos asociados con la institución a la cual identifica.

Relación plena

• Simbolización mixta (verbal e icónica)

• En una sola operación compositiva, hace referencia al campo de acción de la empresa, al nombre, y a sus valores.

• "People+places+love+A" https://www.youtube.com/watch?v=nMITXMrrVQU

• Representa la inicial  "A" mayúscula, al tiempo que hace alusión al marcador de un mapa, la abstracción de una persona con los brazos abiertos y un corazón invertido.

Airbnb. USA. 2014

Plataforma de alojamiento

Relación media

Carrefour. Francia. 2009

Multinacional de distribución

• Simbolización mixta que hace referencia al origen de la empresa y al nombre.
• Carrefour traduce "cruce de caminos" y señala el lugar donde se creo la primera tienda.
• Forma con el espacio negativo la letra "C" mayúscula inicial del nombre.
• Presenta los colores de la bandera de Francia invertidos
• Polisemia del signo neutraliza su arbitrariedad, aumentando su fuerza identificadora

Relación nula

• Símbolo icónico arbitrario.
• No existe vínculo evidente entre el símbolo y la empresa o su sector.
• El criterio de simbolización se apoya en efectos de connotación muy sutiles y distantes.
• "Es una metáfora del atractivo de la cafeína, las sirenas que atraían a los marineros hacia las rocas"
• La eficacia identificadora se produce por la pregnancia de la forma y de la idea que transmite el símbolo.

Starbucks. USA. 2009

Cadena internacional de Café

Abstracción/figuración

Esto implica que la relación entre el imagotipo y la idea o noción a que remite (esté o no asociada a la institución) puede oscilar desde un lazo puramente convencional (símbolo) hasta la referencia más realista (icono).

• Simbolización mediante iconos muy abstraidos, casi pictogramas.
• Conceptos sugeridos por la forma y el tratamiento.

Nouveau Theatre de Montreuil. Francia. 2007

Arte y cultura

Laverne. USA. 1967

Diseño de Interiores

Tietoa Finland Ltd. Finlandia. 2008

Ingeniería y arquitectura

• Construidos por síntesis de la siglas

• Referencialidad por vía verbal e icónica

• Naturalización eficaz del símbolo, es decir, parece  la forma más lógica y directa de expresar el concepto

Acciones y Valores. México. 1979

Corredores de bolsa

Conrad Bailey. USA. 1966

Fotografía

Allgood. China.2012

Supermercado

Inversion Morzine. Reino Unido.2012

Ski y snowboarding

Fjällräven.*(Zorro ártico)

Suecia. 1974

Accesorios y ropa

• Iconicidad fuertemente codificada

• Elementos que se confirman internacionalmente como símbolo “lógico” cuasi verbales (libro, flama, panda, zorro)

• Carácter ideográfico acentuado por el tratamiento abstracto de la forma

Boagaz.

Suiza. 2007

Tuberías para gas

World Wildlife Fund. Suiza. 1986-2000

Conservación del medio ambiente

Salt Lake City Public Library​. USA. 2001

Biblioteca

Ocurrencia/recurrencia

Opone la máxima recurrencia o tipicidad a la máxima ocurrencia u originalidad. Se trata del grado de innovación en el criterio general y/o en el diseño visual concreto del imagotipo respecto de los códigos o convenciones vigentes.

Ocurrencia

Recurrencia

Ejemplos de imagotipo de bancos

Deutsche Bank

Alemania. 1973

First Bank

USA. 1966

Kantonbank Appenzell

Austria. 1977

Long-Term Credit Bank of Japan

Japón. 1986

Banco do Estado de Minas Gerais

Brasil. 1968

Washington Mutual

USA. 1968

• Nombre, logotipo e imagotipo constituyen un sistema en que los significados parciales de los tres se entrelazan para aludir sintéticamente la identidad de la institución.

• Estos elementos pueden denotar - por vía verbal, tipográfica e icónica-  la misma noción, en cuyo caso generarán el grado más alto de redundancia.

• Tambien se puede decidir aportar tres referencia distintas, con lo cual el mensaje total surgirá por articulación de tres mensajes parciales distintos.

5. Definir iMAGOTIPO/isOTIPO

• Revisar qué referentes visuales e imágenes que puedan servir para representar cada proyecto.
• Elaborar la propuesta de dos imagotipos, usando estrategias de simbolización diferentes para identificar el proyecto.

http://www.logobook.com/

https://bit.ly/logos_modificados