Post on 28-Mar-2016
description
Calidad Visual y Funcionalidad
Manual de Identidad
Manual de Uso del Logotipo
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
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
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.
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
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.
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.
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
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.
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
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
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
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.
Calidad Visual y Funcionalidad
Uso Web 13
Propuesta de Web de Inicio
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.
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.
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: xikarix@hotmail.com
9cm
11cm
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 / xikarix@hotmail.com
Hoja Membretada
Calidad Visual y Funcionalidad
César Octavio Salgado Romero Cel: 5526 63 80 05 / xikarix@hotmail.com
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
Calidad Visual y Funcionalidad
20 Soportes Gráficos
Carátula del CD
Cd. De Archivos
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: xikarix@hotmail.com