Manual de Identidad Gráfica

(1)

Manual de

Identidad

Gráfica

(2)

Proceso de auditoría

de imagen

(3)

El seguimiento administrativo de la aplicación del presente manual es responsabilidad de la Dirección de Imagen Institucional de la Secretaría de Comunicación y Difusión de la Universidad Autónoma de Tamaulipas.

Día a día, la Universidad Autónoma de Tamaulipas se comunica con la sociedad mediante una amplia gama de formatos, que incluyen desde los anuncios publicitarios difundidos por los medios de comunicación masiva hasta los vehículos oficiales que llevan a todas partes el nombre de nuestra institución.

Para garantizar que los distintos materiales en los que figure el nombre de nuestra universidad compartan una misma imagen identitaria, la Dirección de Imagen Institucional, será la encargada de ofrecer el servicio de auditoría de imagen.

De acuerdo con la planeación de su estrategia de comunicación o publicidad, las dependencias y entidades de la universidad, a través del personal responsable del diseño gráfico, se pondrán en contacto con la Dirección de Imagen Institucional, siguiendo estos tres sencillos pasos:

1.Siempre que sea posible, acudir personalmente con dos ejemplares impresos del diseño propuesto. Si no es posible acudir en persona, enviar los diseños vía e-mail a [email protected], con los datos del responsable y de la dependencia solicitante.

2.Si el diseño propuesto cumple con los lineamientos del Manual de Imagen gráfica, se procederá a la autorización para su publicación. De no ser así, la Dirección de Imagen Institucional emitirá recomendaciones para su corrección, procediendo a una segunda revisión para constatar que los cambios sean efectuados.

3.Una vez autorizada la versión definitiva de un diseño, la Dirección de Imagen Institucional estampará el sello y firma correspondiente a los documentos impresos, devolviendo uno al solicitante y anexando la copia al expediente.

Cualquier duda, comentario o sugerencia sobre los contenidos o aplicaciones, diríjalas a:

Dirección de Publicidad e Imagen Institucional

Correo electrónico: [email protected] Teléfono: (834)3181800, ext. 1156

Auditoría de imagen institucional 3

(4)

Índice

Imagery

38 Área de seguridad Reducción mínima Usos permitidos Usos incorrectos

41 Stationery

Tarjetas de presentación Hoja membretada

Sobre

Back de prensa

56 05

Design System Escudo

Imagotipo

Escudo + Imagotipo Isotipo

Jerarquías de marca Tipografía

Primaria

Secundaria

Terciaria

Colorimetría

Ilustración

(5)

Design

System

(6)

Creamos un sistema.

Al caminar hacia una nueva dirección como Universidad, se necesita una identidad de marca eficiente, flexible, replicable y capaz de presentar contenido localizado de manera coherente a nivel global.

Estas pautas cubren 8 elementos: logotipo, color, composición, iconografía, ilustración, merchandising, fotografía y tipografía.

Design System 6

(7)

Escudo

(8)

Escudo

El escudo está conformado por un libro abierto, del cual sale la silueta de

un joven, que simboliza a la comunidad estudiantil, en la mano derecha sostiene una antorcha la cual representa la luz del saber y en su mano

izquierda un átomo que es la actividad creadora de la institución.

En 1969, fue definido el lema: VERDAD, BELLEZA, PROBIDAD. Verdad:

conformidad de las cosas con el concepto que de ellas forma la mente.

Belleza: cualidades de las cosas cuya manifestación nos produce un deleite espiritual. Probidad: bondad,

integridad, honradez por las cosas.

8 Conocimiento

Lectio / docencia

Cuerpo estudiantil Capacidad /

poder Unión

Ciencia /

investigación

(9)

Imago

tipo

(10)

Imagotipo Versiones

El imagotipo representa los 70 años de tradición de la Universidad, por lo cual se utilizó una tipografía bold, con el fin de unir tradición y evolución en el ámbito educativo.

El isotipo es armónico y equilibrado en cuanto a composición, formas, proporciones y área de seguridad, esto con la finalidad de poder ser visible y replicable en todos los formatos y tamaños.

10

(11)

Imagotipo Versiones

Composición primaria-Horizontal La Marca UAT se construyó con una relación de aspecto (alto a ancho) de 1:3.

Pues es el tamaño idóneo para lograr tener presencia y visibilidad sin importar formato.

*No se puede romper esta proporción bajo ninguna circunstancia.

11 Imagotipo

Logotipo Isotipo

x

(12)

Composición Alternativa Con la finalidad de no comprometer la

visibilidad y legibilidad de la marca, se hizo una versión alternativa para ser utilizada en casos específicos, ya sea formato impreso, digital, proyección o tridimensional.

x

2x 2x

Imagotipo Versiones

12

(13)

Escudo +

imagotipo

(14)

Escudo + imagotipo

Composición Corporativa Se debe utilizar el escudo acompañado del imagotipo en todos los formatos que sean administrativos e informativos. Esto con la finalidad de crear posicionamiento y familiaridad durante el proceso de aceptación de marca.

La variante horizontal debe de ser prioritaria, mientras que la vertical será utilizada solo en caso de comprometer legibilidad o visibilidad.

*Las variantes específicas se deben consultar con la Dirección de Imagen Institucional.

14 2x

x

Imagotipo

Escudo

(15)

Iso tipo

(16)

Para el análisis de los movimientos humanos desde la perspectiva anatómica-funcional, la acción de llevar los brazos hacia lo más alto de nuestro cuerpo refleja sentimientos de libertad, logros realizados;

por lo general se asocia con felicidad y desarrollo personal.

Uno de los valores que más deben de representar la nueva imagen de UAT es la unión universitaria, esa conexión entre alumnado, cuerpo docente, sociedad y sector productivo para reintegrar la tradición que presenta estudiar en la máxima casa de estudios.

Isotipo

16

(17)

Isotipo

Isotipo La identidad UAT es una representación

de la comunidad aventurada con objetivos firmes y bien dirigidos.

Elementos de firma La firma UAT se compone de Isotipo + Tipografía formando un concepto rector.

*Está prohibido utilizar la marca UAT fuera de los productos autorizados por la universidad.

17

(18)

Jerarquías

de marca

(19)

Jerarquías de marca

19

(20)

Jerarquías de marca 20

(21)

Jerarquías de marca

21

(22)

Jerarquías de marca 22

(23)

Jerarquías de marca

23

(24)

Firmas institucionales 24

Secretaría de Finanzas

Secretaría de

Comunicación y Difusión

Secretaría de

Comunicación y Difusión

Secretaría de

Comunicación y Difusión

(25)

Reglas de

convivencia

(26)

Convicencia horizontal

Los imagotipos institucionales se mostrarán horizontalmente en la parte superior de las aplicaciones gráficas, siguiendo las jerarquias de marca y área de protección anteriormente especificadas, se deberán alinear a la base del imagotipo UAT y estos no podrán superar la altura marcada como “x”.

La unidad de medida “x” es equivalente a la altura de las palabras Universidad Autónoma de Tamaulipas en el imagotipo UAT.

Otros logotipos:

En el caso de convivencia con logotipos institucionales de otras entidades (Gobiernos, Universidades, etc) la proporción será 1:1 con respecto a la altura del imagotipo UAT, en la misma linea horizontal de logotipos.

*Los logotipos de campañas, programas sociales, eventos, etc... no deben convivir en la misma linea horizontal que los logotipos institucionales, estos deben formar parte de la composición en la aplicación gráfica.

x

Reglas de convivencia 26

1:1

(27)

Convicencia vertical Solamente en caso de ser necesaria una

alineación vertical de imagotipos institucionales, esta será siguiendo las jerarquias de marca y área de protección anteriormente especificadas, y se deberán alinear al centro del imagotipo UAT en su composición alternativa, estos no podrán superar la altura marcada como “x”.

La unidad de medida “x” es equivalente a la altura de las palabras Universidad Autónoma de Tamaulipas en el imagotipo UAT en su composición alternativa.

Otros logotipos:

En el caso de convivencia con logotipos institucionales de otras entidades (Gobiernos, Universidades, etc) la proporción será 1:1 con respecto al ancho del imagotipo UAT en su composición alternativa, en la misma linea vertical de logotipos.

*Los logotipos de campañas, programas sociales, eventos, etc... no deben convivir en la misma linea vertical que los logotipos institucionales, estos deben formar parte de la composición en la aplicación gráfica.

Reglas de convivencia 27

x

1:1

(28)

Tipo grafía

(29)

Tipografía Primaria

La tipografía primaria es Visby CF por ser extremadamente legible, contar con presencia y personalidad, pues en minúsculas muestra un tono amigable, mientras que en mayúsculas es sofisticada. Es una tipografía que engloba y representa la personalidad de la UAT.

29 Primaria

Visby CF

AaBb Aa Bb Cc Dd Cc Ee Ff Gg Hh

Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09

Thin / Thin Oblique / Light / Light Oblique / Regular / Regular Oblique / Medium / Medium Oblique

Demi Bold / Demi Bold Oblique / Bold / Bold Oblique / Extra Bold / Extra Bold Oblique / Heavy/ Heavy Oblique

(30)

Tipografía Secundaria 30

Archivo Black fue seleccionada para ser utilizado simultáneamente en plataformas impresas y digitales. Las características técnicas y estéticas de la fuente están diseñadas para una tipografía de alto rendimiento.

Archivo es una familia tipográfica grotesque sans serif de Omnibus-Type. Originalmente fue diseñada para destacados y titulares.

Secundaria

Archivo Black

AaBb Aa Bb Cc Dd Cc Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09

Regular

(31)

Tipografía Terciaria 31

Tenor Sans es una tipo de letra sans-serif.

Destinada a la configuración del cuerpo del texto.

Optimizada para impresión y web, tiene excelentes características de legibilidad en sus formas.

Terciaria

Tenor Sans

AaBb Aa Bb Cc Dd Cc Ee Ff Gg Hh

Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 02 03 04 05 06 07 08 09

Regular

(32)

Tipografía Aplicaciones 32

Títulos

Subtítulos

Cuerpo de texto

Title 40 pt Title 40 pt

Title 50 pt Title 50 pt

Heading 30 pt Heading 30 pt

Heading 20 pt Heading 20 pt

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

(33)

Tipografía Aplicaciones 33

I never lose.

I either win or learn.

I never lose.

I either win or learn.

Morbi viverra purus et dui dignissim luctus. Suspendisse potenti. Praesent erat tortor, dictum id nisl nec, ornare faucibus tellus.

by

^NELSON ^MANDELA

by

^NELSON ^MANDELA

QUOTES

QUOTES 10 November 10 November

Versalitas (Tenor Sans) Cuerpo de texto (Visby CF Regular) Titulares

(Tenor Sans / Archivo Black) Cornisas (Archivo Black Altas / Tenor Sans)

(34)

Colori

metría

(35)

Paleta de colores-Primaria La paleta de colores corporativos de UAT

se compone de cuatro colores a nivel primario. Cada uno de ellos tiene la cualidad de agrupación de 5 variantes en tonalidades. Del 100%, 80%, 60%, 40% y 20%. Esto logra un total de 20 colores dentro de la paleta de color.

Las publicaciones y comunicados deben usar estos colores en tanto en texto, como en gráficos.

*Cuidar que la combinación de colores utilizada, no compita con el imagotipo.

Colorimetría Primaria 35

100%

80%

60%

40%

20%

100%

80%

60%

40%

20%

100%

80%

60%

40%

20%

100%

80%

60%

40%

20%

Pantone 471 C

HEX #B86125 | RGB (184, 97, 37) CMYK (0, 45, 76, 19)

HEX #CF7232 | RGB (207, 114, 50)

Pantone 433 C

HEX #1D252D | RGB (29, 37, 45) CMYK (58, 21, 0, 85)

HEX #101E26 | RGB (16, 30, 38) Pantone 2330 C

HEX #CFCDC9 | RGB (207, 205, 201) CMYK (0, 2, 5, 14)

HEX #DBD6D1 | RGB (219, 214, 209) Pantone 2188 C

HEX #00426A | RGB (0, 66, 106) CMYK (75, 37, 0, 57)

HEX #1B456E | RGB (27, 69, 110)

(36)

C:

Colorimetría Secundaria

Paleta de colores-Secundaria

La paleta de colores secundarios UAT se compone de dos colores. Cada uno de ellos tiene la cualidad de agrupación de 5 variantes en tonalidades, del 100%, 80%, 60%, 40% y 20%.

Esto logra un total de 10 colores dentro de la paleta de color.

36

HEX #779FB6

CMYK | 57% 27% 21% 3%

RGB | 119% 159% 182%

HEX #162D3C

CMYK | 94% 71% 50% 57%

RGB | 22% 45% 60%

(37)

Paleta de colores-Auxiliares La paleta de color auxiliar UAT se compone de cinco colores. Cada uno de ellos tiene la cualidad de ser utilizado con gradiente a blanco para que pueda amenizar profundidades y ambientes, o también puede ser utilizado en plasta 100% para acentuar la paleta primaria y secundaria.

Colorimetría Auxiliar 37

HEX #4070B6 C: 79%

M: 53%

Y: 0%

K: 0%

R: 64%

G: 112%

B: 182%

HEX #61B0CC C: 62%

M: 14%

Y: 16%

K: 0%

R: 97%

G: 176%

B: 204%

HEX #81C6CC C: 52%

M: 3%

Y: 22%

K: 0%

R: 129%

G: 198%

B: 204%

HEX #ECB06F C: 7%

M: 36%

Y: 61%

K: 0%

R: 236%

G: 176%

B: 111%

HEX #F7C46E C: 3%

M: 26%

Y: 64%

K: 0%

R: 247%

G: 196%

B: 110%

(38)

Imagery

(39)

Un pattern o patrón de repetición, es un diseño

especialmente pensado y preparado para que, al ser

replicado tanto en horizontal como en vertical, y sea cual sea la medida de la superficie, el diseño mantenga la continuidad de manera infinita.

Imagery 39

(40)

Imagery

40

(41)

Área de

seguridad

(42)

x 2x

2x

x

2x 2x

Área de seguridad

Es fundamental que la Marca Corporativa permanezca libre de gráficos, fotografías, tipografías y otros elementos. La Marca UAT debe ser siempre el elemento más legible y visible en cualquier espacio gráfico.

La unidad de medida “x” es equivalente al diámetro del círculo que representa la

“cabeza del estudiante” en la U.

Existen 2 formas de utilización del logotipo oficial:

1) Horizontal 2) Vertical.

42

(43)

Safe Areas

Cuando se usa el Escudo + Imagotipo se presenta que el valor “x” es la separación entre ambos.

El espacio mínimo de esta separación es de 5x.

43

x

5x 5x

(44)

Reducción

mínima

(45)

Reducciones mínimas

Es primordial que nunca se vea comprometida la legibilidad y comprensión de la marca. Por lo que el tamaño mínimo permitido en la versión horizontal es de 142 x 23 pixeles o 50 mm de largo. Mientras que en formato vertical el tamaño mínimo permitido es de 85 x 46 pixeles o 30 milímetros.

Si se requiere imprimir la marca en un tamaño muy pequeño, se deberá de utilizar una impresión de tintas planas (no impresión de 4 tintas), esto con la finalidad de optimizar la nitidez y legibilidad.

Estas normativas son especificamente en caso de que el espacio no permita un tamaño más grande, si el espacio lo permite, deberá de utilizarse la marca con proporciones adecuadas.

*Para obtener orientación sobre otros artículos especiales, comunicarse con la Dirección de Imagen Institucional.

45 50 mm 142 x 23px

30 mm

85 x 46px

(46)

Reducciones mínimas 46

70 mm

198 x 75px

(47)

Reducciones mínimas

Las siglas UAT son el objeto del rebranding con mejor posibilidad de lectura en todo nuestro sistema.

En el caso de utilizar las siglas, el tamaño mínimo permitido será de 42.5 x 17.5 pixeles o 15 mm.

Estas normativas son especificamente en caso de que el espacio no permita un tamaño más grande, si el espacio lo permite, deberá de utilizarse la marca con proporciones adecuadas.

47 15 mm

42.5 x 17.5px

(48)

Usos permitidos

(49)

Usos permitidos Fondos 49

Versión Full Color El imagotipo se conforma por 2 colores; el

azúl “Pantone 2188 C” y el naranja

“Pantone 471 C”, en esta versión la tonalidad de ambos colores debe ser al 100%.

Versión Monocromático El imagotipo se presenta en color gris o negro al 100%. No se permiten variantes de tono en esta versión.

Versiones Acromáticas El imagotipo se presenta en color blanco

al 100%.

(50)

Usos permitidos Fondos

Paleta Primaria

Variantes de paleta primaria ordenados según fondos utilizados.

50

(51)

Usos permitidos Fondos 51

Paleta Secundaria Variantes de paleta secundaria ordenados según fondos utilizados.

(52)

Usos incorrectos

(53)

Usos incorrectos Imagotipo 53

Deformar el logotipo01 a tres líneas o más

Alterar el isotipo02 de cualquier forma

Invertir el orden del03 imagotipo y logotipo

Modificar la fuente04 tipográfica del logotipo

Distorsionar la05 relación de tamaños

Cambiar la composición06 o apariencia

Deformar la07 proporción

Ocultar algunas de las08 formas o hacer cortes

(54)

Usos incorrectos Imagotipo 54

Usar efectos que09 alteren la identidad

Reducir porcentajes10 de color

Aplicar degradados11 a algún elemento

Girar el imagotipo o12 algún elemento

Hacer cortes al13 escudo universitario o usarlo para crear imagotipos.

Usar el escudo14 universitario como fondo

Aplicar outlines15 a algún elemento

Usar el imagotipo o16 partes de este para

crear otro imagotipo

Lorem ipsum dolor sit amet

(55)

Usos incorrectos Fondos y color 55

Utilizar fondos01 no corporativos

Colocar el imagotipo02 sobre degradados

Utilizar fondos de03 color muy claros

Cuidar el contraste en04 fondos fotográficos

Utilizar imagotipo05 en negro sobre fondo de color

Usar el imagotipo06 full color en fondo fotográfico

(56)

Stationery

(57)

Los materiales comerciales impresos brindan excelentes oportunidades para reforzar la identidad. En el caso de la UAT se presenta como una marca única y contemporánea.

El aplicación del membrete, refuerza la imagen organizada y profesional del sistema de identidad.

Stationery 57

(58)

Tarjetas de

presentación

(59)

(60)

Tarjetas de presentación 60

Mtro. Manuel Alcalá

Coordinación de Servicios Académicos

83 4556 3623 [email protected]

www.uat.edu.mx

@manuelalcala

* Los archivos personalizados de las tarjetas de presentación, deberán ser solicitados a la Dirección de Imagen Institucional de la Secretaría de Comunicación y Difusión.

Ext 1156.

(61)

(62)

Hoja membretada

(63)

(64)

Hoja membretada

Rectoría 64

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Matamoros SN, Zona Centro, Ciudad Victoria, C.P. 87000

(834) 3181820 - 21 (834) 3181800, ext. 1231 y 1232 www.uat.edu.mx

* Los cambios en la información de contacto, deberán ser solicitados a la Dirección de Imagen Institucional de la Secretaría de Comunicación y Difusión.

Ext 1156.

(65)

Hoja membretada

Secretarías 65

Matamoros SN, Zona Centro, Ciudad Victoria, C.P. 87000

Ext 1156.

(66)

Hoja membretada Direcciones

Centros Institutos

66

DIRECCIÒN DE IMAGEN INSTITUCIONAL Matamoros SN,

Zona Centro, Ciudad Victoria, C.P. 87000

Secretaría

de Comunicación y Difusión

Ext 1156.

(67)

Sobre

(68)

(69)

Sobre 69

Universitario SN, Zona Centro, Ciudad Victoria, C.P. 87000

83 4556 3623 [email protected] www.uat.edu.mx

(70)

Uniformes

(71)

(72)

(73)

(74)

(75)

(76)

Credencial

Universitaria

(77)

Mtro. Guillermo Mendoza Cavazos Rector

*CREDENCIAL VÁLIDA CON EL RESELLO CORRESPONDIENTE Facultad De Enfermería Victoria

Licenciatura En Enfermería

2023040142

Ruíz Pérez Ana Sofía

ALUMNO

EXPEDICIÓN: 2/ENE/2022 FEB. 2023

Credencial Universitaria 77

(78)

(79)

Reconocimiento

Institucional

(80)

Reconocimento 80

* Las plantillas personalizadas con imagotipos institucionales, deberán ser solicitadas a la Dirección de Imagen Institucional de la Secretaría de Comunicación y Difusión.

Ext 1156.

(81)

Presentaciones

institucionales

(82)

Presentaciones digitales 82

Portada

Páginas interiores

Salida

* Las plantillas personalizadas con imagotipos institucionales, deberán ser solicitadas a la Dirección de Imagen Institucional de la Secretaría de Comunicación y Difusión.

Ext 1156.

(83)