Manual de
Identidad Grรกfica
Índice 1. Introducción 2.Elementos de la identidad gráfica Imagotipo versiones tonales y matices gama cromática tipografía área de protección I.G. vertical y horizontal Usos no autorizados
3. Papeleria 4. Web 5.Storyboard (motion graphics)
1
Introducción
El manual de identidad visual corporativa de es un documento que recoge los elementos gráficos y sus normas de aplicación con el fin de servir de herramienta eficaz para controlar todos aquellos aspectos que garantizan la coherencia en la identidad visual . Es la estructura básica sobre la cual se comunica y presenta la información visual atendiendo a parámetros previamente establecidos y que tienen como fin el dar claridad, solidez y carácter propio o “Identificativo” a la comunicación gráfica de .
Cynthya Hernández
Diseñadora en comunicación visual
2
Elementos de la I.G. Identidad gráfica (tamaño original)
4 cm
tamaño mínimo
Al usar el imagotipo en diferentes aplicaciones, al establecer un tamaño mínimo se garantiza la legibilidad y comprensión del mismo.
180 mm 140mm
3
Imagotipo La I.G. se compone de dos elementos: la imagen que es la mancha y el texto, la imagen se encuentra en el área superior y el texto en la inferior. El símbolo visual de identidad pone el acento en determinados aspectos que pertenecen a la personalidad de la empresa. En algunos casos la imagen puede funcionar también de forma aislada (como isotipo) ya que la imagen sirve para reforzar la identificación de la persona, persiguiendo la fácil memorización y diferenciación por parte de los posibles clientes.
imágen
tipografía *En toda aplicacion del imagotipo se deben respetar las proporciones, colores y la distribución de sus elementos. **El uso aislado de la imagen solo se puede usar bajo ciertas excepciones y/o criterios y solo bajo mi autorización.
4
Versiones
tonales y matices
A continuacion se indican las posibilidades de aplicación de la marca en grises, negro, tinta azul, a color y calado sobre fondo.
Cuando no se pueda aplicar el logotipo en sus colores originales, ya sea por cuestiones de presupuesto o por necesidades particulares, se podrá implementar el uso de una sola tinta o tinta negra, así como blanco sobre fondo magenta pantone 213 EC. También se puede usar blanco calado sobre una fotografía, siempre y cuando el fondo no compita con el imagotipo.
5
Colores Colores dominantes: Los colores dominantes son el magenta y el negro.Los mismos dominaran en las composiciones de la comunicación visual. Colores subordinados: Èstos son el morado , azul y verde. CMYK
pantone 213 ec
pantone process black ec
pantone 676 ec
pantone 381 EC
pantone 3125 EC
RGB
WEB
ESCALA DE GRISES
C= 0 M=92 Y=18 K=0
R= 238 G=54 B=128
C= 0 M=0 Y=0 K=100
R= 35 G=31 B=32
#000000
C= 35 M=100 Y=35 K=10
R= 159 G=31 B=99
#993366
C= 30 M=0 Y=95 K=0
R= 158 G=0 B=93
#CCCC33
K=20
C= 85 M=0 Y=18 K=0
R= 0 G=180 B=209
#00CCCC
K=27
#FF3399
K=50
K=90
K=80
6
Tipografía tipografía primaria: y2k neophyte Es la tipografia que forma la palabra cyn, no presenta variables. Se puede utilizar en títulos o al comenzar palabras, por su buena legibilidad. tipografía secundaria: zero twos Se puede utilizar solo en pequeñas frases dada la baja legibilidad de la misma . tipografía alternativa: Helvetica Usada para textos y/o datos ya que presenta una excelente legibilidad y variables tipográficas.
pantone 213 . ec
pantone process black ec
pantone 676 ec
y2k neophyte 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 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 0 ! " $ % & / ( ) = ? ' + ^ ` [ ] { } Ç - _ . , : ;
zero twos abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890 ! ” $ % & / ( ) = ? ¿ + ` Ç ´ - . , *¨ _ : ; < > ¡ Helvetica abcdefghijklmnopqrstuvwxyz AB C D E F G H I J K LM N Ñ O P Q R S T U V W X Y Z 1234567890 ! ” $ % & / ( ) = ? ¿ + ` Ç ´ - . , *¨ _ : ; < > ¡ Helvetica Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890 ! ” $ % & / ( ) = ? ¿ + ` Ç ´ - . , *¨ _ : ; < > ¡ Helvetica Oblique abcdefghijklmnopqrstuvwxyz AB C D E F G H I J K LM N Ñ O P Q R S T U V W X Y Z 1234567890 ! ” $ % & / ( ) = ? ¿ + ` Ç ´ - . , *¨ _ : ; < > ¡
7
Área de protección Es el límite mínimo imaginario del rectangulo que encierra la marca, y dentro del cual no se podrá insertar ninguna información adicional a los componentes de la misma. 3x
X X
3x
3x
3x
8
Imagotipo vertical
Imagotipo horizontal
9
Usos incorrectos
NO se debe cambiar el tamaño del imagotipo sin tomar en cuenta la proporción
NO se debe cambiar el tamaño de la imagen con respecto a la tipografía y/o a la inversa
NO se deben alterar los colores.
prohibido rotar el imagotipo.
prohibido flipear la imagen.
La palabra design NO debe cambiar de tamaño.
NO se deben sobreponer los elementos NO se debe cambiar la distancia entre los elementos. NO se debe cambiar la tipografía establecida.
10
Papelería
hoja membretada medidas: 21.5 x 28cm restricciones de uso: uso exclusivo para oficinas
Tlalcoligia #71 Col. Tlalcoligia, Tlalpan 14430, México D.F. 55133888 chicablackitty@hotmail.com
sobre medidas: 24 x 10.5 cm uso: exclusivo para oficinas
Tlalcoligia 71 Col. Tlalcoligia, Tlalpan 14430, México D.F. 55133888
chicablackitty@hotmail.com
Cynthya Hernández Ojeda Diseño y comunicación visual
Tlalcoligia 71 Col.Tlalcoligia Tlalpan 14430 México D.F. móvil:55 13 96 91 16 e-mail: chicablackitty@hotmail.com
tarjeta medidas: 9 x 5cm uso: exclusivo para oficinas
11
Sticker para CD medidas: 11.5 diametro uso: exclusivo para oficinas
sobre para CD medidas: 14 x 12.5 cm uso: exclusivo para oficinas
c
tty
cki
bla
a hic
m
co
ail.
tm
o @h
folder medidas: 22 x 28 cm uso: exclusivo para oficinas
chicabla
ckitty@
hotmail.c
om
l.com
hotmai
ckitty@
chicabla
12
Pรกgina web
Para la pรกgina web solo se podrรกn emplear los colores y variaciones de opacidad de los mismos acordados en este manual. De igual forma aplica para los botones, los cuales deberan tener bordes redondeados. La pรกgina deberรก ser de fondo blanco para una mejor legibilidad y limpieza.
chicabla
ckitty@
hotmail.c
om
13
Storyboard (motion graphics)
Close up cae una gota
cambio de posici贸n de c谩mara a un plano general toma en picada la gota cae a una superficie
plano general toma en picada se forma una mancha
Plano general toma en picada a la mancha le brota un ojo
Plano general toma en picada a la mancha le brota el otro ojo y parpadea.
chicabla
ckitty@
hotmail.c
om
14
Storyboard (motion graphics)
Plano general toma en picada aparece el brillo de la mancha
Plano general toma en picada comienza a aparecer la tipografía en un 20% de transparencia.
Plano general toma en picada comienza a aparecer la tipografía en un 60% de transparencia. Plano general toma en picada comienza a aparecer la tipografía en un 80% de transparencia.
Plano general toma en picada la tipografía se encuentra en su total opacidad. La mancha vuelve a parpadear
chicabla
ckitty@
hotmail.c
om
15