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

[email protected]

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.


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


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


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


2.1.3. Relaciones proporcionales

RELACIONESPROPORCIONALESTAMAÑO, DISTANCIAS Y GEOMETRÍAS ESTABLECIDAS LOGOTIPO PRINCIPAL

09


x

x1

2.1.3. Relaciones proporcionales

RELACIONESPROPORCIONALESTAMAÑO, DISTANCIAS Y GEOMETRÍAS ESTABLECIDAS LOGOTIPO CUADRADO

10


x1

x1

2.1.4. Área de respeto

ÁREADE RESPETOESPACIOS ALREDEDOR DE LA MARCA DEL LOGOTIPO PRINCIPAL

11


2.1.4. Área de respeto

ÁREADE RESPETOESPACIOS ALREDEDOR DE LA MARCA DEL LOGOTIPO CUADRADO

12


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


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%


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


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


2.1.8. Aplicación sobre fondos II

EJEMPLOSDE FONDOS

17


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


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


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


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.






2.1.10. Tipografía II: Soporte

TIPOGRAFÍA IISOPORTE

SANS SERIF

DISEÑADORESMatt McInerneyPablo ImpallariRodrigo Fuenzalida

RALEWAYThin

ExtraLight

Light

Medium

Regular

21


2.1.10. Tipografía II: Soporte

TIPOGRAFÍA IISOPORTE





SemiBold

Bold

ExtraBold

Black

Números

Caracteresespeciales

EJEMPLOS 0 1 2 3 4 5 6 7 8 9$ ¢ € £ ¥ ¤ + - * / ÷ = % ‰ “ ‘ # @ & _ ( ) , . ; : ¿ ? ¡ ! \ | { } < > [ ] § ¶ µ ` ^ ~ © ® ™ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Í Î Ï Ñ Ò Ó Ô Õ Ö Ø Œ Ù Ú Û Ü ß à á â ã ä å æ ç è é ê ë ì í î ï ñ ò ó ô õ ö ø œ ù ú

22


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


2.2.A.1. Papelería comercial


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


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


2.2.A.1.2. Tarjeta personal

TARJETAPERSONAL

27

42 State Street, MaryleBone Rd, London, 97625

8,5 x 5,5 cm


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


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


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


2.2.A.2.1. Firma de e-mail

FIRMADE E-MAIL

32


2.2.B.1. Bolsa genérica

BOLSAGENÉRICA

33


2.2.B.2. Bolsa promocional rebajas verano

BOLSA PROMOCIONALREBAJAS DE VERANO

34


2.2.C.1. Etiqueta de ropa

ETIQUETADE ROPA

35


2.2.D.1. Cubierta de revista: Próxima temporada

CUBIERTA DE REVISTAPRÓXIMA TEMPORADA

37


2.2.E.1. Banner publicitario

BANNERPUBLICITARIO

38

Medidas del banner: 1400 x 452 px. GIF.

2.2.F. Otras aplicaciones


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


2.2.F.1. Vestuario del personal

VESTUARIO DEL PERSONAL MASCULINO

40


2.2.F.1. Vestuario del personal

VESTUARIO DEL PERSONAL FEMENINO

41


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.


2.2.F.3. Vehículo comercial

VEHÍCULOCOMERCIAL

43


2.2.F.4. Aplicación tienda online

APLICACIÓNTIENDA ONLINE

45


2.2.F.5. Redes sociales

POST PARAINSTAGRAM I

46


2.2.F.5.2. Redes Sociales

POST PARAINSTAGRAM II

47

Judith Hidalgo Vilchez

DESARROLLO DEL MANUAL DE IDENTIDAD Y APLICACIONES …

Documents

Transcript of DESARROLLO DEL MANUAL DE IDENTIDAD Y APLICACIONES …