Manual de Identidad Gráfica - Seguridad Social para Todos · En tipografía de fantasía ubicado a...

Manual de Identidad Grfica

02

030405

01

ndice de contenidos

00 Introduccin y modo de empleo Identidad grfica Logotipo primario rea de seguridad apLicaciones de coLor Logotipo en versin verticaL uso de imagotipo como pieza indivicuaL Logotipo para apLiacin muLtimedia restricciones de apLicacin

Identidad grfica Logotipo primario Aula Virtual rea de seguridad apLicaciones de coLor restricciones de apLicacin

Texturas usos y apLicaciones

Paleta de color coLores designados coLores para degradados y voLmenes

Seleccin tipogrfica tipografa dispLay tipografa principaL. tipografa acompaante o secundara.

0708

06

ndice de contenidos

Personajes ilustrados personajes principaLes tomasito juLia susana don pepe Productos Multimedia Logotipo animado para video pLantiLLa para entrevistas

Plantillas papeLera ppt

00Introduccin y modo de empleo

00Introduccin ymodo de empleo

el presente manual tiene como propsito brindar a sus usuarios toda la informacin e insumos necesarios para la produccin o diseo de material que contenga uno o ms de los elementos que conforman la identidad grfica del programa Seguridad social para todos.

La elaboracin de dicho material deber encontrarse dentro del marco programa Seguridad Social para Todos, y requerira en todos los casos la previa autorizacin y consentimiento del Centro Interamericano de Estudios de Seguridad Social, rgano ejecutor del mencionado programa.

De igual forma, este documento establece los lineamientos visuales y compositivos bajo los cuales toda ejecucin grfica, independientemente de la organizacin o individuo que la genere, deber ser elaborada, con el propsito de mantener la continuidad y los estndares estticos de todos los productos orientados a promover y difundir la identidad y los contenidos del programa a travs de cualquier medio que se valga parcial o totalmente de recursos perceptibles a la vista.

Adicionalmente, para un empleo ptimo, se sugiere que esta gua y sus contenidos sean utilizados principalmente por el responsable del diseo, editorial, grfico o audiovisual del producto que ser generado.

es necesario sealar que para poder usar los insumos contenidos en este material, puede ser necesario el siguiente software:

adobe(se sugiere cs4 en adelante): illustrator in design photoshop

microsoft Word powerpoint

Quicktime Player

A su vez, debe considerarse que las fuentes tipogrficas no sern provistas con este manual; sin embargo, el usuario podr encontrar, cuando corresponda, un hipervnculo que lo dirija a algn sitio que permita la descarga legal, y preferiblemente gratuita, de dichos recursos.

Sugerimos leer completamente este manual y descargar e instalar todas las tipografas o software necesario antes de abrir cualquier archivo.

Para mayor informacin, o para solicitar material complementario, puede escribir a los siguientes correos electrnicos:

[email protected]@ciss.org.mx

mailto:[email protected]:[email protected]

01Identidad grfica

Logotipo primario

El Logotipo, elemento clave de la identidad del programa, es el conjunto del smbolo, la tipografa y los colores institucionales.

Debern respetarse con estricto apego, tanto los colores como las caractersticas de los elementos implicados y la relacin que ocurre entre los mismos, al mismo tiempo que deber ser supervisado, buscando as su correcta aplicacin.

imagotipo:

actores del programa en interaccin reciproca.

Los cuatro actores del programa representados en forma diagramtica

interactuando entre si: Gobiernos, Organizaciones, Trabajadores

y beneficiario. El trabajo colaborativo es el eje de la propuesta.

Logotipo:

Seguridad Social para todos. En tipografa de fantasa ubicado a la

derecha del diagrama. en minscula para otorgarle una mejor lectura.

01Identidad grfica

Solicita los archivos originales a [email protected] o a travs del formulario de contacto que aparece en la pgina donde descargaste este archivo. NO TODAS LAS SOLICITUDES SERN APROBADAS

rea de seguridad

Este apartado tiene como finalidad cuidar tanto la lectura e integridad del logotipo, como la limpieza del rea en la que este ser aplicado. no se podrn ejecutar adaptaciones o agregados ya sea de textos o elementos grficos que invadan alguna de las tolerancias marcadas en el permetro del logo.

esto debe aplicarse a todas las variantes del logotipo.

reas de restriccinEl espacio que conforman las reas de restriccin, queda distribuido de la siguiente manera: el rea superior ser de 2 de X, los laterales y el rea inferior sern de 2 X equivale a 2 veces la altura de los tipos altos.

50 mm

x

Tamao mnimocon el objetivo de conservar una buena legibilidad en la reproduccin del logotipo, el tamao mnimo autorizado para la aplicacin principal es de 50 mm, tomando como base el largo total.

01Identidad grfica


Paleta de Color

Con el fin de mantener una imagen consistente en todas sus aplicaciones el logotipo de seguridad social para todos deber siempre apegarse a cada uno de los colores que aqu se mencionan y no alterar los valores que se detallan a continuacin.

c 80m 32y 2K 0

r 26g 124 B 192

c 3m 43y 100K 0

r 233g 129B 9

c 64m 4y 2K 0

r 59g 176 B 229

c 1m 23y 68K 0

r 247g 186 B 82

PANTONEProcess blue C

PANTONE144 C

PANTONE2915 C

PANTONE135 C

01Identidad grfica

escalas de grises

una tinta

uso sobre plasta oscura

Aplicaciones de color

Con el fin de mantener una imagen consistente en todas sus aplicaciones el logotipo de seguridad social para todos deber siempre apegarse a cada uno de los colores que aqu se mencionan y no alterar los valores que se detallan a continuacin.

01Identidad grfica


21 x

13 x

xLogotipo versin vertical

el elemento de texto siempre se colocar debajo del imagotipo, alinendolo al centro.El espacio que queda entre un texto y otro, deber tener una medida de 1 de X y el ancho total del logotipo ser de 21 de X por 13 de X.

reas de restriccinEl espacio que conforman las reas de restriccin, queda dis-tribuido de la siguiente manera: el rea superior ser de 2 de X, los laterales y el rea inferior sern de 2 X equivale a 2 veces la altura de los tipos altos.

Tamao mnimocon el objetivo de conservar una buena legibilidad en la re-produccin del logotipo, el tamao mnimo autorizado para la aplicacin principal es de 35 mm, tomando como base el largo total.

01Identidad grfica


Escala de Grises

Blanco y negro en plastas

Aplicaciones de color

De igual forma, la distribucin de los elementos grficos deber mantenerse en las otras variantes de aplicacin de color del logotipo. tmese en cuenta que, a pesar de ser ms bsicos, el constrate de la versin en escala de grises y la monocromtica permiten en ocasiones visualizar al logotipo con mayor claridad.

01Identidad grfica


Uso de imagotipo como pieza individual

El imagotipo puede ser utilizado como firma de ma-nera individual, respetando siempre proporciones y variantes de color.a continuacin se muestran todos las variantes del imagotipo segn sus aplicaciones de color:

1. imagotipo primario 2. imagotipo con degrado 3. Imagotipo con degrado y volumen 4. imagotipo primario en escala de grises 5. imagotipo monocromtico para fondos claros 6. imagotipo monocromtico para fondos oscuros

1 2 3

4 5 6

01Identidad grfica


Aplicacin multimedia

esta variante del logotipo fue diseada con el propsito de aprovechar los formatos web y video. Los brillos y degradados generan una sensacin de profundidad y volumen que puede resaltar en pantallas y monitores con una buena resolucin. No se recomienda su empleo en materiales impresos.

01Identidad grfica




01

1

2

3

4

Identidad grficaRestricciones de aplicacin

Sin importar el uso, el logotipo no debe ser modificado o adaptado. 1. Se prohibe alterar los colores. 2. No se puede invertir el orden de los elementos del logotipo. 3. No escalar de manera desproporcinal. 4. No utilizar rotando, la base siempre es horizontal.

02Aula Virtual

02Aula VirtualLogotipo primario

el aula virtual es el espacio donde la construccin de conocimiento por parte del docente.

el logotipo intenta describir las dinmicas constructi-vistas y la libertad de ctedra sobre los cuales se guan los procesos de aprendizaje dentro del aula virtual.




02Aula Virtualrea de seguridad

Este apartado tiene como finalidad cuidar tanto la lectura e integridad del logotipo, como la limpieza del rea en la que este ser aplicado. no se podrn ejecutar adaptaciones o agregados ya sea de textos o elementos grficos que invadan alguna de las tolerancias marcadas en el permetro del logo.

esto debe aplicarse a todas las variantes del logotipo.

reas de restriccinEl espacio que conforman las reas de restriccin, queda distribuido de la siguiente manera: el rea superior ser de 2 de X, los laterales y el rea inferior sern de 2 X equivale a 2 veces la altura de los tipos altos.

50 mmTamao mnimocon el objetivo de conservar una buena legibilidad en la reproduccin del logotipo, el tamao mnimo autorizado para la aplicacin principal es de 50 mm, tomando como base el largo total.



02Aula VirtualPaleta de Color

Con el fin de mantener una imagen consistente en todas las aplicaciones del logotipo deber siempre apegarse a cada uno de los colores que aqu se mencionan y no alterar los valores que se detallan a continuacin.

c 71m 0y 33K 0

r 48g 176 B 171

c 0m 0y 0K 90

r 49g 49 B 51

c 0m 0y 0K 70

r 90g 91 B 94

PANTONE3262 D

PANTONEBLACK 90%

PANTONEBLACK 70%


02Aula VirtualAplicaciones de color

a continuacin se muestran las diversas aplicaciones de color. se sugiere que la eleccin de la versin del logo tome en cuenta, principalmente, el medio en el que ser empleado, por ejemplo, impresiones mono-cromticas, cuatricromticas, multimedio o video.

Escala de Grises

Color

Blanco y negro en plastas



02Aula VirtualAplicaciones de color

en el caso de ser empleado sobre fondos negros se utilizar la variante aqu mostrada.

se sugiere emplear exclusivamente fondos negros con esta versin.Solicita los archivos originales a [email protected] o a travs del formulario de contacto que aparece en la pgina donde descargaste este archivo. NO TODAS LAS SOLICITUDES SERN APROBADAS

02Aula VirtualRestricciones de aplicacin

Sin importar el uso, el logotipo no debe ser modificado o adaptado. 1. Se prohibe alterar los colores. 2. No se puede invertir el orden de los elementos del logotipo. 3. No escalar de manera desproporcinal. 4. No utilizar rotando, la base siempre es horizontal.

1

2

3

4

03Texturas

03TexturasUsos y aplicaciones

Las texturas son comunmente utilizadas como marcas de agua, con su opacidad significativamente reducida para que el contenido superpuesto sea legible, o como elementos complementarios en carteles o portadas u otros materiales donde ningn contenido grfico est por puesto sobre estas texturas o entramados.Solicita los archivos originales a [email protected] o a travs del formulario de contacto que aparece en la pgina donde descargaste este archivo. NO TODAS LAS SOLICITUDES SERN APROBADAS

04Paleta de color

04Paleta de colorColores designados

La presente paleta de color es la que se sugiere como base para otros elementos grficos que acompaen al logotipo y a otros productos visuales del programa.

En el caso de no contar con libreras de color PANTO-NE, usted puede usar de referencia los valores CMYK (para impresin) y/o RGB (para multimedia o TV).

C 80M 32Y 2K 0

R 26G 124 B 192

C 3M 43Y 100K 0

R 233G 129B 9

C 64M 4Y 2K 0

R 59G 176 B 229

C 1M 23Y 68K 0

R 247G 186 B 82

PANTONEProcess blue C

PANTONE144 C

PANTONE2915 C

PANTONE135 C

05Seleccin tipogrfica

05Seleccin tipogrficaHarabara | Tipografa de display

Harabara es la fuente que conforma el elemento es-crito del logotipo. Es clara y directa, pero sus trazos curvos la hacen amigable.

por el grosor de sus fustes no se recomienda usar para textos extendidos.

Aa BbCcDdEe BoldFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

Um et fugit verrum animus explatur ad milloreium asit occatur, quis autem untis dolestis remporem veni optibus, suntium ium audae. Sus aut aci ut de aut ab ius eatiam quis etumquam, quo ipitatio cus aut posandenist dolupturia cus quaepudant.Quaepel estemo eveliquundam velluptae porporum in corem

Descargar tipografa *Descarga desde http://www.dafont.com/harabara.font

file:/Users/ricardoirrafernandez/Desktop/ss_manual_FINAL/Links/logosstodosanimado.movhttp://img.dafont.com/dl/?f=harabarahttp://img.dafont.com/dl/?f=harabara

05Seleccin tipogrficaCalibri | Tipografa para ttulos generales

calibri es la fuente intermedia entre las pronunciadas formas curvaceas de Harabara. Su legibilidad no sacrifica la esttica llamativa y per-mite una continuidad entre las dems tipografas em-pleadas.Al ser una tipografa bastante popular, dificlmente significar un problema al momento de utilizarse en un computadora u otra.

Aa BbCcDdEe Medium

Bold

Light

FGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789#$%&*?

Um et fugit verrum animus explatur ad milloreium asit occatur, quis autem untis dolestis remporem veni optibus, suntium ium audae. Sus aut aci ut de aut ab ius eatiam quis etumquam, quo ipitatio cus aut posandenist dolupturia cus quaepudant.Quaepel estemo eveliquundam velluptae porporum in coremh

Descargar tipografa *Descarga desde http://www.cufonfonts.com/es/font/12048/calibri

file:/Users/ricardoirrafernandez/Desktop/ss_manual_FINAL/Links/logosstodosanimado.movhttp://www.cufonfonts.com/downloadFont/12048/calibri.ziphttp://www.cufonfonts.com/downloadFont/12048/calibri.zip

05Seleccin tipogrficaPT Sans | Cuerpo de texto y uso web

Esta tipografa representa el final de una sutl transi-cin de los trazos curvilneos de la tipografa Harabara a una fuente con lneas ms agudas y rectas que faci-lite la lectura.

PT Sans es adems, una fuente abierta y gratuita, que puede ser embebida con facilidad en sitios web y pue-de descargarse de manera legal.

aa Bbccddee MediumBold

Italic

fgHijKLmnopQrsTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789#$%&*?Um et fugit verrum animus explatur ad milloreium asit occatur, quis autem untis dolestis remporem veni optibus, suntium ium audae. Sus aut aci ut de aut ab ius eatiam quis etumquam, quo ipitatio cus aut posandenist dolupturia cus quaepudant.Quaepel estemo eveliquundam velluptae porporum in corem

Descargar tipografa *Descarga desde http://www.fontsquirrel.com/fonts/PT-Sans

file:/Users/ricardoirrafernandez/Desktop/ss_manual_FINAL/Links/logosstodosanimado.movhttp://www.fontsquirrel.com/fonts/download/PT-Sanshttp://www.fontsquirrel.com/fonts/download/PT-Sans

06Personajes ilustrados

06Personajes ilustradosPersonajes principales

Los personajes principales del programa seguridad Social para Todos son los elementos grficos ms re-presentativos dentro de la estrategia de posiciona-miento con los pblicos ms infantiles. sus nombres son Tomasito, Julia, Susana y Don Pepe.

Tomasito Julia Susana Don Pepe


06Personajes ilustradosPersonajes principales | Tomasito

Descripcin fsica:

edad: 8 aos complexin: regordete. de torso un poco ms

grande que las piernas estatura: Baja tez de piel: Blanca Cara: Entre ovalada y redonda cabello: corto con algunos bucles. de color

castao claro. Color y forma de ojos: Caf oscuro, grandes y

ovalados Nariz: Delgada y respingada con una punta

esfrica Boca: Pequea y ovalada con labios muy

pequeos rasgos particulares: utiliza lentes con mucho

aumento vestuario: pantaln azul tipo jean Playera blanca con un dibujo de signos de

interrogacinzapatillas bajas color gris



06Personajes ilustradosPersonajes principales | Julia

Descripcin fsica:

edad: 16 aos Complexin: Muy delgada. Postura recta. estatura: alta tez de piel: Blanca cara: ovalada cabello: Largo hasta la parte superior de la

espalda baja, con algunos bucles. De color castao claro.

Color y forma de ojos: Caf oscuro, grandes y ovalados

Nariz: Delgada y respingada con una punta esfrica

Boca: Labios simtricos gruesos y rojizos, con las comisuras delgadas y extendidas

Rasgos particulares: Alta y delgada vestuario: pantaln azul tipo jean Blusa de colores grises, morados, verdes y

doradoszapatillas bajas color gris


06Personajes ilustradosPersonajes principales | Susana

Descripcin fsica:

edad: 45 aos Complexin: Mediana. De caderas anchas,

torso delgado. postura recta. estatura: mediana tez de piel : Blanca Cara: Ancha y ovalada cabello: corto por encima de la altura del

mentn, con algunos bucles. De color castao claro.

Color y forma de ojos: Caf oscuro, grandes y ovaladas

Nariz: Delgada y respingada con una punta esfrica

Boca:Labios simtricos gruesos y rojizos, con las comisuras delgadas y extendidas

rasgos particulares: utiliza anteojos vestuario: pantaln gris tipo jean Blusa con botones, color rosa

zapatillas bajas color grisSolicita los archivos originales a [email protected] o a travs del formulario de contacto que aparece en la pgina donde descargaste este archivo. NO TODAS LAS SOLICITUDES SERN APROBADAS

06Personajes ilustradosPersonajes principales | Don Pepe

Descripcin fsica

edad: 66 aos Complexin: Regordete y encorvado estatura: mediana-baja tez de piel: Blanca Cara: Ancha y ovalada cabello: es calvo Color y forma de ojos: Caf oscuro, grandes,

ovalados y un poco cados Nariz: Ancha y prominente Boca: Grande, delineada por un gran bigote

grisceo y un mentn pronunciado Rasgos particulares: Tiene bigotes y cejas

abundantes de color caf y gris vestuario: pantaln tipo Khaki Camisa de vestir de manga corta, color azul

claro-turquesaZapatos color caf oscuro


07Productos Multimedia

08Productos multimediaLogo de Seguridad Social para Todos Animado

se sugiere para entradas o salidas de videos.El video puede ser empleado en la mayora de lneas de edicin, y consera el canal Alpha, lo que significa que puede ponerse frente algn fondo.



08Productos multimediaPlantilla para entrevistas videograbadas

esta plantilla puede ser utilizada para introducir a un personaje durante alguna entrevista videograbada.Solicita los archivos originales a [email protected] o a travs del formulario de contacto que aparece en la pgina donde descargaste este archivo. NO TODAS LAS SOLICITUDES SERN APROBADAS

08Plantillas

08PlantillasPapelera | Tarjetas de presentacin

este apartado presenta algunos ejemplos de tarjetas de presentacin impresas a cuatro tintas

Juan PrezPunto focal del programa

[email protected] Ramn s/n, CP 10100,Col. San Jernimo Ldice,Del. Magdalena Contreras. ofic: (52 55) 5377-4700


www.seguridadsocialparatodos.org

[email protected]

Telfono: (52 55) 5377-4700

San Ramn s/n, CP 10100,Col. San Jernimo Ldice,Del. Magdalena Contreras


[email protected] Ramn s/n, CP 10100,Col. San Jernimo Ldice,Del. Magdalena Contreras. ofic: (52 55) 5377-4700



R 247 V 177 B 000HTML #F7B100RAL 1003C M Y K 0 32 100 0

PANTONERProcess Blue C

R 204 V 204 B 204HTML #CCCCCCRAL 7047C M Y K 0 0 5 21NOIR 20 %

PANTONER420 C

R 169 V 170 B 171HTML #AEAEACRAL 7040C M Y K 0 0 5 40NOIR 40 %

PANTONER135 C

R 118 V 122 B 125HTML #767A7DRAL 7046C M Y K 7 0 0 65NOIR 65 %

PANTONER2915 C

R 33 V 36 B 36HTML #3D464BRAL 9005C M Y K 75 0 0 100NOIR 100 %

PANTONER144 C

R 255 V 255 B 255HTML #FFFFFFRAL 9003C M Y K 0 0 0 0

BLANC

paleta de color


08PlantillasPapelera | Blocs de notas

a continuacin se muestra un ejemplo de bloc de nota impreso a cuatro tintas.




08PlantillasPapelera | Plantilla para Powerpoint

a continuacin se muestra la plantlla utilizada para presentaciones realizadas en powerpoint.Solicita los archivos originales a [email protected] o a travs del formulario de contacto que aparece en la pgina donde descargaste este archivo. NO TODAS LAS SOLICITUDES SERN APROBADAS

Manual de Identidad Gráfica - Seguridad Social para Todos · En tipografía de fantasía ubicado a...

Documents

Transcript of Manual de Identidad Gráfica - Seguridad Social para Todos · En tipografía de fantasía ubicado a...