Manual de Identidad Visual Institucional by María

Identidad Visual Institucional

MANUAL DE IDENTIDAD VISUAL INSTITUCIONAL

Identidad Visual Institucional

© 2017 Asociación Niños y Jóvenes con Futuro Diseño, edición, ilustración y maquetación: María Mercedes Casasola mrcds.casasola@gmail.com Asociación Niños y Jóvenes con Futuro 21 avenida 34-76 zona 12 Santa Elisa Ciudad de Guatemala, Guatemala C. A. 56934464 ó 2476 0051 asocnjconfuturo@gmail.com www.asocnjconfuturo.com

Identidad Visual Institucional

ÍNDICE 1. Identidad Institucional ...................... 06 1.1 Justificación 1.2 Carta de Identidad 1.2.1 Misión 1.2.2 Visión 1.2.3 Valores 2. Constantes Universales ...................... 10 2.1 Concepto 2.2 Construcción geométrica 2.3 El Isotipo 2.4 El Logotipo 2.5 El Isologo 2.6 Visibilidad del identificador 2.7 Área de respeto 2.8 Versiones 2.8.1 Versión en una tinta 2.8.2 Versión para impresión offset 2.9 Uso correcto aplicado en fondos 2.10 Uso incorrecto aplicado en fondos 2.11 Construcción gráfica en papelería 2.12 Colores intitucionales 2.13 Tipografía Intitucional 2.13.1 Tipografía Primaria 2.13.2 Tipografía Secundaria 2.14 Identidad Intitucional

3. Sistemas de Aplicación ...................... 34 3.1 Material POP 3.1.1 Material POP - Playera 3.1.2 Material POP - Stiker 3.1.3 Material POP - Block de Notas 3.1.4 Material POP - Roll Up 3.1.5 Material POP - Brouchure Institucional 3.2 Material Digital 3.2.1 Material Digital - Plantillas para Power 3.2.2 Material Digital - Página Web 3.2.3 Material Digital - Fan Page Facebook 3.3 Material de Oficina 3.3.1 Material de Oficina - Sello 3.3.1 Material de Oficina - Pin 3.4 Señalética 3.4.1 Señalética Informativa - Horario 3.4.1 Señalética Informativa - Salones 3.4.2 Señalética Emergencia - Salones 3.4.3 Señalética Reguladora - Salones 4. Papelería Aplicada .............................. 52 4.1 Aplicación 4.1.1 Tarjeta de Presentación 4.1.2 Carta Membretada 4.1.3 Sobre para Carta Membretada 4.1.4 Porta CD y CD 4.1.5 Fólder 4.1.6 Sobre Manila 4.1.7 Diploma 5. Marca Dependiente ............................ 62 5.1 “Colegio mixto jóvenes con futuro” 5.2 Área de respeto

Identidad Visual Institucional

1. IDENTIDAD INSTITUCIONAL 5

Identidad Visual Institucional - 1. Identidad Institucional

1.1 Justificación Los lineamientos que se describen en este manual son para efectuar una estrategia visual de lo que es la identidad. Es importante que sean respetadas y aplicadas correctamente para conseguir que la identidad de la asociación sea memorable. Este manual constituye ser un instrumento de consulta para aquellos individuos involucrados en el manejo de la marca, educa a sus lectores a entender el beneficio de expresarse con unidad.

1.2 Carta de identidad La Asociación Niños y Jóvenes con Futuro es una organización sin fines de lucro ante el registro civil en el año 2005, su proyección es facilitar servicios alternativos de formación académica que cumpla con estándares de calidad, tecnología e innovacción ante las demandas sociales del país para fomentar el crecimiento a niños, adolescentes y jóvenes que viven en áreas urbano de escasos recursos.

Identidad Visual Institucional - 1. Identidad Institucional

1.2.1 Misión Somos una institución que promueve el desarrollo social basado en la dignidad humana. Sus programas de atención están orientados a velar por la educación, promoción, formación, prevención, integración familiar e inclusión de todos y todas en acciones activas de cambio.

1.2.2 Visión Consolidarnos como una institución autosostenible creando alianzas con otras instituciones para facilitar servicios alternativos de calidad y formación académica, humana, tecnológica e innovadora ante las demandas sociales del país.

1.2.3 Valores La asociación se ha caracterizado por mantener inquebrantables sus principios de excelencia, respeto, justicia y amor; éstos han sido más que una declaración semántica, una forma de trabajo que les ha permitido forjar una organización para el beneficio de la población.

Identidad Visual Institucional

2. CONSTANTES UNIVERSALES 9

Identidad Visual Institucional - 2. Constantes Universales

2.1 Concepto Se selecciona el concepto “el saber es crecer” porque cumple con la misión que representa la organización en la sociedad, siendo ofrecer dentro de sus servicios un digno desarrollo humano a niños y jóvenes a través de incluirlos a la enseñanza media. Visualmente se emplea la silueta de la figura humana en sus tres etapas: niño, jóven y adulto. Se superpone la última etapa para connotar el significado de futuro, entendiendo como futuro la etapa de ser adulto es en donde el humano es capaz de solventar problemas con un mayor criterio gracias a su estudio.

crecimiento

letra “a” de asociación letra inicial del alfabeto

mensaje, pensamiento u opinión

Identidad Visual Institucional - 2. Constantes Universales

2.2 Construcción Geométrica Para evitar la deformación del isologo de la asociación niños y jóvenes con futuro, se presenta la construcción geométrica.

4 3 2

1/2 x

4 1x

2 1 1/2 x

Identidad Visual Institucional - 2. Constantes Universales

2.2 Construcción Geométrica Para evitar la deformación del isologo de la asociación niños y jóvenes con futuro, se presenta la construcción geométrica.

24 x

1/2 x

x= 135 °

1 1/2 x 135 °

135 °

Identidad Visual Institucional - 2. Constantes Universales

2.2 Construcción Geométrica Para evitar la deformación del isologo de la asociación niños y jóvenes con futuro, se presenta la construcción geométrica.

8x 3/4 x 3/4 x

1 1/2 x

135 ° 1/4 x

293 °

Identidad Visual Institucional - 2. Constantes Universales

2.2 Construcción Geométrica Para evitar la deformación del isologo de la asociación niños y jóvenes con futuro, se presenta la construcción geométrica.

2 3/4 x

3/4 x

Identidad Visual Institucional - 2. Constantes Universales

2.2 Construcción Geométrica Para evitar la deformación del isologo de la asociación niños y jóvenes con futuro, se presenta la construcción geométrica.

r = 10 x

10 x

10 x 4,5 x

4,5 x

2 3/4 x

4x 3/4 x

4x 3 1/2 x

3/4 x

Identidad Visual Institucional - 2. Constantes Universales

2.2 Construcción Geométrica Para evitar la deformación del isologo de la asociación niños y jóvenes con futuro, se presenta la construcción geométrica.

8x x

1 1/2 x

4,5 x 1/4 x

2 3/4 x

4x 3/4 x 3/4 x

3/4 x

146 °

Identidad Visual Institucional - 2. Constantes Universales

2.3 El Isotipo El isotipo del identificador se genera en base a la misión de la asociación, siendo su representación gráfica la silueta de la figura humana en sus tres etapas: niño, jóven y adulto guardando un orden ascendente.

8x x

1 1/2 x

1/4 x

326 °

3/4 x 3/4 x

* ESCALA 200:100

Identidad Visual Institucional - 2. Constantes Universales

2.4 El Logotipo El desarrollo de etapas también se visualiza en la jerarquía de la tipografía, por ejemplo la palabra “niños” al encontrarse escrito en minúscula contiene un significado infantil, la palabra “jóvenes” contiene un significado en relación a trabajar actualmente con un grupo de jóvenes y la palabra “con futuro” escrito en letras mayúsculas para transmitir un mensaje sobre la visión de la institución.

* ESCALA 600:100

Identidad Visual Institucional - 2. Constantes Universales

2.5 El Isologo El tipo de identificador grรกfico empleado para la identidad visual de la asociaciรณn, es un isologo compuesto de texto e imagen fundidos en un solo elemento siendo partes indivisibles de un todo y que sรณlo funcionan juntos.

IMAGEN

TIPOGRAFIA Avenir Next LT Pro Demi Condensed Italic Bold Condensed Italic

TEXTO

Bold Condensed Italic

FORMA

* ESCALA 300:100

Identidad Visual Institucional - 2. Constantes Universales

2.6 Visibilidad del Identificador Para asegurar la legibilidad del identificador se establecen dos versiones, cada una significan el mínimo tamaño que se le puede aplicar, estas versiones atienden criterios técnicos sobre los diversos sistemas de reproducción que existen.

VERSIÓN ESTÁNDAR para soporte digital e impresión offset

VERSIÓN PEQUEÑA para tampografía

0,25 in

1 in

* ESCALA 75:100

Identidad Visual Institucional - 2. Constantes Universales

2.7 Área de Respeto Se debe mantener un área de reserva alrededor de la marca para no entorpecer su visualización. Se establece “x” como medida en el margen de la marca. El área se construye a partir de red isométrica cuadrícula, esta red permite ampliaciones y reducciones de la marca manteniendo su proporcionalidad.

4x 20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

* ESCALA 200:100

Identidad Visual Institucional - 2. Constantes Universales

2.8.1 Versión en una tinta Siempre que sea posible se aplicará el isologo en su versión principal, en el caso de no ser posible por razones técnicas se utilizará la versión en una sóla tinta. fondo de color - 1 tinta

fondo en blanco - 1 tinta

* Cualquier otra aplicación de color no contemplada en este manual es prohibida. * El porcentaje de color puede variar dependiendo el papel y la calibración en donde se imprime.

Identidad Visual Institucional - 2. Constantes Universales

2.8.2 Versión para impresión offset Las versiones en positivo pueden implementarse con dos versiones tanto blanco y negro como en blanco y negro invertido. versión blanco y negro

versión blanco y negro invertido

* Cualquier otra aplicación de color no contemplada en este manual es prohibida. * El porcentaje de color puede variar dependiendo el papel y la calibración en donde se imprime.

Identidad Visual Institucional - 2. Constantes Universales

2.9 Uso correcto aplicado en fondos El uso correcto del isologo sobre fondos, serán unicamente aquellos que garanticen contraste visual y eviten la pérdida de la identidad, estos fondos son los siguientes: fotográficos claros

pantone 299 C 100 %

pantone 299 C 20 %

pantone gray 8 C 100 %

* Cualquier otra aplicación de color no contemplada en este manual es prohibida. * El porcentaje de color puede variar dependiendo el papel y la calibración en donde se imprime.

Identidad Visual Institucional - 2. Constantes Universales

2.10 Uso incorrecto aplicado en fondos El uso incorrecto del isologo sobre fondos, serรกn los siguientes: 1. No utilizar otro color que no sea uno de los estipulado en el manual.

2. No cambiar la ubicaciรณn de los elementos del isologo.

3. No distorsionar las proporciones.

5. No rellenar con degradados.

6. No enmarcar.

7. No usar sobre fondos estampados.

4. No rellenar con texturas o motivos.

* Cualquier otra aplicaciรณn de color no contemplada en este manual es prohibida. * El porcentaje de color puede variar dependiendo el papel y la calibraciรณn en donde se imprime.

25 27

Identidad Visual Institucional - 2. Constantes Universales

2.11 Construcción Gráfica en Papelería El área de redacción de cada uno de los formatos para la papelería serán según este diagrama simétrico que regula la proporción del espacio en cuanto a cantidad de información. razón social

1x 1x 3x 3x diagrama en dos hojas tamaño carta

* ESCALA 75:100 * Este diagrama es trazado en cada uno de los formatos de la papelería para visualizar el área de redacción.

Identidad Visual Institucional - 2. Constantes Universales

2.11 Construcción Gráfica en Papelería Para mantener unidad en las piezas gráficas, se hace uso del gráfico más representativo, a continuación se muestra su aplicación en cada formato que integra la papelería. carta membretada fólder membretado sobre manila membretado sobre membretado

* ESCALA 40:100

Identidad Visual Institucional - 2. Constantes Universales

porta CD y CD

block de notas brouchure

* ESCALA 40:100

fan page

Identidad Visual Institucional - 2. Constantes Universales

2.12 Colores Institucionales Para asegurar armonía en el material visual, se establece una paleta de colores planos sin degradados, en sus distintas tonalidades para dar uniformidad al diseño y así reducir costos de impresión. El uso se da en cmyk, rgb y hsb para documento de impresión y multimedia. 100 %

90 %

80 %

70 %

60 %

50 %

40 %

30 %

20 %

Pantone 280 C C:100 M:90 Y:34 K:22 R:2 G:33 B:105

Pantone 299 C C:86 M:13 Y:0 K:0 R:0 G:161 B:223

Pantone Gray 8 C C:47 M:37 Y:37 K:18 R:138 G:138 B:141

Pantone Black 6 C C:0 M:0 Y:0 K:100 R:34 G:34 B:34

Como complemento, se establece una paleta secundaria para fondos, áreas de relleno, resaltar titulares o bien para aplicarla en otros materiales que no sean los documentos de la papelería. 100 %

90 %

80 %

70 %

60 %

50 %

40 %

30 %

20 %

Pantone 107 C C:3 M:8 Y:89 K:0 R:254 G:224 B:30

Pantone 1375 C C:0 M:47 Y:88 K:0 R:245 G:154 B:42

Identidad Visual Institucional - 2. Constantes Universales

2.13 Tipografía Institucional Para asegurar la comprensión de textos y una lectura fluida, se selecciona una tipografía de clasificación san serif, la cual transmite juventud, cuidado, dinamismo y carácter. La tipografía primaria es útil para aplicarla en documentos, en el caso de crear contenido web la tipografía secundaria será su remplazo.

2.13.1 Tipografía Primaria Avenir Next LT Pro Regular abcdefghijklmnñoqrstuvwxyz 1234567890 !”&’(),-./:;<=>?@ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

Avenir Next LT Pro Bold Condensed Italic abcdefghijklmnñoqrstuvwxyz 1234567890 !”&’(),-./:;<=>?@ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

2.13 .2 Tipografía Secundaria Arial abcdefghijklmnñoqrstuvwxyz 1234567890 !”&’(),-./:;<=>?@ ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

Avenir Next LT Pro

Identidad Visual Institucional - 2. Constantes Universales

2.14 Identidad Institucional Para asegurar expresividad en el material visual, se establece el estilo realismo, las fotografías captan la práctica de valores como compañerismo, solidaridad y respeto esto permite expresar valores. De ser posible los cortes sobre las imágenes deben ser plano general, americano y conjunto. plano general

plano conjunto

plano americano

Identidad Visual Institucional

3. SISTEMAS DE APLICACIÃ&#x201C;N 33

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.1 Material POP Consisten ser los objetos que tienen el isologo, representan una organización que requieran la persuación de un público determinado.

3.2 Material Digital Material que ofrece al público la posibilidad de informar conceptos, funciones, lecturas, instrucciones o actividades.

3.3 Material de Oficina Material que ofrece ser un recurso de comunicación que es utilizado para representar a la empresa u organización.

3.4 Señalética Estudia las relaciones entre los signos de orientación que existen en el espacio y los signos infomativos que regulan el comportamiento de los individuos.

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.1.1 Material POP - Playera

Características Tamaño: 2 x 2 in Orientación: Vertical Escala: 10:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.1.2 Material POP - Stiker

Características Tamaño: 1.38 x 1.38 in Soporte: Papel Adhesivo Gramos: 120 grs. Escala: 200:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.1.3 Material POP - Block de Notas 1 in

1 in

Características

tiro 1 in

1 in

Tamaño: 5 x 4 in Formato: Carta Orientación: Vertical Soporte: Papel Bond Gramos: 80 grs. Escala: 50:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.1.4 Material POP - Roll Up 4 in

6 in

Características 6 in

4 in

Tamaño: 34 x 80 in Formato: A2 Orientación: Vertical Material: Aluminio y acero Escala: 05:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.1.5 Material POP - Brouchure Institucional

Características Tamaño: 8.5 x 11 in Formato: Carta Orientación: Vertical Soporte: Papel Bond Gramos: 80 grs. Impresora: Láser - Tóner Impresión: Full Color Escala: 45:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.2.1 Material Digital - Plantillas para Power Point

Características Tamaño: 10 x 7.5 in Orientación: Horizontal Programa: Power Point Escala: 20:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.2.2 Material Digital - Página Web

Características Formato: 960 x 1000 pixeles Orientación: Vertical Escala: 100:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.2.3 Material Digital - Fan Page Facebook

Características Tamaño perfil: 160 x 160 pixeles Tamaño portada: 820 x 315 pixeles Orientación: Horizontal Escala: 100:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.3.1 Material de Oficina - Sello

Características Tamaño: 1 x 1” Orientación: Horizontal Soporte: Hule Material: Madera Escala: 100:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.3.2 Material de Oficina - Pin

Características Tamaño: 5.08 x 5.08 cm Orientación: Horizontal Soporte: Adhesivo Material: Pin metálico Escala: 200:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.4 Señalética La señalética para la asociación, será colocada en pasillos, puertas, salones y paredes de la instalación para informar u orientar al usuario dentro de la misma, estas fueron diseñadas en para la memorabilidad de la identidad visual de la entidad. La señalética institucional de la asociación se presenta en tres tipos: Señalética Informativa Señalética de Emergencia o Preventiva Señalética Reguladora

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.4.1 Señalética Informativa - Horario

Características Tamaño: 8.5 x 3.5 in Orientación: Horizontal Soporte: Papel Adhesivo Material: Montado en PVC Escala: 50:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.4.1 Señalética Informativa - Salones

Características Tamaño: 4 x 4 in Orientación: Horizontal Soporte: Papel Adhesivo Material: Montado en PVC Escala: 40:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.4.2 Señalética de Emergencia o Preventiva - Salones

Características Tamaño: 4 x 4 in Orientación: Horizontal Soporte: Papel Adhesivo Material: Montado en PVC Escala: 40:100

Identidad Visual Institucional - 3. Sistemas de Aplicación

3.4.3 Señalética Reguladora - Salones

Características Tamaño: 6.77 x 20.32 cm Orientación: Horizontal Soporte: Papel Adhesivo Material: Montado en PVC Escala: 35:100

Identidad Visual Institucional

4. PAPELERÍA APLICADA 51

Identidad Visual Institucional - 4. Papelería Aplicada

4.1 Aplicación Para la papalería, la elección del papel aporta significativamente un estilo, en este caso se decide utilizar la impresión inkjet full color en papel bond de 80 grs. a 120 grs. de manera que exista coherencia en textura y color dentro del set de productos. Posiblemente puede existir variación en tarjetas de presentación, porta cd, fólder y diplomas, sugiriendo hacer uso de papel opalina. La papelería institucional de la asociación consta de los siguientes materiales impresos: Tarjeta de Presentación Carta Membretada Sobre para Carta Membretada CD y porta CD Fólder Sobre Diploma

Identidad Visual Institucional - 4. Papelería Aplicada

4.1.1 Tarjeta de Presentación

0,75 in

0,5 in

0,25 in

0,5 in

tiro

0,5 in

retiro

Características Tamaño: 3.5 x 2 in Formato: Carta Orientación: Horizontal Soporte: Papel Bond Gramos: 120 grs. Escala: 70:100

Identidad Visual Institucional - 4. Papelería Aplicada

4.1.2 Carta Membretada 1 in

1 in

1 in 1 in

tiro

1 in

Características Tamaño: 8.5 x 11 in Formato: Carta Orientación: Vertical Soporte: Papel Bond Gramos: 80 grs. Escala: 25:100

Identidad Visual Institucional - 4. Papelería Aplicada

4.1.3 Sobre para Carta Membretada 2 in

0,75 in

0,5 in 1,5 in

tiro

1,5 in

Características retiro

Tamaño: 9 x 4 in Formato: Carta Orientación: Horizontal Soporte: Papel Bond Gramos: 80 grs. Escala: 30:100

Identidad Visual Institucional - 4. Papelería Aplicada

4.1.4 Porta CD y CD

1,5 in

1,25 in

1 in

0,5 in 0,75 in

porta CD

0,75 in

Características

Tamaño: 5 x 5 in Formato: Carta Orientación: Horizontal Soporte: Papel Opalina Gramos: 120 grs. Escala: 35:100

Tamaño: 5 x 5 in Formato: Carta Orientación: Horizontal Soporte: Papel Adhesivo Gramos: 80 grs. Escala: 35:100

Identidad Visual Institucional - 4. Papelería Aplicada

4.1.5 Fólder 1 in retiro 1 in

0,25 in tiro 1 in

1 in

Características Tamaño: 9 x 11 in Formato: A2 Orientación: Horizontal Soporte: Papel Opalina Gramos: 120 grs. Escala: 25:100

Identidad Visual Institucional - 4. Papelería Aplicada

4.1.6 Sobre Manila 1 in

retiro

1 in

1,25 in 1 in

tiro

1 in

Características Tamaño: 9 x 11.5 in Formato: A2 Orientación: Horizontal Soporte: Papel Bond Gramos: 80 grs. Escala: 25:100

Identidad Visual Institucional - 4. Papelería Aplicada

4.1.7 Diploma 1,5 in

1,5 in

1 in

2 in

tiro

2 in

Características Tamaño: 11 x 8.5 in Formato: Carta Orientación: Horizontal Soporte: Papel Opalina Gramos: 120 grs. Escala: 25:100

Identidad Visual Institucional

5. MARCA DEPENDIENTE 61

Identidad Visual Institucional - 5. Marca Dependiente

5.1 Colegio mixto jรณvenes con futuro Como marca dependiente encotramos el logotipo legalizado del programa colegio mixto jรณvenes con futuro, esta marca es empleada en recursos pedagรณgicos, documentos, hojas de trabajo y presentaciones.

Identidad Visual Institucional - 5. Marca Dependiente

5.2 Ă rea de Respeto La marca dependiente cuentan con la misma importancia que la marca paraguas de la asociaciĂłn, sin embargo existen espacios que se deben respetar en el isologo y entre cada una de las marcas.

2 1

2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

* ESCALA 200:100

Identidad Visual Institucional

asocnjconfuturo@gmail.com - www.asocnjconfuturo.com