Manual de Imagen Institucional IfraEstFisEducativa

Manual de Imagen Institucional

NDICE

2 3

NORMATIVIDAD INTRODUCCIN IDENTIDAD GRFICA

4 5 6 7 8 9 10

Logotipo Oficial Imagotipo, Logotipo, Leyenda rea de restriccin y tamao mnimo Versiones del Logotipo INIFED Construccin de reas y Gerencias Identificacin de reas y Gerencias TIPOGRAFAS COLOR

11 12 13 14 15 16 17 18

Versin a Color Versin en Calado Negro Versin en Calado Blanco Versin en Calado Gris Color Institucional Color Secundario Paleta de Colores RESTRICCIONES IDENTIDAD GOBIERNO FEDERAL

19 20 21 22 23 24, 25 26

Firmas de Presidencia y Secretaras Firma de la SEP y versiones de firma Colores Institucionales y versiones de color Firma de la SEP, aplicaciones incorrectas Principales Aplicaciones SEP INIFED Otras aplicaciones PORTAL DE INTERNET APLICACIONES

27 28, 29 30

Aplicacin ISO Artculos promocionales Sealizacin

NORMATIVIDAD

I.

Manual de Identidad Institucional del Gobierno Federal 2006-2012 Gua para el Desarrollo de Sitios Web de la Administracin Pblica Federal. Manual de Imagen para Sitios de Internet del Gobierno Federal Lineamientos que Regulan las Acciones de Comunicacin del Instituto Nacional de la Infraestructura Fsica Educativa.

II.

Para dudas o aclaraciones sobre la aplicacin de la Imagen Institucional del INIFED, comuncate a la extensin 1533 en la Coordinacin Tcnica.

III.

IV.

FECHA DE EMISIN: 18 DE JULIO DE 2008.

02

INTRODUCCIN

El objetivo del Instituto es fungir como un organismo con capacidad normativa, de consultora y certificacin de la calidad de la infraestructura fsica educativa del pas y de construccin, en trminos de esta Ley, su reglamento y dems disposiciones aplicables, y desempearse como una instancia asesora en materia de prevencin y atencin de daos ocasionados por desastres naturales, tecnolgicos o humanos en el sector educativo. Artculo 16. Ley General de la INFE

La imagen institucional comprende el conjunto de acciones comunicativas que debe realizar una organizacin para expresar su identidad. La historia, misin, visin, objetivos y valores del Instituto Nacional de la Infraestructura Fsica Educativa, debern reflejarse en una imagen institucional congruente, slida y homognea, que permita al organismo ser identificado ante sus diferentes pblicos y lograr una mayor efectividad en los mensajes a difundir. El presente Manual, describe los elementos que conforman la identidad visual del Instituto, sus diferentes aplicaciones, as como los lineamientos que debern seguirse para el diseo y reproduccin de materiales de comunicacin en apego al Manual de Imagen Institucional del Gobierno Federal 2006-2012.

03

Logotipo Oficial

Logotipo Oficial del Instituto Nacional de la Infraestructurta Fsica Educativa

04

Imagotipo, Logotipo, LeyendaEl diseo de la identificacin grfica del INIFED, es el principal componente de la Imagen Institucional y la clave para hacer que sea reconocido instantneamente.Imagotipo

Por ello es muy importante no alterar, bajo ninguna circunstancia, la proporcin, forma o color.

Logotipo

Est compuesta por 3 elementos: Imagotipo, Logotipo y Leyenda. El Logotipo fue especialmente trazado, por lo tanto, no existe una fuente que pueda transcribirlo directamente. La Leyenda est diseada con la tipografa GauntletClassic (en PC). Se utiliza en dos lneas justificadas del mismo ancho que el Logotipo y colocadas en la parte inferior. El uso separado de alguno de los elementos est permitido nicamente en las circunstancias que este Manual seala. Cualquier otra adecuacin no es vlida, pues ocasiona que la identidad grfica del Instituto pierda fuerza.

Leyenda

05

rea de Restriccin y Tamao mnimoLa fuerza y limpieza del Logotipo Oficial no slo dependen del tamao al que se reproduzca, el espacio alrededor de ste tambin es importante.rea de Restriccin

En cualquiera de las versiones, el rea libre a cada uno de sus lados debe ser respetado, se debe mantener alejado cualquier elemento visual o tipogrfico al menos el equivalente al tamao sealado como X. El tamao mnimo al que puede reproducirse es de 15 milmetros de base; a esta medida todava resultan legibles todos sus elementos. Reproducciones en tamaos ms pequeos son ilegibles

Tamao mnimo

1.5 cm

1.5 cm

1.5 cm

06

IDENTIFICACIN GRFICA

Versiones del Logotpo INIFED

Versin Principal

Previendo posibles limitantes de espacio y la adaptacin a diferentes situaciones de comunicacin, se han hecho tres versiones de la Identidad Institucional.

Versin Principal Contiene todos los elementos de la Identidad Grfica del INIFED en su disposicin original. Se utilizar siempre que exista suficiente espacio para su correcta aplicacin.Versin Horizontal completa

Versin Horizontal completa Contiene todos los elementos de la Identidad Grfica del INIFED, pero su disposicin es horizontal para facilitar su aplicacin cuando no se disponga de la altura necesaria.

Versin Horizontal Presenta el Imagotipo y el Logotipo del INIFED. Su principal aplicacin es de uso interno.Versin Horizontal

07

IDENTIFICACIN GRFICA

Construccin de reas y GerenciasPara comunicar la unidad y coordinacin del INIFED, su identidad debe ser consistente y expresarse ms all del Logotipo Oficial. Las reas que integran el INIFED forman parte de un mismo sistema de comunicacin, por ello se ha diseado una identificacin para cada rea o Gerencia. Partiendo del Logotipo Oficial, se substituy el Nombre del Instituto por el de cada rea o Gerencia. Como se observa, la disposicin de los elementos corresponde a una adaptacin horizontal, quedando como la nica versin autorizada.

Versin nica

Aplicaciones de colorCalado a Gris

Calado a Blanco

Calado a Negro

08

Identificacin de reas y GerenciasPara la identificacin de cada una de las reas de trabajo, no se debe omitir que tambin existe un orden, proporcin y elementos de color que deben respetarse siempre. Esta identificacin deber utilizarse principalmente para comunicacin interna.

09

TIPOGRAFAS

Institucional / AuxiliarPara la Leyenda del logotipo se utiliza la tipografa Gauntlet Classic para PC. Para el trabajo cotidiano se emplearn las fuentes tipogrficas Arial y Eureka Sans. La primera por ser de fcil acceso en los equipos de cmputo y la segunda por ser la que determina el Manual de Identidad Institucional del Gobierno Federal 2006-2012. Esta es una gua visual del aspecto y posibilidades de las fuentes mencionadas.

10

COLOR

Versin a ColorEl Color Institucional refleja la identidad del INIFED, sus caractersticas cromticas destacan singularmente sobre un fondo blanco. Sus aplicaciones sern todas aquellas que permitan el uso de color como papel membretado, tarjetas de presentacin, folletos, y carteles.

Pantone 309 CV al 100%


Colores de fondo para esta versin

Blanco

Pantone Cool Gray 10 C al 40%

11

COLOR

Versin en Calado NegroEn el espectro de color el mayor contraste es entre blanco y negro, el cual permite mayor legibilidad. Esta versin aplica a toda la papelera de uso comn como oficios, tarjetas informativas, sellos y formatos en general, pero siempre atendiendo a los lineamientos de uso de imagen del Gobierno Federal.

Negro

Negro al 50%


Blanco

12

COLOR

Versin en Calado BlancoEl uso de esta versin ayuda a generar un mayor contraste sobre fondos de color muy obscuro, negro o cualquier valor de gris que genere diferencia con el Logotipo. Sus aplicaciones pueden ser en impresos o artculos promocionales.

Blanco

Transparencia de Blanco al 40%






13

COLOR

Versin en Calado GrisEsta versin permite generar un mayor contraste sobre fondos de colores claros. Sus aplicaciones quedan reservadas a casos muy especficos donde las piezas de comunicacin no permitan el uso de color.




Blanco



14

COLOR

InstitucionalUn aspecto fundamental de la identidad grfica es el uso correcto del Color Institucional. Debe existir absoluto control de calidad en su aplicacin. Hay que considerar que el color vara de acuerdo al soporte o medio de comunicacin; si no se aplica correctamente, en los medios impresos se ensuciara y perder su brillo y nitidez. Por el contrario, aplicado en medios electrnicos como internet, la luminosidad del canal le inyecta ms brillo. La aplicacin en color de la identificacin grfica, debe apegarse a esta gua de valores para asegurar su correcto uso y reproduccin.

Tinta directa Pantone 309 CV

Tinta Process C. 100 M. 0 Y. 20 K.70

Valores del Color Institucional en degradado.

Tinta directa

Color Web R. 5 G. 80 B. 90

100%Tinta Process

80%

70%

60%

50%

40%

100%Color Web

80%

70%

60%

50%

40%

100%

80%

70%

60%

50%

40%

15

COLOR

SecundarioAdems del uso del Color Institucional, en relacin a ste se ha adoptado como color secundario un verde (Pantone DS 303-1 C) con alto brillo y contraste. Sus principales aplicaciones estn limitadas a materiales internos como portadas, avisos, impresos, sealtica y otros que se consideren de acuerdo a las necesidades de comunicacin del Instituto.Pantone DS 303-1 C

Tinta directa

Tinta Process C. 35 M. 0 Y. 100 K.10

Valores del color auxiliar principal en degradado.

Tinta directa

Color Web R. 162 G. 192 B. 47

100%Tinta Process

80%

60%

100%Color Web

80%

60%

100%

80%

60%

16

COLOR

Paleta de Colores

Para definir los colores auxiliares que aportarn visualmente las composiciones de diseo de nuestra Identidad Grfica, nos apoyamos directamente en el Manual de Identidad Federal. Al formar parte de la Secretara de Educacin Pblica, nos corresponden sus colores institucionales. Nos referimos al Amarillo SEP (Pantone 143 C) y al Gris neutro (Pantone Cool Gray 10 C).Pantone 309 CVC

Color Institucional

Las posibilidades de aplicacin de estos cuatro colores se multiplican si tomamos en cuenta las variaciones de porcentaje.

Color Auxiliar Pantone DS 303-1

Color Institucional Amarillo SEP Secundario Pantone 143 C

Amarillo SEP

Gris Pantone Cool Gray 10 C Gris

17

RESTRICCIONES

Aplicaciones IncorrectasEs comn que por desconocimiento se aplique el logotipo de una entidad de manera equivocada.

1

2

Los siguientes grficos representan algunos casos claros y frecuentes de aplicaciones incorrectas, que desde luego debern evitarse.

3

4

1. Cambiar o alterar el color institucional. 2. Aplicar degradados.5 6

3. Alargamientos, deformaciones o desproporciones verticales. 4. Alargamientos, deformaciones o desproporciones horizontales. 5. Substituir o modificar la tipografa institucional. 6. Alterar la colocacin de los elementos del logotipo. 7. Eliminar elementos del logotipo.

7

8

8. Agregar elementos al logotipo.

18

IDENTIDAD GOBIERNO FEDERAL

Firmas de Presidencia y SecretarasEl concepto rector para el manejo de la imagen y la comunicacin del Gobierno Federal se sustenta en la idea de que la nacin mexicana es equiparable a un mosaico; un gran mosaico social. Cada Secretara porta su propio color, que se integra a la gama cromtica de su Gabinete: Seguridad y Gobierno, Econmico y Desarrollo Social. El color de cada Entidad ser el que dictar los tonos predominantes de cada estilo visual. Cada color ha sido elegido a partir de la relacin con su gabinete, y la cercana en funciones con integrantes afines. Si bien cada Entidad puede estar ligada histricamente a otros colores, stos nuevos y su relacin entre ellos, nos permitirn generar una identidad armnica, memorable y diversa, como el rico pas que formamos.

19


Firma de la SEP / VersionesLa firma debe aparecer en diversos medios de comunicacin, papelera, internet, impresos, artculos promocionales, sealtica, publicidad, etc. vinculando siempre al Instituto con su Cabeza de Sector, que en este caso es la SEP.

El Manual de Identidad Institucional del Gobierno Federal plantea cuatro versiones de Firma para cada Secretara. Para fines prcticos, te presentamos las dos versiones que son de uso comn para nuestro trabajo en el INIFED.

Todas las versiones de la firma son de carcter oficial e institucional, pero su uso en las diferentes aplicaciones grficas esta sujeto a lineamientos muy concretos. No debes utilizarlas arbitrariamente ya que la papelera y las aplicaciones para Internet deben presentarse exactamente como lo determina el Manual de Identidad Federal. Para estas aplicaciones no es necesario tratar de adecuar algn formato por tu cuenta pues estos ya existen.

Firma Principal

Contiene los tres componentes de la firma. Se usa en aplicaciones impresas como trpticos, carteles, portadas.

En el caso especfico de los portales de Internet y de micrositios, la forma correcta de aplicar la Imagen Institucional (Firma de la SEP, color institucional y los mdulos de diseo), es nicamente a travs de las plantillas diseadas para estos medios de comunicacin. La colocacin de diseos personalizados o de elementos ajenos a la Identidad Grfica, va en deterioro de la correcta aplicacin de las disposiciones establecidas para todas las dependencias por el Sistema de Internet de la Presidencia (SIP). Seguir estos lineamientos ayuda a lograr un sistema electrnico de comunicacin acorde al Manual de Identidad Institucional del Gobierno Federal.

Firma Vertical

Esta versin es la que se emplea en los formatos para oficios.

20


Colores Institucionales y Versiones de color

Las Secretaras de Estado tienen su propio color institucional, para la SEP, los siguientes grficos representan los colores y sus aplicaciones. En cada caso, las condiciones de impresin marcarn cul es la versin de color ms apropiada para las diversas aplicaciones.

Amarillo SEP Pantone 143 C CMYK 0.35.85.0 RGB 232.194.86

Gris Pantone Cool Gray 10 C 15% CMYK 0.0.0.10 RGB 232.232.232

Gris Pantone Cool Gray 10 C 100% CMYK 0.0.0.60 RGB 102.102.102

Negro 35% Negro 10% Negro 60% Versin a una tinta en porcentajes Esta versin es til cuando slo puedas imprimir diferentes porcentajes de una tinta, como en un peridico.

Versiones a una tinta en plasta Principalmente para reproducciones en metal, grabado ciego o esmerilado.

21


Firma de la SEP / Aplicaciones IncorrectasDe la misma forma en que se deben evitar las aplicaciones incorrectas en la imagen institucional del INIFED, deber ponerse especial cuidado en la aplicacin de la Imagen del Gobierno Federal. En este apartado te presentamos los errores ms comunes de aplicacin de la Firma SEP.

1

2

3

1. Cambiar o alterar los colores institucionales (Amarillo SEP y Gris Cool Gray).4

2. Modificar al tamao de las siglas SEP. 3. Reducir o ampliar el tamao del Escudo Nacional. 4. Substituir o modificar la tipografa institucional.

5

5. Alterar los mdulos que construyen la Firma. 6. Deformaciones horizontales o verticales

6

22


Principales aplicaciones SEP - INIFEDSern todas aquellas que requieran oficializar la pertenencia a nuestra Cabeza de Sector, principalmente las tarjetas de presentacion y el papel membretado para oficios. Como ya se ha mencionado, la papelera es inalterable, tambin se diagrama partiendo de las proporciones del Escudo Nacional (longitud marcada con una x). Dado que nuestra identidad institucional federal es modular, la firma de cada integrante del Gabinete Legal se ha ajustado al formato de la papelera. No es necesario redibujarla, existen los archivos electrnicos adaptados a las necesidades del INIFED.

La papelera tambin se diagrama partiendo de las proporciones del Escudo Nacional (longitud marcada con una x). Sus mrgenes y alineaciones laterales tienen la misma distancia que x (2.3 cm) mientras que los mrgenes superior e inferior la mitad de x (1.2 cm). La direccin, telfonos e internet van justificados a la derecha, alineados de abajo hacia arriba a partir del margen inferior y a la izquierda del Escudo Nacional.

Sr. Ejemplo de Papelera Compaa Deseada Calle 129, Col. Cualquiera Ciudad Sobrepoblada 1234

Estimado Sr. Ejemplo

La tarjeta de presentacin se diagrama partiendo de las proporciones del Escudo Nacional (longitud marcada con una x), que en este caso es la mitad del alto de la tarjeta (2.5 cm). Teniendo la medida de x, podemos definir el resto de los mrgenes y medianiles.

Estas lneas son slo para indicarte cmo debes ubicar el texto en la papelera de las Secretaras de la Repblica Mexicana y mantener la armona. Como podrs observar, todos los elementos estn ordenados de una forma armnica, lo que logra un balance que hace que la gente diga: Caray, no s que tiene esta hoja, pero se ve que el Gobierno de la Repblica es una institucin que sabe lo que est haciendo; se ve profesional, y me invita a leerla con atencin. Es muy importante para nosotros, los que trabajamos en el Gobierno Federal que todos los detalles hablen de nuestra pasin por el perfeccionismo. Adems, pensando en el tiempo que le dedicamos a escribir, imprimir y enviar una carta, creemos que vale la pena invertirle unos segundos ms y asegurarnos de que los mrgenes sean los correctos. Todo el texto debe estar escrito en Helvetica o Arial a 10 pt con espacio de 12 pt de interlineado, justificado con un margen izquierdo y derecho de 2.3 cm. La parte inferior del saludo al destinatario, debe de alinearse a 10 centmetros de la parte superior de la hoja. As, aseguraremos que el doblez se haga para un sobre tamao carta dividida perfectamente. La direccin y el saludo con el texto de la carta, y todo se vea visualmente ms organizado. La caja del texto general, debe comenzar 3 lneas abajo de este saludo. Por ltimo no escribas a menos de 4 cm de la parte inferior del papel.

Muchas gracias

* Anexo 1

23


Otras aplicaciones SEP - INIFEDEstos son algunos ejemplos de posibles aplicaciones. Como se aprecia, estan apegadas a los lineamientosde la Imagen Institucional del INIFED y del Gobierno Federal.

Dptico o Trptico

LEY GENERAL DE LA INFRAESTRUCTURA FSICA EDUCATIVA

PARA QUE TODOS VIVAMOS MEJOR

Mamparara. Sesin Ordinaria de la H. Junta de Gobierno

Reconocimiento

Portada para CD

24


Otras aplicaciones SEP - INIFEDNo hay un lmite para disear, pero siempre debe prevalecer el criterio apegado a la formalidad y cumplimiento de las normas.

Credencial

Tarjetones de estacionamiento Portada para documentos

25

PORTAL DE INTERNET

Con la intencin de homologar la apariencia y la estructura de la informacin contenida en los sitios web, el Sistema de Internet de la Presidencia ha desarrollado una serie de plantillas basadas en la nueva imagen institucional del Gobierno Federal. Portal INIFED Las plantillas contienen zonas que no deben cambiar en apariencia ni posicin (Encabezado, Men Principal y Pie de Pgina) y debern mantenerse en todas y cada una de las pginas del sitio.

El diseo y desarrollo de Sitios Web deber apegarse a las las disposiciones previstas en la Gua para el Desarrollo de Sitios Web de la Administracin Pblica Federal y el Manual de Imagen para Sitios de Internet del Gobierno Federal. Cabe mencionar que los Portales de Internet sern evaluados de manera conjunta por la Secretara Ejecutiva del Comit Intersecretarial de Transparencia y Combate a la Corrupcin y por el Sistema de Internet de la Presidencia.

26

OTRAS APLICACIONES

Aplicacin INIFED - ISOEl INIFED cuenta con la Certificacin ISO-9001:2000 con el objetivo de garantizar la excelencia de sus procesos y as ofrecer productos y servicios de calidad. Este compromiso de todos los colaboradores del Instituto, se materializa en una imagen grfica que representa la fortaleza del Organismo y pretende transmitir confianza a los pblicos internos y externos.

Formato con aplicacin ISO

Dicha imagen deber ser utilizada en los oficios y en el Portal de Internet principalmente.

27

OTRAS APLICACIONES

Artculos PromocionalesCon el objetivo de posicionar la Imagen Institucional del INIFED en expos, ferias y congresos, se han previsto diversas aplicaciones en artculos promocionales.

Llaveros

Tazas Playera polo

Encendedores

28

OTRAS APLICACIONES

Artculos PromocionalesDebido a la variedad de opciones de impresin y materiales disponibles para la elaboracin de artculos promocionales, deber ponerse especial cuidado en la reproduccin de la Imagen Institucional, de manera que se respeten las disposiciones establecidas en este Manual para su aplicacin.

Reloj

Gorra Bolgrafos

Tarjeteros

29

OTRAS APLICACIONES

SealizacinExisten otro tipo de aplicaciones que son las que corresponden a la sealizacin interna. Se emplean principalmente en muros y ventanas, con el objeto de indicar la ubicacin de reas de trabajo, espacios de servicios o seales de seguridad entre otros.

Seal de rea o gerencia

Seal de orientacin

Planta Baja StanoSeales para puertas y de seguridad en cristales

Seales de seguridad

Salida de emergencia

30

Documents

Manual de Imagen Institucional IfraEstFisEducativa