DESARROLLO DEL MANUAL DE IDENTIDAD Y APLICACIONES …
Transcript of DESARROLLO DEL MANUAL DE IDENTIDAD Y APLICACIONES …
DESARROLLO DEL MANUAL DE IDENTIDAD Y APLICACIONES BÁSICAS
KHROMATIC
20.117 - Proyecto I: Identidad y marca Aula 1. PEC 3.2.
Judith Hidalgo Vilchez
Grado de Diseño y creación digitalesCurso 2019/2020Semestre 2
ÍNDICE DECONTENIDOS
03 | Introducción al manual04 | Manual de identidad06 | 2.1. Definición de la marca07 | 2.1.1. Componentes de la marca
08 | 2.1.2. Variaciones
09 | 2.1.3. Relaciones proporcionales
11 | 2.1.4. Área de respeto
13 | 2.1.5. Tamaño mínimo de impresión
14 | 2.1.6. Gama cromática
15 | 2.1.7. Versiones monocromáticas
16 | 2.1.8. Aplicación sobre fondos I
18 | 2.1.9. Usos correctos e incorrectos I
19 | 2.1.9. Usos correctos e incorrectos II
20 | 2.1.10. Tipografía I: Corporativa
21 | 2.1.10. Tipografía II: Soporte
22 | 2.1.10. Tipografía II: Soporte
24 | 2.2. Aplicaciones25 | 2.2.A.1. Papelería comercial
26 | 2.2.A.1.1. Tarjeta genérica
27 | 2.2.A.1.2. Tarjeta personal
28 | 2.2.A.1.3. Sobre
29 | 2.2.A.1.4. Modelo de hoja de carta
31 | 2.2.A.2. Soporte digital
32 | 2.2.A.2.1. Firma de e-mail
33 | 2.2.B.1. Bolsa genérica
34 | 2.2.B.2. Bolsa promocional rebajas
35 | 2.2.C.1. Etiqueta de ropa
37 | 2.2.D.1. Cubierta de revista
38 | 2.2.E.1. Banner publicitario
39 | 2.2.F. Otras aplicaciones
40 | 2.2.F.1. Vestuario del personal
42 | 2.2.F.2. Rotulación de la tienda
43 | 2.2.F.3. Vehículo comercial
45 | 2.2.F.4. Aplicación tienda online
46 | 2.1.F.5. Redes sociales: Post
Manual de Identidad gráfica de la empresa KHROMATIC
0103
INTRODUCCIÓNAL MANUALEn este manual de identidad gráfica de la empresa “khromatic” se encuentran las directrices a seguir para poder aplicar el logotipo y la imagen de la empresa adecuadamente en todo tipo de soportes y aplicaciones.
Se definirá con ejemplos a lo largo del manual a modo explicativo las diferentes opciones válidas y a la misma vez las inco-rrectas con el objetivo de que cada apar-tado quede claro y resumido. Puede utili-zarse como manual de instrucciones a la
hora de aplicar la identidad en diferentes productos y soportes, pero es imprescin-dible respetar las pautas que se estipu-lan para un correcto uso de la identidad visual de “khromatic” para que el públi-co reconozca a la organización de forma directa e incuestionable.
Toda aplicación que no esté dentro de este manual de identidad gráfica será considerada incorrecta ya que no respe-tará las normas del mismo y tendrá que ser retirado automáticamente.
Manual de Identidad gráfica de la empresa KHROMATIC
En este bloque encontraremos apartados explicativos que detallarán la ideología de la marca, las variaciones, sus restricciones, adaptaciones y aplicaciones válidas.
2.1. DEFINICIÓN DE LA MARCA2.2. APLICACIONES
02 MANUAL DE IDENTIDAD
04
Cromático, a (Del gr. Kromatikos < khroma, color.) 1. Adj. Que tiene relación con el color 2. ÓPTICA Se aplica a la lente o instrumento óptico que presenta los objetos contorneados con los colores del arco iris. 3. MÚSICA Se aplica a la armonía, melodía o instrumento que utiliza los doce semitonos de la octava.
Uno de los objetivos es hacer ropa para los creativos, diseñadores y en general un público artista. El elemento en común de todos ellos, independientemente de su estilo gráfico, de sus ideologías o su re-presentación es el color, la fuerza y el inconformismo. Un concepto que reúne este mensaje sin entrar en especificacio-
nes es la palabra “Cromático”, va desde el color más oscuro al más claro, del más frío al más cálido, del saturado al pas-tel. Abarca todo tipo de personalidades y a la vez las diferencia y reúne en un mismo espacio.
Se ha jugado con mezclar la palabra origi-naria del griego con una terminación mas anglosajona para que la fuerza sonora al pronunciarla esté al principio y al final.
A su vez, el hecho de que se escriba casi de la misma forma en inglés y español – idiomas bastante internacionales – ayu-dará a recordarla por que sabremos y reconoceremos el significado automá-ticamente.
2.1. DEFINICIÓN DE LA MARCA
2.1. Definición de la marca
06
Manual de Identidad gráfica de la empresa KHROMATIC
ANATOMÍA Y CONSTRUCCIÓN
El logotipo de la empresa está construido por la palabra “KHROMATIC” en caja alta con la tipografía Peace Sans Regular y principalmente su composición es ho-rizontal. No presenta símbolos que lo acompañen. Se ha modificado la tipogra-fía añadiéndole formas de brochazos de pintura y creando unos negativos intere-santes que hacen que el logotipo tenga una apariencia natural, manual y moder-na.
El logotipo se puede colocar de mane-ra vertical, pero esta aplicación será gi-rando el logotipo entero, no girando las letras. Se presenta en esta página con un relleno de color sólido negro sobre fondo blanco para poder analizar con más preci-sión los detalles del logotipo, pero estos conceptos son cambiantes en cuanto a colores y texturas dentro del logotipo y del fondo, más adelante en el apartado de Gama cromática (pág. 14) y Aplicación sobre fondos (pág.16) se explicará con más precisión y se mostrarán los colores e imágenes válidas para aplicar.
COMPONENTES DE LA MARCA
2.1.1. Componentes de la marca
07
Manual de Identidad gráfica de la empresa KHROMATIC
2.1.2. Variaciones
FORMA CUADRADA
Existe una variación del logotipo en forma cuadrada para poder aplicar a aquellos soportes en el que el logotipo principal se vea muy pequeño o no encaje co-rrectamente.
La composición de esta variación es la misma tipográficamente pero cambia al dividir la palabra cada tres letras. Las le-tras “TIC” no se han escalado para alinear-las a la anchura de las anteriores para no dar una sensación de simetría.
Esta afectación se podría aplicar como por ejemplo en los soportes que sean más cuadrados y rectangulares como una etiqueta de ropa y, el logotipo prin-cipal en productos que tengan una ten-dencia más alargada como un rótulo.
Para publicidad y cartelismo es reco-mendable utilizar el logotipo principal.
VARIACIONESREGLADAS
08
Manual de Identidad gráfica de la empresa KHROMATIC
2.1.3. Relaciones proporcionales
RELACIONESPROPORCIONALESTAMAÑO, DISTANCIAS Y GEOMETRÍAS ESTABLECIDAS LOGOTIPO PRINCIPAL
09
Manual de Identidad gráfica de la empresa KHROMATIC
x
x1
2.1.3. Relaciones proporcionales
RELACIONESPROPORCIONALESTAMAÑO, DISTANCIAS Y GEOMETRÍAS ESTABLECIDAS LOGOTIPO CUADRADO
10
Manual de Identidad gráfica de la empresa KHROMATIC
x1
x1
2.1.4. Área de respeto
ÁREADE RESPETOESPACIOS ALREDEDOR DE LA MARCA DEL LOGOTIPO PRINCIPAL
11
Manual de Identidad gráfica de la empresa KHROMATIC
2.1.4. Área de respeto
ÁREADE RESPETOESPACIOS ALREDEDOR DE LA MARCA DEL LOGOTIPO CUADRADO
12
Manual de Identidad gráfica de la empresa KHROMATIC
2.1.5. Tamaño mínimo de impresión
TAMAÑO MÍNIMODE IMPRESIÓN
13
Para asegurar una correcta legibilidad es imprescindible no reducir el tamaño de los logotipos más de los indicados en esta página.
70 mm
20 mm
20,30 mm8,86 mm
Manual de Identidad gráfica de la empresa KHROMATIC
El relleno de la tipografía puede ser cualquier color de los recomendados a continuación para asegurar el contraste entre fondos, o bien, se puede añadir una imagen de relleno siempre que se asegure una buena legibilidad y un contraste bien diferenciado. Las imágenes que se pueden utilizar como relleno se encuentran en la página núm. 16 del apartado Aplicación sobre fondos.
Siempre que se requiera se puede usar como relleno el color blanco o negro respetando los requisitos ya comentados.
CÓDIGO DE COLOR
CÓDIGO DE COLOR
CÓDIGO DE COLOR
CÓDIGO DE COLOR
Pantone 805 C RGB 205 93 169CMYK C23 M74 Y0 K0 Web #cd5da9
Pantone 247 C RGB 240 128 43CMYK C0 M59 Y88 K0 Web #f0802b
Pantone 108C RGB 243 195 37CMYK C6 M23 Y89 K0 Web #f3c325
Pantone 1047C RGB 59 91 167CMYK C85 M65 Y0 K0 Web #3b5ba7
2.1.6. Gama cromática
COLORESPRINCIPALESRELLENO TIPOGRÁFICO
1485%
85%
85%
85%
50%
50%
50%
50%
15%
15%
15%
15%
Manual de Identidad gráfica de la empresa KHROMATIC
LOGOTIPO SOBRE FONDOS CLAROS
LOGOTIPO SOBRE FONDOS OSCUROS
Como se ha comentado en el apartado anterior Gama cromática en la página núm. 14, siempre que se requiera se pue-de aplicar el logotipo tintado en blanco o negro sobre fondos claros o oscuros.
Esta necesidad puede surgir en campa-ñas publicitarias que se utiliza una textu-ra de fondo y el mensaje sea el principal foco de atención dejando al logotipo en un segundo plano. En este caso, se pue-de aplicar el logotipo tintado en blanco o negro según la necesidad que se requie-ra.
Si el fondo es claro no se puede aplicar el logotipo en blanco por que no asegu-ra la legibilidad, al igual que si el fondo es oscuro no se podrá aplicar el logoti-po en color negro.
2.1.7. Versiones monocromáticas
Manual de Identidad gráfica de la empresa KHROMATIC
MONOCROMÁTICAS
VERSIONESEN BLANCO Y NEGRO
15
2.1.8. Aplicación sobre fondos I
RELLENO DE IMAGEN
APLICACIÓNSOBRE FONDOS
Como se ha comentado con anterioridad en el apartado Gama cromática (pág. 14), el logotipo se puede rellenar de texturas y estampados del mismo modo que el fondo puede contener también imáge-nes y combinar rellenos entre si.Es muy importante que se mantenga un contraste para que se distinga correc-tamente el logotipo del fondo, siendo imprescindible seguir el siguiente razo-namiento: Si se utiliza una imagen con tendencia oscura, la imagen que lleve el logotipo tiene que ser clara, y a la inversa. No se pueden utilizar imágenes donde salgan personas, han de ser del tipo abstracto, geométrico o estampados.
Las imágenes que se presentan en este apartado son a modo de ejemplo para demostrar los usos correctos. Las textu-ras y estampados seleccionados se irán renovando en cada temporada y se col-garán en el sitio web de la empresa para mantenerse actualizado.
16
Manual de Identidad gráfica de la empresa KHROMATIC
2.1.8. Aplicación sobre fondos II
EJEMPLOSDE FONDOS
17
Manual de Identidad gráfica de la empresa KHROMATIC
2.1.9. Usos correctos e incorrectos I: Logotipo
LOGOTIPO
USOS CORRECTOSE INCORRECTOS
Se considerarán usos correctos los que respeten las directrices que se han ido comentando a lo largo de este manual de identidad gráfica de “Khromatic”.
A continuación se detallan cuales son los usos incorrectos del logotipo y por lo tan-to los que se apliquen de esta forma no serán válidos y se tendrán que retirar automáticamente del soporte en el que se haya incorporado.En el apartado de usos incorrectos del logotipo serán errores los que: Defor-men el logotipo, lo distorsionen o incli-nen, cambien la tipografía, no manten-gan las áreas de respeto ni proporción, se modifique su composición, se reduzca el logotipo superando el tamaño mínimo, se giren las letras en composición vertical o cualquier otra modificación que no esté estipulada en este manual de identidad. Estas normas se aplican tanto al logo-tipo principal como a la variación cua-drada.
18
Manual de Identidad gráfica de la empresa KHROMATIC
KHROMATIC
2.1.9. Usos correctos e incorrectos II: Fondos y rellenos
FONDOS Y RELLENOS
USOS CORRECTOSE INCORRECTOS
En cuanto a los fondos y rellenos se con-siderarán usos correctos los que respe-ten las directrices que se han ido co-mentando a lo largo de este manual de identidad gráfica de “Khromatic”.
Se calificará de logotipo no válido aquel que no respete el contraste entre fondo y relleno, utilice colores claros sobre fon-dos claros y a la inversa con colores os-curos, utilice imágenes no autorizadas o imágenes con personas o cualquier otra modificación que no esté estipulada en este manual de identidad.
Estas normas se aplican tanto al logo-tipo principal como a la variación cua-drada.
19
Manual de Identidad gráfica de la empresa KHROMATIC
La tipografía corporativa es utilizada única y exclusivamente para el logotipo de la em-presa. Se puede utilizar únicamente para títulos en publicidad, cualquier otro uso no autorizado por la empresa aunque se necesite incluir texto, como por ejemplo: campa-ñas publicitarias, información de la empresa, páginas web, mensajes de correo, tarjetas,... Para añadir cualquier otro texto siempre se utilizará la tipografía de soporte que se detalla en la página siguiente: Apartado Tipografía II: Soporte (pág. 21).
SANS SERIF
DISEÑADORESSergey RyadovoyJovanny Lemonad
EJEMPLOS
PEACE SANSRegular
Números
Caracteres especiales
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 Za 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
0 1 2 3 4 5 6 7 8 9$ ¢ € £ ¥ ¤ + - * / ÷ = % ‰ “ ‘ # @ & _ ( ) , . ; : ¿ ? ¡ ! \ | { } < > [ ] § ¶ µ ` ^ ~ © ® ™ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Í Î Ï Ñ Ò Ó Ô Õ Ö Ø Œ Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô õ ö ø œ ù ú
2.1.10. Tipografía I: Corporativa
TIPOGRAFÍA ICORPORATIVA
20
Manual de Identidad gráfica de la empresa KHROMATIC
La tipografía de soporte se utilizará en todos los lugares que se requiera texto y se pue-den emplear todos los grosores y caracteres especiales de la misma familia.
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 Za 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 Za 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 Za 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 Za 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 Za 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
2.1.10. Tipografía II: Soporte
TIPOGRAFÍA IISOPORTE
SANS SERIF
DISEÑADORESMatt McInerneyPablo ImpallariRodrigo Fuenzalida
RALEWAYThin
ExtraLight
Light
Medium
Regular
21
Manual de Identidad gráfica de la empresa KHROMATIC
2.1.10. Tipografía II: Soporte
TIPOGRAFÍA IISOPORTE
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 Za 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 Za 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 Za 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 Za 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
SemiBold
Bold
ExtraBold
Black
Números
Caracteresespeciales
EJEMPLOS 0 1 2 3 4 5 6 7 8 9$ ¢ € £ ¥ ¤ + - * / ÷ = % ‰ “ ‘ # @ & _ ( ) , . ; : ¿ ? ¡ ! \ | { } < > [ ] § ¶ µ ` ^ ~ © ® ™ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Í Î Ï Ñ Ò Ó Ô Õ Ö Ø Œ Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô õ ö ø œ ù ú
22
Manual de Identidad gráfica de la empresa KHROMATIC
INCORPORACIÓNEn este apartado se mostrarán diferentes ejemplos de aplicación del logotipo en soportes variados tanto en formato físico como digital.
Para poder incorporar la marca gráfica de “Khromatic” de forma correcta y pautada es imprescindible guiarse de los ejem-plos que se visualizarán a continuación.
2.2. APLICACIONES
24
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.A.1. Papelería comercial
Manual de Identidad gráfica de la empresa KHROMATIC
En este bloque se encuentran apartados con ejemplos visuales de aplicaciones de la marca gráfica de “Khromatic” en soportes de papel.Por mucho que la apariencia del logotipo sea cambiante, es recomendable hacer una producción en cada temporada de los siguientes artículos y que estos lle-ven la misma identidad visual. En este manual se encuentran variaciones en cada producto para visualizar mejor cada aplicación.
2.2.A.1.1. TARJETA GENÉRICA2.2.A.1.2. TARJETA PERSONAL2.2.A.1.3. SOBRE2.2.A.1.4. MODELO DE HOJA DE CARTA
PAPELERÍACOMERCIAL
25
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.A.1.1. Tarjeta genérica
TARJETAGENÉRICA
26
315 Oxford St, Mayfair, London W1C 2HS, United Kindom
www.khromatic.com
+44 20 7529 7670
8,5 x 5,5 cm
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.A.1.2. Tarjeta personal
TARJETAPERSONAL
27
42 State Street, MaryleBone Rd, London, 97625
8,5 x 5,5 cm
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.A.1.3. Sobre
SOBRE
28
Sobre original: 11 x 22cmEn este apartado reducidoa 5,8 x 11,7 cm
KHROMATICStreet315 OXFORD ST, Mayfair, London. W1C 2HS, United Kindom
Elisabeth Peace Balitz,
602 St. Abbey Road, London, United Kindom
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.A.1.4. Modelo de hoja de carta
MODELO DEHOJA DE CARTA
29
Hoja de carta original: DIN A4En este apartado reducidoa 12,3 x 8,7 cm
2.2.A.2. Soporte digital
Manual de Identidad gráfica de la empresa KHROMATIC
En este bloque se detalla como aplicar el logotipo de “Khromatic” en soportes digitales como en promocionales.
2.2.A.2.1. FIRMA DE E-MAIL
2.2.B.1. BOLSA GENÉRICA2.2.B.2. BOLSA PROMOCIONAL REBAJAS VERANO
2.2.C.1. ETIQUETA DE ROPA
2.2.D.1. CUBIERTA DE REVISTA: PRÓXIMA TEMPORADA
2.2.E.1. BANNER PUBLICITARIO
SOPORTE DIGITALY PROMOCIONAL
31
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.A.2.1. Firma de e-mail
FIRMADE E-MAIL
32
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.B.1. Bolsa genérica
BOLSAGENÉRICA
33
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.B.2. Bolsa promocional rebajas verano
BOLSA PROMOCIONALREBAJAS DE VERANO
34
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.C.1. Etiqueta de ropa
ETIQUETADE ROPA
35
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.D.1. Cubierta de revista: Próxima temporada
CUBIERTA DE REVISTAPRÓXIMA TEMPORADA
37
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.E.1. Banner publicitario
BANNERPUBLICITARIO
38
Medidas del banner: 1400 x 452 px. GIF.
2.2.F. Otras aplicaciones
Manual de Identidad gráfica de la empresa KHROMATIC
En este bloque se ilustran las diferentes aplicaciones publicitarias para anunciar la marca tanto en objetos físicos (tienda y escaparates) como en comunicación digital (aplicacion de compra y redes sociales).
2.2.F.1. Vestuario del personal 2.2.F.2. Rotulación de la tienda2.2.F.3. Vehículo comercial2.2.F.4. Aplicación tienda online2.2.F.5. Redes sociales
OTRAS APLICACIONESSOPORTES FÍSICOS Y DIGITALES
39
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.F.1. Vestuario del personal
VESTUARIO DEL PERSONAL MASCULINO
40
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.F.1. Vestuario del personal
VESTUARIO DEL PERSONAL FEMENINO
41
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.F.2. Rotulación de la tienda
ROTULACIÓNDE LA TIENDA
42
Khromatic se presenta en los espacios físicos con explosión de colores para captar la mirada de las personas.
Utiliza vinilos de diferentes estampados y colores para destacar entre los diferentes establecimientos y, en su escaparate, incor-pora un fondo blanco para que los maniquíes capten toda la atención.
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.F.3. Vehículo comercial
VEHÍCULOCOMERCIAL
43
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.F.4. Aplicación tienda online
APLICACIÓNTIENDA ONLINE
45
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.F.5. Redes sociales
POST PARAINSTAGRAM I
46
Manual de Identidad gráfica de la empresa KHROMATIC
2.2.F.5.2. Redes Sociales
POST PARAINSTAGRAM II
47
Judith Hidalgo Vilchez