- PDF Free Download

Transcripción

1

2 2

3 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA. Creado por MUMU / El Branding Love en Bogotá, Colombia en Junio del

4 Hola! Bienvenidos a la anatomía de la identidad visual de marca Red Académica.

5 Este documento es una herramienta que nos ayudará en el proceso de comprensión y aplicación de la expresión gráfica de la marca Red Académica". Reúne de una manera práctica la normalización fundamental de la identidad visual de la marca. Encontrarémos en él los elementos que conforman y potencian la identidad de Red Académica": su logo, sus colores, sus tipografías y su elemento complementario. Es importante seguir las normas de uso aquí establecidas para que la aplicación de la identidad visual tenga consistencia, unidad y concepto, que son la base de su permanencia en el tiempo, su reputación y su éxito.

6 CON- TENIDO

7 introducción ADN de marca esencia personalidad beneficios Identidad visual logo plano técnico versión positiva versión negativa área de reserva tamaño mínimo endoso color sobre fondo de color cobranding usos incorrectos Elemento complementarios sistema visual "cuatro espacios" sistema visual "Fondos Red Académica" tipografía principal tipografía secundaria tipografía alternativa 46 Algunos ejemplo de aplicación

8 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA ADN DE MARCA 8

9 Taller en el cual desglosamos los aspectos más relevantes de la marca ayudándola tener un respaldo conceptual y estratégico. 9

10 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA ESENCIA DE MARCA 10

11 ADN DE MARCA Somos la comunidad educativa digital de Bogotá. 11

12 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA PERSON- ALIDAD DE MARCA 12

13 ADN DE MARCA Digital, dinámica, z, confiable, moderna, formal, activa, vanguardista. 13

14 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA BENEFI- CIOS DE MARCA 14

15 ADN DE MARCA Funcionales: Experiencia, genera contenido, comparte conocimiento, son didácticos, impulsa la comunicación de interés educativo, contribuye a la formación, asesor educativo, solicitud de plataformas. Emocionales: Genera confianza, seguros de si mismos, aliados, participativos, versátiles, formadores, socializadores. 15

16 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA IDENTI- DAD VISUAL DE MARCA 16

17 Cada componente de la identidad visual RedAcadémica (logo, colores y elementos complementarios) le da expresión a la marca, como se verá en las próximas páginas. Es importante hacer un uso correcto de sus elementos visuales para que la marca Red Académica sea visible, diferenciada, consistente y reconocida a través del tiempo en todas sus comunicaciones. 17

18 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / LOGO Símbolo Logotipo El Logo está compuesto por el símbolo "Lápiz Positivo" y por el logotipo "Red Académica". Su conjunto expresa enseñanza, aprendizaje, pedagoga, interactiva, comunidad, cercanía y concepto "educación". El logo, diseñado con un símbolo contemporánea y lleno de significados, más uná tipografía única en conjutno armonizan perfectamente con todos los elemetos visuales de la marca. 18

19 IDENTIDAD VISUAL / PLANO TÉCNICO 14x 8x x El plano técnico tiene como objetivo principal, mantener en el tiempo las proporciones del logo. Las reproducciones deben ser en lo posible digitales para que haya la mínima distorsión. Las proporciones están basadas en el módulo x. 19

20 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / VERSIONES POSITIVAS Versión positiva principal Versión positiva secundaria A Versión positiva secundaria B Versión positiva símbolo Estas son las versiones positivas principal del logo "Red Académica" podrán ser utilizados: La versión principal, la versión positiva sencundaria A, la versión positiva secundaria B y la versión positiva "símbolo". 20

21 IDENTIDAD VISUAL / VERSIONES NEGATIVAS Versión negativa principal Versión negativa símbolo Existe además una variación: La versión negativa principal y la versión negativa "símbolo". 21

22 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / ÁREA DE RESERVA x El área de reserva es el espacio mínimo que debe existir alrededor del logo para que éste pueda mantener su integridad visual. Es imprescindible respetar el área de reserva para proteger el logosímbolo de elementos gráficos, textos, fotografías, o bordes que puedan invadir su espacio. Para determinar el área de reserva, se utiliza el ancho de la letra "A" del logotipo "Red Académica". 22

23 IDENTIDAD VISUAL / TAMAÑO MÍNIMO 2 cms 1 cm Aquí aparecen los tamaños mínimos de reproducción permitido para que el logo mantenga una correcta definición. 23

24 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / ENDOSO 1 3 Se ha creado un sistema de endoso que ayudará a la marca "Red Académica" a respaldar piezas en la cual su existencia no es la principal. Este sistema esta divido en dos mometos: 1. Endoso total: el logo "Red Acádemica" aparece sobre un rectángulo "Magenta Creativo" y podrá ser ubicado en las cuatro esquinas de la pieza, tal como se observa en la imagen

25 IDENTIDAD VISUAL Endoso símbolo: Cuando el símbolo "Red académica" ya este posicionado y tenga mucha recordación deberá aparecer sobre un cuadrado "Magenta Creativo" y podrá ser ubicado en las cuatro esquinas de la pieza, tal como se observa en la imagen. 2 4 El plano técnico tiene como objetivo principal, mantener en el tiempo las proporciones del logo. Las reproducciones deben ser en lo posible digitales para que haya la mínima distorsión. Las proporciones están basadas en el módulo x. 25

26 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / COLOR Magenta Creativo Amarillo Inteligente Cyan Claridad Azul Confianza 26

27 IDENTIDAD VISUAL A B C Pantone 213c CMYK RGB HTML ed2b71 Pantone 7635c CMYK RGB HTML d32465 Pantone 7425c CMYK RGB HTML b71b57 A B C Pantone 116c CMYK RGB HTML fdcd06 Pantone 1235c CMYK RGB HTML fabb13 Pantone 1375c CMYK RGB HTML f69f1c A B C Pantone 306c CMYK RGB HTML 00adef Pantone 7702c CMYK RGB HTML 41a9ce Pantone 7689c CMYK RGB HTML 3187a6 Pantone 547c CMYK RGB HTML 00303d Los colores principales de la marca "Red Académica" son el "Magenta Creativo", "Amrillo Inteligente", "Azul Claridad" y "Azul Confianza". Se presentan sus equivalencias en Pantone, CMYK, RGB y hexadecimal. 27

28 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA * / SOBRE FONDO DE COLOR Versión principal sobre fondo magenta A Versión en magenta A sobre fondo blanco Versión sobre fondo magenta B * Versión en amarillo A sobre fondo blanco Versión principal sobre fondo amarillo A Versión en amarillo B sobre fondo blanco * Versión principal sobre fondo cyan A Versión en cyan A sobre fondo blanco Versión sobre fondo cyan B * Versión en azul sobre fondo blanco Versión principal sobre fondo azul Versión en negro sobre fondo blanco 28

29 IDENTIDAD VISUAL A C Versión en magenta B sobre fondo blanco Versión sobre fondo magenta C Versión en magenta C sobre fondo blanco Versión sobre fondo amarillo B Versión en amarillo C sobre fondo blanco Versión sobre fondo amarillo C Versión en cyan B sobre fondo blanco Versión sobre fondo cyan C Versión en cyan C sobre fondo blanco Aquí se presentan las diferentes versiones que la identidad visual de marca "Red Académica" tiene sobre fondos de color. Versión en blanco sobre fondo negro *Son las versiones principales que deben ser utilizadas como primera medida. Las otras son para casos especiales. 29

30 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / COBRANDING El logo Red Académica podrá convivir junto a otras marcas. La separación entre cada marca y la línea será del ancho de cuatro letras a del logo Red Académica. 30

31 IDENTIDAD VISUAL / USOS INCORRECTOS Estos son algunos usos incorrectos de la identidad visual Red Académica. Cualquier alteración de sus proporciones, formas, composiciones, o colores permitidos, afecta el correcto desempeño de la identidad visual de marca. LA CREATIVIDAD MAL UTILIZADA ES PELIGROSA. 31

32 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA ELEMEN- TOS COMPLE- MENTAR- IOS 32

33 Los elementos complementarios ayudan a potenciar la identidad visual de la marca Red Académica, además de expresar con fuerza la personalidady los valores de ésta. 33

34 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / USO DE ELEMENTO COMPLEMENTARIO SISTEMA VISUAL Uso de los cuatro espacios para color. Uso de los cuatro espacios textos o fotografías. 34

35 ELEMENTOS COMPLEMENTARIOS / CUATRO ESPACIOS El elemento complementario sistema visual "Cuatro Espacios" fue creado para darle flexibilidad y riqueza visual a la marca "Red Académica". Como se podrá ver en la imagen el Este sistema visual puede ser utilizado con todos los colores de la marca. Además se permite ubicar textos y/o fotografías en los lugares horizontales que se desee. logo deberá ubicarse en la intersección de los cuatro espacios". 35

36 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / USO DE ELEMENTO COMPLEMENTARIO SISTEMA VISUAL Uso de los cuatro espacios en movimiento para color. Los cuatro espacios "en movimiento" permiten Para que el uso del elemento complementario al elementos complementario adapatarse cuatro espacios "en movimiento" este bien facilmente a las proporciones de la pieza. utilizado es importante que alguna de los colores Además permite darle flexibilidad y dinamismo se ubique perfectamente con alguna esquina de a cualquier pieza de "Red Académica". la pieza. Ver círculos azules. Uso de los cuatro espacios en movimiento para textos o fotografías. Los cuatro espacios "en movimiento" permiten además darle flexibilidad y riqueza visual a la pieza por medio de textos o fotografías. Se deberá escoger el espacio más grande para ubicarlos. 36

37 ELEMENTOS COMPLEMENTARIOS / CUATRO ESPACIOS Uso de los cuatro espacios sumados entre si. A los cuatro espacios "sumados entre si" son una variación que permite enriquecer aún más las piezas visuales. Se escogen dos paletas de color y se suman alguna entre si generando formas únicas y diferenciadas. Uso de los cuatro espacios como fondos de expresión visual. A los cuatro espacios "como fondos de expresión visual" son elementos que pueden ser utilizados sin logo, texto, fotos, etc... y sirven para enriquecer piezas, espacios, entre otros. 37

38 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / USO DE ELEMENTO COMPLEMENTARIO SISTEMA VISUAL Uso principal de fondo como sistema visual. CUANDO APRENDES A COMPARTIR, ENSEÑAS. CUANDO APRENDES A COMPARTIR, ENSEÑAS. CUANDO APRENDES A COMPARTIR, ENSEÑAS. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue El sistema visual "Fondos Red Académica" son creados para darle aún más vida y versatilidad a la marca. Como uso principal se deberán utilizar los tres primeros modelos sobre fondo "Azul Confianza" ubicando el logo de "Red Académica" en cualquiera de los otros colores en la esquina inferior derecha. El uso secundario de los "Fondos Red Académica" son la mezcla de los colores de la marca, y se pueden con la libertad deseada. 38

39 ELEMENTOS COMPLEMENTARIOS / FONDOS RED ACADÉMICA Uso secundario de fondos como sistema visual. CUANDO APRENDES A COMPARTIR, ENSEÑAS. CUANDO APRENDES A COMPARTIR, ENSEÑAS. CUANDO APRENDES A COMPARTIR, ENSEÑAS. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue CUANDO APRENDES A COMPARTIR, ENSEÑAS. CUANDO APRENDES A COMPARTIR, ENSEÑAS. CUANDO APRENDES A COMPARTIR, ENSEÑAS. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed dapibus arcu, in egestas mi. Cras malesuada velit quis lacus scelerisque pretium eget quis diam. Praesent blandit neque augue

40 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / TYPOGRAFÍA Hola, buenos días. AaBbCcDdEe123@#$%&* Vag Rounded La familia tipográfica principal seleccionada para Red Académica es la Vag Rounded. Esta tipografía, utilizada en las comunicaciones, Es permitido el uso de esta tipografía en Thin, Light, Bold y Black. Se podrán utilizar en títulos destacados y/o subtítulos. ayuda a la coherencia de la identidad visual de la marca. 40

41 ELEMENTOS COMPLEMENTARIOS / PRINCIPAL Thin ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* Black ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* 41

42 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / TYPOGRAFÍA Hola, como están? AaBbCcDdEe123@#$%&* Myriad Pro La familia tipográfica secundaria seleccionada para Red Académica es la Myriad Pro. Esta tipografía, utilizada en las comunicaciones, Es permitido el uso de esta tipografía en Light, Regular, Bold y Black. Su uso se límita sólo para textos corridos ayuda a la coherencia de la identidad visual de la marca. 42

43 ELEMENTOS COMPLEMENTARIOS / SECUNDARIA Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* 43

44 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / TYPOGRAFÍA Hola, que tal? AaBbCcDdEe123@#$%&* Trebuchet 44 Se ha seleccionado la familia tipográfica Trebuchet para ser utilizada en entornos Web, presentaciones PowerPoint y documentos en Word, por su mayor disponibilidad en diferentes plataformas.

45 ELEMENTOS COMPLEMENTARIOS / ALTERNATIVA Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz !?@#$%()* 45

46 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA EJEMPLOS DE APLI- CACIÓN 46

47 Los elementos complementarios ayudan a potenciar la identidad visual de la marca Red Académica, además de expresar con fuerza la personalidad y los valores de ésta. 47

48 ANATOMÍA DE LA IDENTIDAD VISUAL DE MARCA / LOGO 48

49 ELEMENTOS COMPLEMENTARIOS / LOGO 49

62 Cualquier aplicación de marca que no se encuentre aquí relacionada debe contar con la aprocación de Red académica. 62

63 Las fotografiás utilizadas en este manual son para ilustrar las aplicaciones de la identidad, y no deben ser utilizadas comercialmente sin previa autorización de sus autores. 63

64 64

65 introducción 65

66 Creado por MUMU / El Branding Love en Bogotá, Colombia en Junio del