identidad grafica

MANUAL IDENTIDAD GRÁFICA Proyecto de Seguimiento del Bloque C - PSBC

1

ÍNDICE

2

Diagramación

4

Nivel 1 texto

5

Títulos

7

Nível 2 texto

8

Referencias

9

Selección

10

Nivel 3 texto

11

Multimedia

13

Colores

14

Gradaciones

15

Secundarios

16

Contraste

17

Tipografía

18

Tipografía secundaria

19

3

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. Las dimensiones del área de trabajo son 16:9

4

NIVEL 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.

5

NÍVEL 1 TEXTO

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

6

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.

TÍTULOS

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.

7

NIVEL 2 TEXTO

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.

8

REFERENCIAS

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

9

SELECCIÓN

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.

10

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, cifras y curiosidades respectivamente será de uso único para este fin.

11

NIVEL 3 TEXTO

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

12

5. Cifras: Fuente: Verdana Bold en Mayúscula Color: Blanco Recuadro: Rojo #D61B16 Ubicación: Centro parte inferior.

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

2,4,6. Contenidos: Fuente: Verdana Regular en Minúscula Color: Negro Recuadro: Fondo blanco Marco: Mismo color Ubicación: Parte inferior.

MULTIMEDIA

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 insertar imágenes es necesario hacer un recuadro “Box” negro al 100% de opacidad con un grosor de 8 puntos. Alrededor del Box negro irá un marco blanco de 1 punto de grosor.

La ubicación de las fotos dependerá del miniclip. En el caso de diagramas o miniaturas tipo plantas o 3D irán ubicadas en la esquina superior derecha o izquierda dependiendo de la disponibilidad del espacio.

13

COLORES

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.

14

GRADACIONES

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.

15

SECUNDARIOS

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.

16

CONTRASTE

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.

17

TIPOGRAFÍA

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

18

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.

19

20