Download - open codigo
introducción .....1
uso del manual .....2
terminología ....3
elementos básicos ....5
logo ....7
tipografía ....11
colores corporativos .....13
logotipo ....15
futuras lineas de diseño .....19
Un manual responde a la necesidad de asegurar la correcta aplicación de los elementos de la Identidad Visual Corporativa de una entidad. Se desarrolla tras un programa de diseño estudiado y planificado, para traducir la personalidad de la empresa, dotándola de una imagen visual propia y bien diferenciada.
Con el adecuado uso de los elementos de este manual se logrará preservar la identidad visual de la Institución y aumentar el grado de recordación simbólica de cada uno de sus elementos. Los casos especiales o que ofrezcan dudas, deberán ser consultados directamente con el autor del manual. El uso adecuado del logotipo en todas las piezas de comunicación es fundamental para crear una imagen fuerte y duradera.
introducción
1
El Manual de Identidad Visual Corporativa constituye un instrumento de consulta y trabajo para todas aquellas personas responsables de la utilización correcta de los símbolos de la empresa “Open Código”.
Este manual proporciona información de la identidad visual global de “Open Código”, por lo que se sugiere leer detalladamente todo el contenido del manual y seguir cada una de las indicaciones que se describen en los apartados de interés.
Para su fiel cumplimiento se sugiere incluir en todos los medios de difusión de la empresa y en distintos formatos de imagen o representación gráfica, todos los elementos descritos en este manual y sus variaciones de uso. El uso correcto de los símbolos incluidos en este manual está bajo la supervisión del autor de este mismo.
uso del manual
2
terminologiaConjunto de normas que regulan el uso y aplicación de la identidad en el plano de diseño. Documento en el que se diseñan las líneas maestras de la imagen de la Institución. Se definen las normas que se deben seguir para imprimir el logotipo en los diferentes soportes internos y externos de la Universidad, en especial aquellos que se mostrarán al público. El manual describe los signos gráficos escogidos por nuestra casa de estudios para mostrar su imagen así como todas sus posibles variaciones: forma, color, tamaño, etc. Se explica su forma, oportunidad y lugar de utilización mediante la inclusión de ejemplos gráficos. El manual de identidad es por tanto, un documento normativo que debe guiar las actuaciones de la Institución en materia de identidad corporativa. Pero, sobre todo, es un manual de consulta al que se debe acudir para conocer las posibilidades gráficas de la imagen visual de la Universidad.
manual de identidad visual corporativa:
imagen institucional: La percepción que una determinada persona o un colectivo tienen de una institución. Es la imagen mental ligada a lo que ella representa.
identidad institucional: El conjunto de características específicas y personales de una entidad, las cuales crean una forma perceptible y memorable de si misma y la diferencian de las demás entidades. El término identidad institucional, por el que entendemos su carácter específico, implica todo lo que una institución representa: sus desarrollos, su comunicación, sus inmuebles, etc.
logo: Es el elemento visual de la identidad corporativa. Es un conjunto de elementos gráficos, de líneas, figuras geométricas y colores que hacen que la imagen pictográfica de la entidad sea única y memorable para el público.
3
logotipo: Es el conjunto de logo y nombre que le sirve a una entidad a un grupo de personas para representarse. Es parte de la identidad visual de una institución que combina la parte gráfica y la parte tipográfica. La funcionalidad de un logotipo radica en su capacidad para comunicar el mensaje que se quiere, y para lograrlo se requiere el uso de colores y formas que contribuyan a su interpretación. Un logotipo se convierte en una estructura gráfica organizada con criterio semiótico que busca transmitir unsignificado.
tipografía corporativa: Tipo de fuente o letra que se utiliza de forma vinculante para escribir los textos relacionados con la imagen institucional. La normalización de la tipografía es un factor adicional en todo programa de identidad visual. Busca conferir unidad y armonía en todas las presentaciones.
sello: La parte formal del sello se encuentra en las figuras, símbolos y leyendas o inscripciones. Consta por lo mismo de dos elementos íntimamente unidos: el tipo y la leyenda, correspondiéndose y complementándose uno al otro. El tipo ocupa el centro o campo del sello y la leyenda se coloca por lo general alrededor del mismo.
colores corporativos: Son los colores determinados por la institución que van a representarlos. Son colores planos ubicados dentro de un registro de color, como PANTONE. Por lo general estos colores son los únicos permitidos por la empresa para ser utilizados en cualquier elemento de promoción: papelería, señalización, publicaciones, uniformes, material POP, etc.
4
logo
El logo de “open código” se crea a partir de varias primicias; las bases para desarrollar fueron: un logo circular con las iniciales de la empresa “OC” y una libre opción de colores.
La morfología se desarrolla a través de categorizar las iniciales OC; tomando jerarquía en tamaño la “O” por ser la que define la estructura del nombre y dotando de carácter a la “C” complementar retóricamente el significado. Es por esto que se propone como logotipo la unión de las iniciales como un elemento infinito y continuo, aunque a su vez se desfragmenta para enunciar el significado completo.
A continuación se explica el desarrollo iconográfico para su mejor comprensión y a su vez se estructuran algunas recomendaciones de uso del logo, recordando la flexibilidad que se puedan presentar en el diseño de objetos específicos, se recomienda seguir lo mas apegado a este manual las opciones de utilidad del logo o consultar con el autor de este manual.
ejercicios morfológicos
7
Concepto: Circular, Infinito Retorica: Abierto, Apertura, “Open” Intención: Sustracción, Negativo
Categoría: Ordenar, Jerarquía Definición: Limites Difusos, Enmarcar
desarrollo iconografico
Construcción Gráfica
X X X X
X
X
X
8
area de reserva y reducciones
fondos de seguridad
X
X
X
X
X
X
X
X
La reducción del logo e s t á l i m i t a d a . S u s proporciones no deben ser menores a 1" de ancho por 0,75" de alto sin área de reserva; contemplando el á r e a d e r e s e r v a l a reducción esta limitada a 2" de ancho por 1,25" de ancho, según las normas de construcción gráfica.
2 pulgadas
1.25"
Panta l la completa a l cent ro respetando logo y restricciones.
Esquina inferior derecha proporción al 50% respetando restricciones.
Multiplicado en pantalla proporción 25% respetando restricciones.
9
variaciones autorizadas
variaciones NO autorizadas
una tinta escala de grises colores planos 75% de logo (l-r) transparencia al 50%
negativo (escala de grises) color de fondo transparencia sobre fondo transparencia sobre imagen color sobre imagen
aplanar alargar girar en perspectiva contornos
con degradados combinación de colores efecto espejo o sombras sin contraste entramados
10
tipografía
El nombre se crea escribiendo “open código” en minúsculas totales con acento y con la tipografía century gothic. Dividiendo el nombre en dos:
“open”: escrita en negrita con un tamaño de fuente en proporción Y5; se sugiere esta sea escrita en color o en caso de monocromático o escala de grises, que sea la palabra con mas contraste.
“código”: escrita en regular con un tamaño de fuente en proporción Y4; sugiriendo para esta palabra ser el elemento con menos contraste de preferencia negro 100%.
Según el formato de fuente y párrafo, el espacio entre caracteres regular y el espacio entre palabras 100%. Tomando en cuenta la altura del nombre, se le dio el valor a la “X” en la construcción gráfica del logotipo que a continuación se explica.
La tipografía seleccionada para la imagen de “open código” no debe ser elegida por similitud de rasgos, sino que debecorresponder con lo pautado. Las fuentes recomendadas pararedacciones y demás textos como títulos y subtítulos es la “century gothic (cg)” con sus variantes, de preferencia regular y negrita; mientras que la fuente recomendada para direcciones, nombres, formularios, contenido, etc., es la misma “arial” con sus variantes: , negrita, cursiva y negrita cursiva, según sea necesario.
open código
titulosubtitulo
Contenido
Firma
Nombre
“open” en minúsculas, negrita, en un tamaño Y5, ej.
50pt
total “código” en minúsculas, regular, en un tamaño Y4,
ej. 40pt
total
“titulo” cg en negrita, minúsculas y de preferencia color plano
redacción
nombre - titulos
“subtitulo” cg en negrita minúsculas y de preferencia negro
“contenido” arial regular, texto corrido tipo oración y de preferencia
color negro
“elementos variables en contenido” arial regular o negrita, texto tipo
oración y de preferencia escala de grises
11
tipografia primaria
tipografia secundaria
ari
al
ce
ntu
ry g
oth
ic
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! ¡ ? ¿
regular
negrita
cursiva
negritacursiva
regular
negrita
cursiva
negritacursiva
12
colores corporativos
Una parte esencial de toda identidad visual está definida por sus colores corporativos. Se trata de los códigos cromáticos que han de ser asociados automáticamente a la imagen de “open código” con su uso cotidiano.
Por ello es fundamental que se reproduzcan con fidelidad, evitando variaciones que puedan contribuir a la confusión y dispersión de la imagen de la empresa.
construcción del color y recomendaciones
Los colores de la “marca”, son un distintivo de vitalidad, energía, categoría y actualidad de la empresa. De ninguna manera, estos colores pueden cambiar, pues pondrían en entredicho los valores de la empresa.
Se podrán nombrar los colores de la siguiente manera según correspondan: verde “open”, negro, blanco, negro 40 y negro 70 para identificarlos y evitar confusiones.
El uso primario de la paleta de colores corporativa “open” se debe usar en full color con fondo blanco. Las otras opciones presentadas se pueden usar según las necesidades de impresión o presentación en fondos definidos por el autor de esta manual.
13
color primario
c 40m 0y 100k 0
r 168b 207g 69
c 0m 0y 0k 100
r 55b 52g 53
monocromático
c 0m 0y 0k 100
r 55b 52g 53
c 0m 0y 0k 0
r 254b 254g 254
c 0m 0y 0k 40
r 169b 171g 174
c 0m 0y 0k 70
r 114b 115g 118
escala de grises
14
logotipo
Es la representación de la identidad visual de una institución que combina la parte gráfica (logo) y la parte tipográfica (nombre).
Es el conjunto de logo y nombre que le sirve a una entidad a un grupo de personas para representarse. Es parte de la identidad visual de una institución que combina la parte gráfica y la parte tipográfica.
La funcionalidad de un logotipo radica en su capacidad para comunicar el mensaje que se quiere, y para lograrlo se requiere el uso de colores y formas que contribuyan a su interpretación. Un logotipo se convierte en una estructura gráfica organizada con criterio semiótico que busca transmitir un significado.
15
construcción gráfica
X X X X
X
X
X open código
X X X X X X X X
4X
3X
X open código
7X+ =Proporción visual alcanzada 12x3 X = 1:3
Esta proporción esta basada en standards de estét ica universal (proporción áurea) para lograr una composición armónica visualmente.
16
area de reserva y reducciones
estructuras alternativas y abreviación
La reducción del logotipo es de proporciones 3" de ancho por 1.07" de alto, según las normas de construcción gráfica.
X
open códigoX
X
X
X
X
X
X
open código
3 pulgadas
1.07"
o cód
La construcción gráfica para la abreviación del “nombre” sera de la siguiente manera: con la t ipografía establecida recortando el nombre “open código” a “o cod”. La construcción de logotipo por este medio solo sera usado con la estructura alternativa (arriba logo - abajo tipografía).
open código
open código
Según las características formales del logotipo se recomiendan solo dos tipos de estructuras:
estructura tradicional, según la construcción gráfica del logotipo de forma natural.e s t r u c t u r a v e r t i c a l (a l ternat iva) , e l logo permanece y la tipografía se coloca en la parte inferior de este.
17
variaciones autorizadas
variaciones NO autorizadas
open código open código open códigouna tinta escala de grises colores planos
open código
open código
open código
open código
transparencia al 50% negativo (escala de grises) color de fondo
transparencia sobre fondo transparencia sobre imagen color sobre imagen
open código
open código
open códigoseparar el nombre del logo descentrar el logo adaptar el nombre al logo
adaptar el logo al nombre rotar rotar elementos
rotar elementos perspectiva contornos no autorizados
open códigoopen código
open código
open código
open códigoopen código
open código
18
futuras lineas de diseño
Este manual esta diseñado para desarrollar un concepto integral de marca por lo que se recomienda seguir en la búsqueda del diseño de las siguientes identidades visuales:
fondos
sellos
papelería
tarjetas de presentación
uniformes
publicaciones
publicidad
señalización interna
carteles de información
transporte
medios virtuales
diseño arquitectónico
19