22
Calidad Visual y Funcionalidad Manual de Identidad Manual de Uso del Logotipo

Manual Identidad Gráfica Ikari Design

Embed Size (px)

DESCRIPTION

Conceptos de diseño, usos correctos e incorrectos, tipografñias, etc.

Citation preview

Page 1: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Manual de Identidad

Manual de Uso del Logotipo

Page 2: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Conceptos del Diseño

Conceptos del diseñoEl logotipo se creo pensando en un diseño que resultara moderno, manteniendo una relación entre la ilustarción y los trazos geométricos, aunados a una simplicidad de trazos y manejo cromático.

Así, cree una ilustración/caricatura de un personaje que pudiera representarme ante el cliente, que resultara en un punto entre formali-dad por la calidad del diseño, y al mismo tiempo, que demostrara un lado desimplicidad y comicidad que sirviera como una carta de presentación a mi personalidad. La tipografía usada representa al mismo tiempo una duali-dad entre lo digital y lo manual, resaltando así el tipo de ilustración de mi persona; esta se encuentra rodeada en una envolvente roja que resulte llamativa y aumente el contraste del nombre Ikari Design.

Se utilizó una gama cromática que resultara contrastante entre sí y que sea atractiva al ojo, manteniendo una limpieza en el diseño, lográndose así un diseño llamativo y con-trastante entre sí.

Cabe mencionar la utilización de la frase “Calidad visual y funcionalidad” que si bien no forma parte del diseño del logotipo, es un sello y una firma de lo que ofrezco como diseñador, así esta frase estará presente tanto en el Motion Graphics como en otros soportes de caracter digital e impreso.

1

Page 3: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Variantes de Escalas

2

Color O�cial, el tamaño puede variar pues se tiene en alta resolución

Variantes en escala del logotipo señalado arriba en 10%, 20%, 30%, 40% y 50% de izquierda a derecha respesctivamente. Por el tipo de líneas y colores se puede escalar sin perder

detalles, contraste y signi�cado

Variantes de Escalas

Page 4: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Variantes de Color

Variantes de Color

3

Las Imagenes muestran variantes del logotipo, el primero en color, el segundo en escala de

grises y el tercero en “outline”, se deberá tener en cuenta el soporte para saber la elección

correcta del logotipo.

Page 5: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Tipografías

4 Tipografías

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

.,:; ¡! ¿? () <> “” @#$%/=+-_ºª*’

LT OksanaEsta Tipografía se usará en Títulos, encabezados, y en obje-tos a destacar dentro de los diseños, debido a su carácter un tanto ornamental, no se reco-mienda para amplias zonas de lecturas, sin embargo ayuda a enfatizar el carácter geométrico y moderno del logotipo, al mismo tiempo que causa ligereza en el diseño

Page 6: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Tipografías 5

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

.,:; ¡! ¿? () <> “” @#$%/=+-_ºª*’

Hand Of SeanLa tipografía “Hand Of Sean” permite dar la sensación de haber sido un texto excrito a mano. Por su caracter no es reco-mendado en textos amplios, pero puede ser utilizada al igual que la LT Oksana en títulos, enca-bezados, pies de página y de imágenes, etc. Sirve apra resaltar ciertos elementos en un diseño y dar un carácter único al texto.

Page 7: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

6 Tipografías

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

.,:; ¡! ¿? () <> “” @#$%/=+-_ºª*ʼ

FuturaDebido a que resulta menos agresiva con lecturas largas, se usará la tipografía futura para largos bloques de textos como primera opción, por mantener un estilo geométrico en la tipografía y no ser tan agresiva con el ojo.

Page 8: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Tipografías 7

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

.,:; ¡! ¿? () <> “” @#$%/=+-_ºª*’

Century Gothic

Al Igual que la Futura, Century Gothic se puede utilizar para bloques de textos amplios, pues mantiene trazos geométricos que acompañan el estilo del logotipo.

Puede ser usada si se desea una tipografía con un peso más ligero que el dado por Futura.

NOTA: Se puede utilizar cualquier variante de las tipografías mostradas

Page 9: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Usos Correctos

8 Usos Correctos

Área envolvente del logotipo

Área de protección del logotipo

El logotipo al ser un bloque tiene un área envolvente específica, al mismo tiempo tiene una caja protectora en la cual se recomienda no colocar objetos para no afectar el diseño del mismo, sin emabrgo esto puede ser alterado si se utiliza el logotipo como un primer plano y donde el objeto que se aprecie principalmente sea el logotipo.

Siempre se debe usar el logotipo para cualquier elemento de publicidad y promoción tanto interna como externa, así mismo se puede utilizar en trabajos de índole personal a manera de marca de agua para evitar plagios y dar crédito a las obras, así mismo se usará en videos introductorios a manera de Motion Graphics que sirva de cortinilla de inicio.

Page 10: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Colores Oficiales 9

Colores Oficiales

PANTONE Red 032 CC:0.45% M:99.14% Y:97.32% K:0.09%R:237 G:28 B:36# ED1C24

PANTONE Black CC:75.02% M:67.97% Y:67.02% K:90.16%R:0 G:0 B:0# 000000

PANTONE 1215 CC:0% M:20.44% Y:63.13% K:0%R:255 G:205 B:116# FFCD74

PANTONE 2622 CC:80.76% M:100% Y:21.02% K:17.29%R:79 G:39 B:108# 50026E

Page 11: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Usos Correctos de Colores

10 Colores Oficiales

Se prefiere utilizar el logotipo sobre fondo blanco, pues muestra un mejor contraste con el fondo debido a los elementos negros del outline.

Aunque se Prefiera el uso sobre color blanco, es posible utilizar el logotipo sobre fondos de colores armónicos a los del logotipo, siempre que se mantenga un buen contraste y colores intensos

Page 12: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Colores Oficiales 11

Usos Incorrectos del Color

Como se aprecia, al colocarse sobre fondo negro, se pierde la linea que rodea al logo, así como se empieza a perder el contraste del pelo

Los Colores Oscuros NO Funcionan de manera adecuada como fondo del logotipo, como se muestra en los ejemplos de arriba

Page 13: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Uso Web

12 Uso Web

Cuando se utilice en web el logotipo, se debe tener en cuenta el esquema de colores hexa-decimal, así como manejar todos los soportes en colores RGB (lo cual aumentará la intensi-dad de los colores) y a 72 dpi (para una correcta visualización en web y dosminuir tiem-pos de subida y bajada de documentos.

Así mismo, se deberá tener el logotipo en archivo .PNG de ser posible, así permitirá el uso de transparencia y que no interfiera el logo con el fondo.

Para uso en video, se optará en lo posible por una calidad HD, pues es posible reescalar de HD a calidad standard, que de standard a HD.

Siempre se optará por no saturar la página web con elementos de imá-genes, videos y plug-ins, esto para permitir al usuario una nevgación más rápida, ágil y sencilla.

El diseño web deberá mantener un diseño sencillo, moderno, geométrico y con un uso de colores similares a los oficiales para mantener una unidad en el diseño.

Page 14: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Uso Web 13

Propuesta de Web de Inicio

Page 15: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Web Fonts

14 Uso Web

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

.,:; ¡! ¿? () <> “” @#$%/=+-_ºª*’

HelvéticaPara bloques de texto largos se usará la fuente Helvética, Arial, o Sans Serif, en ese orden jerárquico.

Así se asegura una correcta y simi-lar visualización de la página web sin importar el sistema operativo, dispositivo o navegador que se use.

Para Botones en caso de no poder usarse fuentes personalizables, se usara la fuente Futura para cabezas de botones, en lugar de usar imá-genes, esto pensando en futuras modificaciones de la página web usando estrictamente CSSʼs en lugar de generar nuevas imágenes para cada botón. Así mismo, esto agilizará la visualización al usuario.

Para el Slogan “Calidad Visual y Funcional” se podrá usar una imagen de tipo PNG, de tal manera que se pueda utilizar sobre diversos fondos de color sin problemas.

Page 16: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Alfabeto Visual 15

Alfabeto Visual

El alfabeto visual está compuesto por plecas de diversas formas, colores y direcciones dependiendo de la combinación de colores; deben mantener un diseño geométrico y de colores en plasta.

Así mismo se puede utilizar la imagen figu-rativa del logotipo como parte de las plecas o del diseño.

También se pueden colocar nuevas ilustra-ciones que interactuen con el diseño mien-tras mantengan la misma línea que el diseño del logotipo.

Page 17: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Soportes Gráficos

Tarjeta de Presentación

16 Soportes Gráficos

Las siguientes son aplicaciones del diseño sobre soportes específicos, no se incluye el web pues ya ha sido presentado anteriormente.

La tarjeta de presentación tendrá un suaje especial aquí se muestra la visualización del impreso, siendo la línea negra envolvente las limitantes de la tarjeta.

Así mismo, el excedente del personaje tendrá un doblez que permitirá a la tarjeta poder ser guardada en un tarjetero standard.

5cm

César Octavio Salgado Romero

Diseñador y Comunicador Visual

“Calidad visual y Funcionalidad”

Cel: 55 26 63 89 05e-mail: [email protected]

9cm

11cm

Page 18: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Soportes Gráficos 17

La hoja membretada será de tamaño carta, contendrá el logotipo en marca de agua al centro, así como información de contacto y elementos del alfabeto visual.

Calidad Visual y Funcionalidad

César Octavio Salgado Romero Cel: 5526 63 80 05 / [email protected]

Hoja Membretada

Page 19: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

César Octavio Salgado Romero Cel: 5526 63 80 05 / [email protected]

Page 20: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Soportes Gráficos 19

La etiqueta del CD rescata elementos del alfabeto visual, así como los colores del logo-tipo.

CD/ DVD

Calidad Visual y Funcionalidad

Page 21: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

20 Soportes Gráficos

Carátula del CD

Cd. De Archivos

Page 22: Manual Identidad Gráfica Ikari Design

Calidad Visual y Funcionalidad

Soportes Gráficos 21

Parte trasera de caja del CD

Ikari Design

Calidad Visual y FuncionalIka

ri D

esign

Cal

idad

Visu

al y

Func

iona

l

César Octavio Salgado Romero

Diseñador y Comunicador VisualCel: 55 26 63 89 05

e-mail: [email protected]