Issuu on Google+

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


nanomanual