Manual - Imagen Institucional MVCT

Preview:

Citation preview

Manual de Imagen Ministerio de Vivienda, Ciudad y Territorio

Sistema gráfico Ministerio de Vivienda, Ciudad y Territorio

6

7

Este manual reúne todos los estándares de diseño y de identidad corporativa necesarios para establecer un mensaje visual claro y definido que se pueda aplicar a todos los materiales que se utilicen para su proyección. Con el fin de hacer entendible el desarrollo de elementos, símbolos, identificadores y gráficas complementarias, se hace necesario remitirse al libro “Sistema de Identidad Visual Gobierno de Colombia: Manual Básico”.

8

9

¿Para qué un sistema gráfico?Solo tener una familia de identificadores, un mismo escudo o la misma tipografía y color no garantiza que cada pieza sea parte de un todo. Para lograr unidad se hace necesario establecer reglas, después de todo, cada persona que tenga en sus manos la identidad del gobierno querrá adaptarle su estilo, algunas veces sin entender sus necesidades básicas.

El sistema gráfico que se desarrolla a continuación, encierra una serie de pasos a tener en cuenta cada vez que se genera comunicación, de manera que siempre que se tenga en las manos una pieza del Gobierno de la República de Colombia, se entienda como parte de un todo, donde cada unidad corresponde a un mismo lenguaje visual unificado.

10

11

TODOS POR UN NUEVO PAÍS El nuevo lema de Gobierno

Estamos atravesando un momento histórico. Todos los elementos están confluyendo para que ese país que todos queremos, deje de ser un sueño y se convierta en una realidad. Pero este momento histórico no viene solo, viene con un llamado para todos, absolutamente todos los colombianos, quienes tenemos una responsabilidad con Colombia y con las siguientes generaciones de hacernos presentes en esta última parte de la construcción, de poner cada uno un ladrillo, lo mejor de nosotros mismos para terminar de moldear el país que queremos para nuestros hijos.

Este no puede ser el país de unos pocos, tiene que ser el país de todos y es por eso que ha llegado el momento de dejar de sentir que otros deben construir el país por nosotros para dar un paso al frente y hacernos cargo de la tarea, de convencernos de que es posible y que estamos muy cerca, de que es necesario que 48 millones de colombianos le mostremos al mundo y a la historia de qué somos capaces.

12

13

14

15

Identificadores PrimariosGobierno de la República de Colombia

16

17

IDENTIFICADORES PRIMARIOSLogotipo

El logotipo está construido con diferentes variaciones de la tipografía Sanuk. La familia tipográfica es seria y corporativa sin renunciar a la humanidad y la amabilidad por sus curvas y terminaciones moduladas. El uso de mayúsculas y de la composición en bloque habla de solidez, respaldo y compromiso.

El color azul expresa seriedad y confianza.

18

19

IDENTIFICADORES PRIMARIOSSímbolo • Confluencia

Cada país está conformado por millones de personas que piensan y sienten diferente. La solidez de la bandera, se hace mucho más evidente cuando las franjas que la conforman confluyen en un solo lugar a pesar de venir delugares diferentes.

20

Libertad y Orden

Libertad y Orden

21

Versiones del logosímbolo

Cada momento, cada pieza, cada formato, tienen especificaciones propias, por lo que los identificadores deben ser transformables y estar siempre dispuestos a adaptarse sin llegar a distorsionar la imagen y estructura. Por esto cada identificador tiene varias aplicaciones dependiendo de la pieza gráfica a la que se enfrente; de igual manera, contemplamos la reproducibilidad del diseño, de manera que una técnica de impresión o un sustrato determinado, siempre pueda ser utilizado para presentar los identificadores.

22

23

Identificadores SecundariosGobierno de la República de Colombia

24

PMS 287

C:100 M:75 Y:2 K:18

R:0 G:56 B:147

#003893

PMS 186

C:2 M:100 Y:85 K:6

R:218 G:26 B:50

#

PMS 116

C:0 M:20 Y:100 K:0

R:252 G:209 B:22

#FCD116

25

IDENTIFICADORES SECUNDARIOSPaleta de color

26

C:23 M:100 Y:51 K:18R:150 G:29 B:78#961D4E

27

Color Ministerio de Vivienda

Se establece una gama de color única y representativa, con el propósito de garantizar una imagen corporativa que refleje unidad, sobriedad y elegancia, con un enfoque ordenado.

28

29

Los colores

Se ha establecido una paleta de colores desarrollada para cada ente que hace parte del Gobierno nacional, esto con el fin de lograr diferenciación bajo la unidad visual; cumpliendo con los estándares de Gobierno en Línea para garantizar el acceso y la cercanía permanente a la información por parte del ciudadano.

Partiendo de un tono azul, se refleja el carácter y la elegancia que identifica al Gobierno nacional. A la Presidencia se le aplica el color rojo que tradicionalmente la ha acompañado y que ha tenido un gran impacto en el receptor por su fuerza visual y calidez, de manera que ha facilitado su posicionamiento.

Luego, una gama de color única y representativa para la Vicepresidencia, cada uno de los departamentos administrativos, ministerios gubernamentales y entidades adscritas, con el propósito de garantizar una imagen corporativa que refleje confianza, sobriedad, unidad y elegancia.

30

FUTURAFUTURA LIGHT

ABCEFGHIJKLMNOPQRSTUVWXYZabcefghijklmnopqrstuvwxyz1234567890 !”·$%&/()=?¿

FUTURA MEDIUM

ABCEFGHIJKLMNOPQRSTUVWXYZabcefghijklmnopqrstuvwxyz1234567890 !”·$%&/()=?¿

FUTURA BOLD

ABCEFGHIJKLMNOPQRSTUVWXYZabcefghijklmnopqrstuvwxyz1234567890 !”·$%&/()=?¿

31

La tipografía Escribiendo futuro

En el ejercicio de reconocer visualmente las palabras que representan los diferentes entes del Gobierno nacional, se establece un trabajo tipográfico especial que destaca la preponderancia y soberanía de nuestra nación.

La tipografía elegida unifica el sistema visual, al tiempo que ilustra la visión renovada y moderna del Gobierno nacional. Se utiliza la Familia tipográfica Futura STD en sus diferentes volúmenes y versiones.

32

VERDANAVERDANA REGULAR

ABCEFGHIJKLMNOPQRSTUVWXYZabcefghijklmnopqrstuvwxyz1234567890 !”·$%&/()=?¿

VERDANA BOLD

ABCEFGHIJKLMNOPQRSTUVWXYZabcefghijklmnopqrstuvwxyz1234567890 !”·$%&/()=?¿

33

Tipografía complementaria La familia tipográfica sugerida para el uso en correos y otro tipo de plataformas es la Verdana. Esta solo debe usarse cuando implicaciones técnicas no permitan el uso de la familia Futura.

34

Fondos claros

Fondos oscuros

35

Identificadores secundarios Sello de cumplimiento

Este logo certifica que se está desarrollando exitosamente una obra o un proyecto que cumple estrictamente con los objetivos para los cuales fue diseñado.

36

Libertad y Orden

37

El escudo Honor a los símbolos patrios

El escudo de armas de la República de Colombia, como símbolo patrio, está arraigado en la mente de cada uno de los habitantes del territorio colombiano, es uno de los elementos más representativos de nuestro país, por lo que en el ejercicio de crear un sistema único y soberano se conserva como punto central de comunicación.

Este se convierte en un código coherente de identificación de una nación y que, dentro de una ciencia como la heráldica, se trabaja con mayor detalle, de tal manera que su reproducción sea más sencilla y acertada en aplicaciones gráficas, con el que se facilite su utilización en tamaños mínimos y máximos sin ninguna complejidad, dándole una sensación de modernidad conservando la base histórica y de tradición que representa gráficamente una nación como la Colombiana.

Todo lo anterior amparado en una franja circular que envuelve el escudo, lo que crea un punto focal alrededor de él, y que además se presenta como marco para ubicar el nombre de la institución “República de Colombia”.

38

39

Identificadores secundarios Franja de 3 colores

Esta franja esta compuesta por los colores de la bandera y su función es dividir el aviso en dos. En la parte superior del aviso, irán las fotos y los textos y en la parte inferior ubicaremos el identificador del gobierno.

40

41

El uso de imágenes La belleza de un país

Las fotografías o ilustraciones son representaciones centrales que no pueden faltar en gran parte de la comunicación del sistema visual del Gobierno nacional, pero muchas veces han sido subutilizadas o seleccionadas erróneamente, generando así un cambio drástico en su interpretación.

Las fotografías e imágenes deben ser seleccionadas con parámetros semióticamente correctos, es decir, deben reflejar transparencia, limpieza, orden, empatía, amabilidad y cercanía a la sociedad, resaltando los valores que caracterizan al Gobierno nacional.

No basta con que estos componentes visuales transmitan un mensaje correcto, sino que deben tener una calidad óptima, con suficiente resolución y teniendo en cuenta la ganancia de punto del sustrato, los puntos por pulgada y demás ajustes necesarios en un entorno gráfico.

42

43

NORMATIVIDAD

44

Versión a color

Escala de grises

Alto contraste

45

Normatividad Versión como logotipo

El lema de Gobierno es un conjunto de elementos y no puede separarse en ninguna aplicación.

46

Área de seguridad

1.6 cm

47 px

Tamaño mínimo

Centimetros

Tamaño mínimo

Pixeles

3.6 cm

104 px

47

Normatividad Tamaños mínimos

48

49

Normatividad Usos incorrectos

50

51

Normas técnicas Gobierno de la República de Colombia

52

55 X

X

96 X

53

IDENTIFICADORES PRIMARIOSConstrucción del logosímbolo

El identificador está construido a partir de una retículacompositiva de 96 por 55 módulos de tamaño “x”. En lassiguientes páginas se explica visualmente como paso a paso serealiza la construcción del símbolo a partir de la geometrización eintersección de elipses y rectángulos.

54

55

56

57

CO-BRANDING

58

59

CO-BRANDING Aplicaciones Horizontales

Cuando firma un Ministerio, el lema de Gobierno debe ir siempre a la derecha. El Ministerio debe ir justificado a la derecha con 1/2 N horizontal de distancia.

El logo del Ministerio debe ir acompañado por las franjas de color correspondiente al círculo del escudo, arriba y abajo. No modificar el grosor de las líneas.

60

En este ejercicio la franja se dividió en 2 casillas, una para el Ministerio y

otra para la entidad.Cuando los Ministerios

están dentro de las casillas, se eliminan las líneas

superiores e inferiores.

En este ejercicio se tomaron 2 casillas para el Ministerio y las dos restantes para las

entidades.

De acuerdo a la extensión del nombre del Ministerio,

se puede usar hasta 2 casillas.

En este ejercicio el Ministerio ocupó una.

Las entidades y programas deben ir acompañadas

del Ministerio al que corresponden.

61

CO-BRANDING Aplicaciones Horizontales

Cuando firma un Ministerio, el lema de Gobierno debe ir siempre a la derecha. El Ministerio debe ir justificado a la derecha con 1/2 N horizontal de distancia.

El logo del Ministerio debe ir acompañado por las franjas de color correspondiente al círculo del escudo, arriba y abajo. No modificar el grosor de las líneas.

62

Cuando va más de un Ministerio o un Ministerio

acompañado de entidades o programas, es necesario

mantener la cuadrícula contenedora.

Cuando van dos Ministerios y una entidad o más, estas

se colocarán en la parte inferior de los Ministerios.

El orden es de derecha a izquierda, siempre

manteniendo la franja como contenedor.

Cuando van más de dos Ministerios utilizaremos el logotipo de Gobierno de

Colombia.

Cuando van más de dos Ministerios, acompañado de

una o más entidades, estos se colocarán en la parte inferior

de los Ministerios llenando las casillas de derecha a

izquierda,con un máximo de hasta 4 casillas por franja.

63

CO-BRANDING Aplicaciones Horizontalespara más de un Ministerio y entidades

Para el co-branding horizontal con más de un Ministerio y entidades se usa una franja horizontal que está dividida en cuatro casillas, delimitadas por un borde de color azul. La altura de las casillas es de 2H.

H es el tamaño del logo de la entidad y H/2 será la altura del escudo del Ministerio y el ancho es directamente proporcional con el ancho del lema de Gobierno.correspondiente al círculo del escudo, arriba y abajo. No modificar el grosor de las líneas.

Para el co-branding horizontal con más de un Ministerio y entidades se usa una franja horizontal que está dividida en cuatro casillas, delimitadas por un borde de color azul. La altura de las casillas es de 2H. H es el tamaño del logo de la entidad y H/2 será la altura del escudo del Ministerio y el ancho es directamente proporcional con el ancho del lema de Gobierno.

Estas casillas funcionan de manera modular de acuerdo a la necesidad, pero siempre manteniendo como base el tamaño de una casilla, y máximo hasta 4 casillas. Esta franja se puede duplicar de manera vertical hasta 3 veces.

64

65

CO-BRANDING Aplicaciones Verticales

Para el co-branding vertical con más de un Ministerio y entidades se usa una franja horizontal que está dividida en cuatro casillas, delimitadas por un borde de color azul. H es el tamaño del logo de la entidad y H/2 será la altura del escudo del Ministerio.

La altura de las casillas es de 2H y el ancho es directamente proporcional con el ancho del lema de Gobierno.

Estas casillas funcionan de manera modular de acuerdo a la necesidad, pero siempre manteniendo como base el tamaño de una casilla, y máximo hasta 4 casillas. Esta franja no se puede duplicar.

Cuando firma un Ministerio o más de 2 (logo Gobierno de Colombia), deben ir siempre ubicados abajo centrados y con la líneas superior e inferior correspondientes a cada uno.

El ancho debe ser proporcional al del lema de Gobierno.

66

Cuando firma un Ministerio y una entidad, el primero deberá ir a la izquierda

de la franja mientras que la entidad se colocará a la

derecha.

Cuando firma un Ministerio y dos entidad, el primero deberá ir a la izquierda

de la franja mientras que las entidad se colocará a

la derecha, en una casillas dividida en dos.

67

CO-BRANDING Aplicaciones Verticales

Para el co-branding vertical con más de un Ministerio y entidades se usa una franja horizontal que está dividida en cuatro casillas, delimitadas por un borde de color azul. H es el tamaño del logo de la entidad y H/2 será la altura del escudo del Ministerio.

La altura de las casillas es de 2H y el ancho es directamente proporcional con el ancho del lema de Gobierno.

Estas casillas funcionan de manera modular de acuerdo a la necesidad, pero siempre manteniendo como base el tamaño de una casilla, y máximo hasta 4 casillas. Esta franja no se puede duplicar.

68

Cuando firma un Ministerio y tres entidad, la franja se

divide en cuatro casillas iguales y cada logo ocupa

un lugar identico en tamaño a los demas.

Cuando firman dos Ministerios y dos entidad,

los primero deberá ir a la izquierda de la franja

mientras que las entidad se colocará a la derecha. La franja se divide en cuatro

casillas iguales.

Cuando van más de 2 Ministerios, utilizaremos

únicamente el logotipo de Gobierno de Colombia.

Cuando van más de dos Ministerios utilizaremos el logotipo de Gobierno de

Colombia, acompañado de una o más entidades y/o

programas de Gobierno. Si se tienen más entidades y/o

programas se debe usar el co-branding horizontal.

69

CO-BRANDING Aplicaciones Verticales

Para el co-branding vertical con más de un Ministerio y entidades se usa una franja horizontal que está dividida en cuatro casillas, delimitadas por un borde de color azul. H es el tamaño del logo de la entidad y H/2 será la altura del escudo del Ministerio.

La altura de las casillas es de 2H y el ancho es directamente proporcional con el ancho del lema de Gobierno.

Estas casillas funcionan de manera modular de acuerdo a la necesidad, pero siempre manteniendo como base el tamaño de una casilla, y máximo hasta 4 casillas. Esta franja no se puede duplicar.

70

71

Denominación

En la intención de crear un sistema visual bajo un lenguaje más amable y concreto, se tomaron los nombres de los ministerios y se redujeron a los nombres coloquiales con los que son conocidos, de tal manera que sea más sencillo apropiarse de ellos y nombrarlos. Además, se ofrece un mayor espacio de composición en el diseño, al ocupar un menor tamaño y permitir una percepción y posicionamiento más efectivo, generando así tráfico en los medios virtuales.

72

Aplicaciones Visuales Gobierno de la República de Colombia

73

74

75

Introducción

En las fotos y material publicitario, en general, no deben aparecer funcionarios del gobierno a menos que sea en medios propios como página web o perfiles de redes sociales.

Los textos deben ir ubicados en la parte de la foto que ofrezca mejor lectura.

En lo posible, las fotos que se usen deben especificar su fuente de origen.Ejemplo: “Foto: Ministerio de Cultura”

76

Aviso de Cumplimiento

77

TitularesFutura BOLD 27pt

Cuerpo de TextoFutura MediumRegular 9 pt

78

Aviso de Convencional

79

TitularesFutura BOLD 27pt

Cuerpo de TextoFutura MediumRegular 9 pt

80Aviso Media Página

TitularesFutura BOLD 22pt

Cuerpo de TextoFutura Medium11 pt

81Valla

TitularesFutura BOLD 900 pt

82

Cortinilla de TelevisiónInicio

El sello de cumplimiento no puede ir en TV cuando es un mensaje institucional o de código cívico.

Se usa cuando la pauta es paga y el comercial habla de logros del gobierno (en cualquier etapa de cumplimiento).

83

Cortinilla de TelevisiónCierre

84

Hoja carta

85

Sobre media carta

86

Sobre de manila

87

Tarjeta personal

Gerardo AristizabalAsesor Grupo de comunicacionesgaristizabal@minvivienda.gov.coCalle 18 No. 8 - 59 • Bogotá D. C., ColombiaTel (571) 332 34 34

88

Carpeta 3 cuerpos

MinViviendaMinisterio de Vivienda, Cicudad y Territorio Calle 18 No. 8 - 59 • Bogotá D. C., Colombia • Tel: (571) 332 34 34www.minvivienda.gov.co

MinViviendaMinisterio de Vivienda, Cicudad y Territorio Calle 18 No. 8 - 59 • Bogotá D. C., Colombia • Tel: (571) 332 34 34www.minvivienda.gov.co

MinViviendaMinisterio de Vivienda, Cicudad y Territorio Calle 18 No. 8 - 59 • Bogotá D. C., Colombia • Tel: (571) 332 34 34www.minvivienda.gov.co

89

Carpeta 2 cuerpos

MinViviendaMinisterio de Vivienda, Cicudad y Territorio Calle 18 No. 8 - 59 • Bogotá D. C., Colombia • Tel: (571) 332 34 34www.minvivienda.gov.co

90

Carpeta sencilla

91

Libreta

92

Afiche

Haciendo casasCambiamos vidas

93

Plegable

94

TituloBus. Bo. Ut endae non corianimus.Ga. Volestrumqui cullut et, et, cusciae. Nam rae dicit et untur modipsa nimus ent officidiam nos vollent iderum quas

Volante

95

Aviso vertical

96

Aviso vertical

97

Valla

HaciendocasasCambiamos vidas

98

Valla móvil

AGUA para todos

R G B: 252 - 209 - 22 R G B: 0 - 56 - 147 R G B: 206 -17 - 38

99

Paradero

Haciendo casasCambiamos vidas

100

Backing

101

Pendón

102

Diploma

103

Hablador

Gerardo AristizabalCoordinador Grupo de Comunicaciones

104

Invitación

105

Reservado de silla

RESERVADO

106

Powerpoint

107

Powerpoint

108

Cierre de televisión

109

Home web

Mapa del sitio

Bogotá, octubre 18 de 2014 • 04:14 p.m.

110

Firma mail

R G B: 252 - 209 - 22 R G B: 0 - 56 - 147 R G B: 206 -17 - 38

Pepito Pérez PérezGrupo de Talento Humanopperez@minvivienda.gov.coCalle 18 No. 7-59 • mezanine

111

Perfil Twitter

112

Perfil Facebook

113

Perfil Youtube

114

Carnet

115

Calendario

116

Mouse pad

117

CD case

118

Invitación digital

119

Escarapela

EventoPrincipal

GerardoAristizabalExpositor

I.D. 79.511.319Atand 296

120

Esfero

121

Botón

122

Gorra

123

Chaqueta

124

Camiseta

125

Camisa polo

126

Camisa

127

Chaleco

128

Mug

129

Libertad y Orden