Manual4

MANUAL IDENTIDAD GRÁFICA Edificio C

1

ÍNDICE

2

Formato

4

Diagramación

5

Nivel 1 texto

7

Títulos

8

Nível 2 texto

9

Referencias

10

Selección

11

Nivel 3 texto

12

Multimedia

14

Resaltado

15

Fisheye

16

Colores

17

Gradaciones

18

Secundarios

19

Contraste

20

Tipografía

21

3

FORMATO

Todas las imágenes, planos, fotografías que sean requeridas para el video deberán conservar la proporción 16:9 dado que este es el formato estandar para imagenes de fondo.

4

DIAGRAMACIÓN

Todo el sistema gráfico debe usar una retícula para la diagramación, construida a partir del módulo 1/3 del ancho por 1/3 del alto del area de trabajo.

5

6

NIVEL 1 TEXTO

NÍVEL 1 TEXTO

Los títulos, subtítulos, temas y subtemas irán sobre el primer tercio vertical y ocuparan los 3 tercios de forma horizontal como se refleja en el diagrama. El texto en cada uno de los niveles de titulo tendrá un tamaño mínimo equivalente a 2/4 de la franja de reserva para texto. No se puede utilizar ningún nivel de texto sobre una fotografía sin utilizar la franja de fondo.

1. Título: Fuente: Helvética Bold en Mayúscula Color: Blanco Tamaño: 1/3 del formato Ubicación: Lateral izquierdo 1/3 superior

2. SubTítulo: Fuente: Helvética Bold en Mayúscula Color: Blanco Tamaño: 2/3 del formato Ubicación: Lateral derecho 2/3 superior

3. Tema: Fuente: Helvética Bold en Minúscula Color: Blanco Tamaño: 1/3 del formato Ubicación: Lateral derecho 1/3 superior.

4. Subtema: Fuente: Helvética regular en Minúsculas Color: Blanco Tamaño: 1/3 del formato Ubicación: Lateral derecho 1/3 superior.

7

8

TÍTULOS

NIVEL 2 TEXTO

Cuando los títulos estén sobre un fondo de color o tono oscuro deberá ir una franja negra al ciento por ciento para generar alto contraste o una franja gris con marco blanco para diferenciarla del fondo y únicamente podrá bajarse el porcentaje de opacidad cuando los colores del fondo no interfieran con la legibilidad del título. En ningún momento podrán utilizarse tonos diferentes del negro, blanco y gris.

Para el segundo nivel de texto se dispuso el segundo tercio de forma vertical y 3/3 de forma horizontal. Es decir que, en este espacio se ubicarán elementos como cajas de texto con referencia a objetos, textos y datos adicionales. Estos elementos se dispondrán en los espacios en blanco dependiendo del área ocupada por el elemento, foto o video principal.

9

10

REFERENCIAS

SELECCIÓN

Referencias a elementos: Recuadro: fondo blanco Marco: Negro 1 pt Fuente: Verdana Regular Ubicación: Lateral izquierdo y derecho dependiendo de la cercanía al objeto.

Linea: Continua/negro/ortogonal Punto: 3 veces el grosor de la linea aproximadamente

Los elementos de enmarcado, resaltado y selección serán figuras sencillas como cuadrados, círculos y líneas en color rojo. Por ningún motivo se puede elegír un color diferente a menos de que el fondo impida su visibilidad.

11

12

NIVEL 3 TEXTO

NIVEL 3 TEXTO

Para el tercer nivel de texto es decir, retos, curiosidades y pies de imagen se ha asignado el tercio inferior de forma vertical y los 3/3 de forma horizontal. La disposición de los elementos será central con respecto a cada tercio. El color amarillo y azul de retos y curiosidades respectivamente será de uso único para este fin.

1.Retos: Fuente: Verdana Bold en Mayúscula Recruadro: Amarillo Color: negro Ubicación: Lateral Izquierdo parte inferior.

2. Contenido retos: Fuente: Verdana Regular en Minúscula Color: Negro Recuadro: Fondo blanco Marco: amarillo Ubicación: Lateral Izquierdo parte inferior

3. Curiosidades: Recuadro: Azul Fuente: Verdana Bold en Mayúscula Color: blanco Ubicación: Lateral Derecho parte inferior.

4. Contenido curiosidades: Fuente: Verdana Regular en Minúscula Color: Negro Recuadro: Fondo blanco Marco: Azul Ubicación: Lateral derecho parte inferior.

13

14

MULTIMEDIA

RESALTADO

En el caso en que exista reproducción de videos, fotos o imágenes se deberá disminuir la opacidad del fondo al 45% para enfocar la atención en el nuevo elemento y reducir la saturación del espacio.

Para resaltar áreas se deberá bajar la opacidad de los elementos en segundo plano o modificar su saturación para así lograr haer mas notorio el contenido principal de la imagen.

15

16

FISHEYE

COLORES

En todos los casos se deberán corregir las deformaciones de las imagenes aéreas en Photoshop siguiendo los pasos Filter> Adaptative wide angle> Correction: Fish eye, y modificar los parámetros dependiendo de la imagen

Dentro de los colores principales se encuentran los colores amarillo y negro, esto se debe a que son parte de la identidad uniandina y a la vez una expresión que caracteriza a la Institución. Los parámetros de elección de los colores rojo, azul y gris se deben a la composición de colores resultantes de la triada en el círculo cromático. Es decir, se han seleccionado aquellos matices del círculo que están dispuestos en forma de triángulo equilátero, equidistantes entre sí y con respecto al centro del círculo partiendo del color amarillo.

17

18

GRADACIONES

SECUNDARIOS

En adiciรณn a los dos colores primarios se pueden seleccionar los colores indicados en la paleta de gradaciones, se han elegido 4 tonos mas hacia negro y blanco para cada color. Cada color se ha ajustado para RGB y su adaptaciรณn para web.

Para la elecciรณn de la paleta secundaria se escogieron cinco colores complementarios para el amarillo, rojo, blanco y finalmente cinco anรกlogos para amarillo. Se pueden seleccionar los colores correspondientes a la paleta secundaria, siempre y cuando se hayan agotado los colores de la primera paleta o para armonizar el contenido.

19

20

CONTRASTE

TIPOGRAFÍA

Al momento de combinar fondo y texto se debe asegurar que alguno de los dos elementos sea blanco o negro dado que es la combinación mas visible y legible. En ningún momento se pueden realizar combinaciones que causen sensación de inestabilidad o cansancio al leer.

Se ha destinado la tipográfica Helvetica para títulos y textos de extensa longitud. Debido a que es una fuente sans serif, tiende a reconocerse como una tipografía neutral, la simplicidad de las letras permite facilitar el reconocimiento y agilizar la lectura. Esta será implementada en su formado, Bold, Regular Light y Neue

21

TIPOGRAFÍA SECUNDARIA

Para los siguientes niveles de texto incluyendo piés de imagen, cajas de textos cortos o referencias se ha elegido la tipografía Verdana en su formato regular y bold.

22

23