UCR /Manual de Identidad Visual / 2
UCR /Manual de Identidad Visual / 3
UCR /Manual de Identidad Visual / 5
UCR /Manual de Identidad Visual / 6
de Identidad
El sistema de identidad UCR está
Bandera
Escudo
Tipografía
Color
Warnock Myriad
Firmas
Girasol
Horizonte
Firma promocional
Retícula
UCR /Manual de Identidad Visual / 8
Orla
Ramas de laurel
Sol a medio salir Girasol SerranĂa
Lema
UCR /Manual de Identidad Visual / 9
EL ESCUDO VARIANTES
Escudo en colores CMYK
Escudo en colores RGB
Escudo a línea | línea blanco
Escudo en colores planos (Pantone)
Escudo línea negro
Escudo en 1 color (Celeste UCR)
UCR /Manual de Identidad Visual / 10
Escudo en línea dorado
Escudo en línea plateado
Escudo embozado
Escudo en sello blanco
UCR /Manual de Identidad Visual / 11
EL ESCUDO | AREA DE PROTECCIÓN
Cuando se utiliza el escudo de la Universidad de Costa Rica (sin firma tipográfica) se debe de respetar un área de protección en la que ningún otro elemento gráfico puede ubicarse (por ejemplo textos, líneas, gráficos, texturas, etc). Ésta es equivalente a la distancia que separa las puntas de las hojas de laurel, y se aplica rodeando el escudo. No se recomienda usar el escudo sin la firma tipográfica y su uso está restringido a casos especiales.
Para permitir su clara legibilidad, el tamaño mínimo permitido para la reproducción del escudo de la Universidad de Costa Rica es de 1.3 centímetros de ancho. UCR /Manual de Identidad Visual / 12
ESCUDO | USO SOBRE FONDOS
Ejemplo 1
Ejemplo 2
Escudo sobre fondo claro (ejemplo 1)
Sobre fondos claros se puede utilizar cualquier versión del escudo (excepto la versión “a línea” en blanco).
Ejemplo 3
Ejemplo 4
Ejemplo 2 Ejemplo 1
Ejemplo 2
Escudo en negro sobre fondo claro (ejemplo 2)
Para trabajos litográficos a un color, fotocopiado o documentos enviados por fax (sobre fondos claros) debe utilizarse el escudo en versión “a línea” en negro.
Escudo sobre fondo oscuro (ejemplo 3) Ejemplo 4 Ejemplo 3 Ejemplo 2
Ejemplo 4
Cuando el escudo deba posicionarse sobre un fondo negro o de color oscuro, deberá utilizarse la versión “a línea“ en blanco. Si se necesita poner a color no debe cambiar los textos Universidad de Costa Rica ni Lucem Aspicio a blanco.
Escudo sobre fondo simple (ejemplo 4) Ejemplo 4
Sobre fondos fotográficos o tramas simples donde no se corra el riesgo de comprometer la legibilidad, el escudo deberá ubicarse en una zona de color uniforme. No se debe utilizar el escudo sobre tramas complejas donde se corra el riesgo de comprometer su legibilidad. UCR /Manual de Identidad Visual / 13
LA BANDERA La bandera de la Universidad de Costa Rica Bandera
Estructura
Otro símbolo tradicional de la universidad es su bandera. El pabellón de 1843, época en que se fundó la Universidad de Santo Tomás, institución precursora de la UCR, se adoptó como estandarte de la Universidad de Costa Rica desde su fundación en enero de 1941. Como parte del acuerdo tomado por el Consejo Universitario en sesión extraordinaria 4512, artículo 2, del lunes 20 diciembre de 1999, se especifica lo siguiente: “La bandera constará de tres franjas horizontales del mismo ancho cada una: blancas la superior y la inferior y celeste la del centro. En el centro se colocará el escudo de la Universidad especificado en este acuerdo”. Las dimensiones de la bandera deben ser como las de las banderas oficiales de los países, de acuerdo con la convención que utiliza el Ministerio de Relaciones Exteriores de Costa Rica, es decir de 1.2 metros de alto por 2 metros de ancho. La bandera tiene una relación entre el alto y el largo de 3x5. La distancia entre el escudo y los bordes de la franja celeste es igual a la cuarta parte de la distancia entre las puntas de laurel, tanto arriba como abajo. UCR /Manual de Identidad Visual / 14
LA TIPOGRAFÍA
Warnock Pro
Diseñada por Robert Slimbach, Warnock Pro es la tipografía de contraste de la UCR. Warnock es una extensa familia tipográfica de diseño clásico, ideal para bloques de texto extensos o cuando el documento requiere comunicar elegancia y solemnidad. En el caso de que ésta no esté disponible se utilizará la familia Times o Times New Roman.
Myriad
Cálida y racional a la vez, el diseño de Myriad es una mezcla de proporciones caligráficas y criterios del diseño tipográfico digital. Ésta tipografía se utiliza de preferencia en títulos, encabezados o textos cortos. En el caso de que ésta no esté disponible se utilizará la familia Arial o Helvética.
FF Dingbest
W W M
Es una fuente tipográfica de símbolos. Se utiliza para acentuar listados o como elemento de contraste Warnock
Times
f
Times
Las Tipografías de la UCR El sistema de identidad visual de la Universidad de Costa Rica contempla el uso de un grupo tipográfico compuesto por dos familias principales y una secundaria.
Familias principales La primera familia comprende las tipografías Warnok y Warnock Pro. Éstas han sido seleccionadas por su variedad, versatilidad y alta legibilidad. La segunda familia principales comprende
de tipografías a la Myriad.
Familias secundarias (símbolos)
Incluye las tipografías FFDingbests. Estas fuentes se utilizan como apoyo y contraste de las dos familias principales.
Myriad f Arial
UCR /Manual de Identidad Visual / 15
ABCDEFGHIJKLOMNOPQRS
ABCDEFGHIJKLOMNOPQRS
LA TIPOGRAFÍA | USOS GENERALES abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
k Pro
Myriad
Light
Myriad Roman
Regular
Myriad Bold
Warnock Pro
1234567890@#$¢%^&*(?¡!)
1234567890@#$¢%^&*(?¡!)
DISPLAY
DISPLAY
Myriad
Warnock Pro Light
Myriad Roman
FF Dingbests Myriad Bold
Warnock Pro Regular
Semi Bold
Warnock Pro Semi Bold
Bold
Warnock Pro Bold
LOMNOPQRS
ABCDEFGHIJKLOMNOPQRS
ABCDEFGHIJKLOMNOPQRS
nopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
#$¢%^&*(?¡!)
1234567890@#$¢%^&*(?¡!)
1234567890@#$¢%^&*(?¡!)
ABCDEF GHIJKLOM NOPQRSTUV ABCDEFGHIJKLOMNOPQRS abcdefghi abcdefghijklmnopqrstuvwxyz jklmnopqrst 1234567890@#$¢%^&*(?¡!)
DISPLAY
DISPLAY
DISPLAY
Myriad
Es la tipografía principal del sistema de identidad visual de la UCR. Por su alta legibilidad se puede utilizar tanto para levantar textos, como para ABCDEF tipografía de titulares. Sin embargo no se recomienda GHIJKLOM para cuerpos de texto extensos. De uso general, Myriad es la NOPQRSTUV tipografía recomendada para la elaboración de publicaciones abcdefghi de prensa, desplegables, señalización y papelería. jklmnopqrst
FF Dingbests
Warnock
Se utiliza como tipografía de contraste. Es ideal para levantar textos extensos, en libros o folletos o para reflejar un tono de comunicación ABCDEF mucho más formal.
FF Dingbests GHIJKLOM NOPQRSTUV abcdefghi jklmnopqrst
vwxy1234567890
FF Dingbests Ésta fuente da la posibilidad de añadir acentos y contrastes al texto. Contiene numerales, señalizadores y símbolos básicos.
UCR /Manual de Identidad Visual / 16
vwxy1234567890
EL COLOR
Colores principales
Colores principales
Celeste UCR
Blanco
Amarillo UCR
Verde UCR
PROCESO C 59/ M 0/ Y 6/ K 0
PROCESO C 0/ M 0/ Y 0/ K 0
PROCESO C 0/ M 7/ Y 66/ K 0/
PROCESO C 58/ M 0/ Y 80/ K 0
PANTONE 2985
RGB R 0/ G 0/ B 0
PANTONE 113
PANTONE 360
RGB PROCESO R 65/ G 173/ B 231 C 59/ M 0/ Y 6/ K 0
RGB-WEB PROCESO #FFFFFF C 0/ M 0/ Y 0/ K 0
RGB PROCESO R 249/ G 234/ B 100 C 0/ M 7/ Y 66/ K 0/
RGB PROCESO R 81/ G 186/ B 69 C 58/ M 0/ Y 80/ K 0
RGB-WEB PANTONE #F9EA64 113
RGB-WEB PANTONE #51BA45 360
Celeste UCR
RGB-WEB PANTONE #43ADE7 2985 RGB R 65/ G 173/ B 231
Amarillo UCR
Blanco
RGB R 0/ G 0/ B 0 RGB-WEB #FFFFFF
RGB-WEB #43ADE7
Verde UCR
RGB R 249/ G 234/ B 100
RGB R 81/ G 186/ B 69
RGB-WEB #F9EA64
RGB-WEB #51BA45
Colores alternativos
Colores alternativos Azul UCR
Verde Claro UCR
Arena UCR
Gris UCR
Gris oscuro UCR
PROCESO C100/M60/Y0/K6
PROCESO C27/M0/Y38/K0
PROCESO C0/M0/Y15/K6
PROCESO C0/M0/Y0/K28
PROCESO C56/M12/Y0/K43
PANTONE 286 Azul UCR
PANTONE 358 Verde Claro UCR
PANTONE 4545 Arena UCR
PANTONE 429 Gris UCR
PROCESO C12/M0/Y100 \K43 PANTONE PANTONE 5425 582 Gris oscuro UCR Oliva UCR
RGB RGB PROCESO PROCESO R38/G59/B136 R179/G219/B161 C100/M60/Y0/K6 C27/M0/Y38/K0
PROCESO C0/M0/Y15/K6
PROCESO C0/M0/Y0/K28
PROCESO C56/M12/Y0/K43
RGB-WEB PANTONE #06339A 286
PANTONE 4545
PANTONE 429
PANTONE 5425
RGB R38/G59/B136 RGB-WEB #06339A
RGB-WEB PANTONE #B3DBA1 358 RGB R179/G219/B161 RGB-WEB #B3DBA1
Jerarquía de color
Los colores principales de la UCR, el celeste UCR y el blanco, deben predominar en general en piezas de comunicación de las instancias centrales de la institución, pero su uso no es obligatorio. El amarillo y el verde UCR pueden utilizarse como acento. Se sugiere como colores alternativos el azul UCR, verde claro UCR, arena UCR, gris UCR, gris oscuro UCR, celeste claro UCR, celeste agua UCR, oliva UCR, girasol 1 UCR, girasol 2 UCR, aceituna UCR, Naranja UCR, y mostaza UCR. No es aconsejable utilizar
Oliva UCR
Girasol 1 UCR
Aceituna UCR
PROCESO C0/M10/Y100/K0
PROCESO C0/M0/Y34/K9
PANTONE PANTONE 109 C 617 Girasol 1 UCR Aceituna UCR
PROCESO C12/M0/Y100 \K43 PANTONE 582
PROCESO C0/M10/Y100/K0
PROCESO C0/M0/Y34/K9
PANTONE 109 C
PANTONE 617
Celeste claro UCR
Celeste agua UCR
Girasol 2 UCR
Naranja UCR
Mostaza UCR
PROCESO C47/M12/Y0/K0
PROCESO C28/M12/Y0/K0
PROCESO C0/M31/Y94/K0
PROCESO C0/M48/Y100/K0
PROCESO C0/M28/Y100/K9
colores demasiado “encendidos“ o “llamativos”, sobretodo los colores cercanos al rojo C15 M100 Y100 K0. PANTONE PANTONE 291 304 Celeste claro UCR Celeste agua UCR
Colores principales
PANTONE PANTONE 123 144 C Girasol 2 UCR Naranja UCR
PANTONE 131 Mostaza UCR
PROCESO C47/M12/Y0/K0
PROCESO C28/M12/Y0/K0
PROCESO C0/M31/Y94/K0
PROCESO C0/M48/Y100/K0
PROCESO C0/M28/Y100/K9
PANTONE 291
PANTONE 304
PANTONE 123
PANTONE 144 C
PANTONE 131
La paleta de color de la UCR
La paleta de color básica de la identidad UCR está compuesta por los colores aprobados por el Consejo Universitario para el escudo y la bandera (acuerdo, sesión 4512-02 del 20/12/99). En orden de jerarquía, la paleta se divide en colores principales y alternativos.
El celeste UCR y el blanco son los tonos base de la identidad UCR. También se utilizan, en menor proporción, el amarillo y el verde UCR.
Colores alternativos
Los colores alternativos pueden usarse como complemento a los principales.
Los colores de la paleta UCR pueden ser tramados en cualquier porcentaje. UCR /Manual de Identidad Visual / 17
LA FIRMA TIPOGRÁFICA La firma tipográfica es la manera oficial en que las palabras “Universidad de Costa Rica“ se representan como marca. La tipografía está basada en la familia Warnok Pro, con modificaciones que la hacen única. La firma tipográfica normalmente se utiliza en conjunto con el escudo, para lo cual existen las firmas oficiales construidas con este propósito. Sin embargo, en casos excepcionales en que tal vez el escudo ya existe como elemento individual por algún motivo importante, se podría utilizar la firma tipográfica individualmente, de manera que el escudo no quede repetido en el diseño. También se puede considerar utilizarla cuando por motivos de espacio la legibilidad se comprometa mucho si se usa el Escudo. Por último, se puede utilizar en aplicaciones en las que la Universidad participa como actor secundario y se requiere dar una posición jerárquica menor a la firma. En casos de duda sobre el uso, se puede consultar a la Oficina de Divulgación e Información. UCR /Manual de Identidad Visual / 18
LAS FIRMAS
Escudo
Escudo
Escudo
Las firmas de la Universidad de Costa Rica son el elemento de identidad más importante del conjunto de elementos visuales. Este es un componente gráfico moderno que permite establecer con claridad la autoría y propiedad de la UCR sobre sus mensajes y productos. La firma acompañará a todos los materiales de comunicación de la Universidad, salvo en el caso de aplicaciones específicas que requieren el uso del escudo como elemento único o cuando la naturaleza de la publicación pueda comprometer la imagen solemne y formal de la institución. La firma está compuesta por la unión del escudo y el nombre de la Universidad de Costa Rica. Los elementos de esta composición no podrán ser alterados por los usuarios bajo ninguna circunstancia. Se han diseñado tres tipos de firmas principales. Las firmas principales Están compuestas por la unión del escudo y la firma tipográfica.
UCR /Manual de Identidad Visual / 19
FIRMAS PRINCIPALES Firma principal | 2 líneas | Vertical
Firma principal | 2 líneas | Vertical
Firma principal | 2 líneas | Horizontal
Firma principal | 2 líneas | Horizontal Firma principal | 2 líneas | Vertical
Firma principal | 1 línea | Horizontal
Firma principal | 2 líneas | Horizontal
Firma principal | 1 línea | Horizontal
Firma principal | 1 línea | Horizontal
Hay 3 tipos de firmas principales: La vertical, la horizontal en 2 líneas y la horizontal en 1 línea. Las firmas vertical y horizontal en 2 líneas son las que se deben de utilizar en la mayoría de los casos, dependiendo la escogencia entre estas 2 de las condiciones del diseño (ver página 35). Se reserva el uso de la firma horizontal en 1 línea para casos especiales en que las restricciones del espacio y el diseño requieran de ésta, previa autorización de la Oficina de Divulgación e Información. La Oficina de Divulgación e Información se reserva el uso de una cuarta firma (no presentada aquí), con el escudo centrado sobre el texto en 1 línea, especialmente para invitaciones o certificados.
UCR /Manual de Identidad Visual / 20
Firmas principales | Área de protección
En todas las firmas deberá respetarse un área de protección equivalente a la distancia que separa las puntas de las hojas de laurel y se aplica rodeando el escudo y el texto. Este espacio es la relación de distancia a mantenerse entre las firmas de la Universidad y otras marcas o elementos gráficos distrayentes. La única excepción a este área de respeto se puede hacer en el caso de la firma vertical y la horizontal en 1 línea (primera y tercera figuras al lado) en las que se podrá agregar un nombre de una unidad de la Institución, bajo las
palabras “Universidad de Costa Rica“, con la misma distancia que existe entre el texto y el escudo, en tipografía de menor tamaño y preferiblemente en tipo Myriad o equivalente (ver ejemplo en la sección de firmas combinadas), previa autorización de la ODI. Las firmas y el escudo tienen precedencia sobre cualquier elemento gráfico de la UCR y también de otras Universidades públicas de Costa Rica (por antigüedad), por lo que debe de ponerse siempre al lado izquierdo y/o arribadeotroslogosomarcasdistintivas.
UCR /Manual de Identidad Visual / 21
Firmas principales | Tamaño mínimo
1.3cm 1.3cm 1.3cm
1.3cm 1.3cm 1.3cm
El tamaño mínimo permitido para la reproducción de las firmas de la universidad está definido por el ancho de la base del escudo. La medida mínima en el ancho del escudo es de 1.3 centímetros .
1.3cm 1.3cm 1.3cm
UCR /Manual de Identidad Visual / 22
Firmas principales | Proporciones
Las proporciones de la firma, es decir, la relaci贸n entre el escudo y la firma tipogr谩fica, se definen con base en la cuarta parte de la distancia entre las puntas de las hojas de laurel. Estas proporciones nunca deben variarse. Las firmas deben de tratarse como unidades indivisibles, por lo que se debe procurar el uso de los archivos electr贸nicos oficiales, los cuales no deben ser modificados.
UCR /Manual de Identidad Visual / 23
Firmas principales | Variantes
2 líneas | Vertical | CMYK
2 líneas | Vertical | Pantone
2 líneas | Vertical | Línea Negro
2 líneas | Vertical | RGB
2 líneas | Vertical | Línea Blanco
2 líneas | Vertical | 1 color
2 líneas | Horizontal | CMYK
2 líneas | Horizontal | Pantone
2 líneas | Horizontal | Línea Negro
2 líneas | Horizontal | 1 color
2 líneas | Horizontal | RGB
2 líneas | Horizontal | Línea Blanco
UCR /Manual de Identidad Visual / 24
Firmas principales | variantes
1 línea | Horizontal | CMYK
1 línea | Horizontal | Pantone
1 línea | Horizontal | Línea Negro
1 línea | Horizontal | Línea Blanco
1 línea | Horizontal | 1 Color
UCR /Manual de Identidad Visual / 25
Firmas principales | variantes
Firmas reverso 2 líneas | Vertical | CMYK | Reverso
2 líneas | Vertical | Pantone | Reverso
2 líneas | Horizontal | CMYK | Reverso
2 líneas | Horizontal | Pantone | Reverso
1 línea | Horizontal | CMYK | Reverso
1 línea | Horizontal | Pantone | Reverso
1 línea | Horizontal | RGB | Reverso
UCR /Manual de Identidad Visual / 26
LA FIRMA PROMOCIONAL
Firma Promocional UCR Opción 1
Firma Promocional UCR Opción 2
La firma promocional (también llamada “logo“) ha sido diseñada basándose en la forma verbal coloquial con que se denomina a la Universidad de Costa Rica. Se utiliza en materiales promocionales y de comunicación estudiantil cotidiana. Las firmas promocionales se usan para aplicaciones de carácter comercial o informal. También puede usarse como un elemento identificador, sobre todo cuando existen restricciones de espacio, cuando por alguna razón el identificador de la Universidad de Costa Rica debe de quedar subordinado a otros identificadores, o cuando se requiere de un logo que sea muy fácil y rápido de reconocer. Si la aplicación va orientada a público externo a la Universidad se debe utilizar la versión que contiene la leyenda Universidad de Costa Rica“ en la parte de abajo.
UCR /Manual de Identidad Visual / 27
La Firma promocional | Variantes
Logo UCR Opción 1 | CMYK
Logo UCR Opción 1 | Pantone
Logo UCR Opción 1 | Línea Negro
Logo UCR Opción 1 | Línea | Línea Blanco
Logo UCR Opción 2 | CMYK
Logo UCR Opción 2 | Pantone
Logo UCR Opción 2 | Línea Negro
Logo UCR Opción 2 | Línea Blanco
Logo UCR Opción 1 | RGB
Logo UCR Opción 2 | RGB
UCR /Manual de Identidad Visual / 28
Escudos y Firmas | Usos incorrectos
Rotaci贸n
delineados, tramados, tridimensionalidad y degradados
Ubicaci贸n sobre fondos que comprometen legibilidad
decorativos
UCR /Manual de Identidad Visual / 29
Escudos y Firmas | Usos incorrectos
Reproducción en una tinta cercana al rojo
Uso de bordes
Uso de escudos antiguos
Uso de tipografía dentro del espacio no autorizado de
Uso de escudos antiguos
Firma promocional incorrecta
Uso de alteraciones en el diseño del escudo
UCR /Manual de Identidad Visual / 30
Firmas combinadas | Variantes
El Separador Ejemplos
El separador es una línea vertical que se utiliza para separar elementos en el diseño, sobre todo en encabezados de texto. Al usar el separador no es necesario tomar en cuenta el área de respeto del logo. Su uso es completamente opcional.
Firma combinada | Ejemplo 1
Firmas combinadas Firma combinada | Ejemplo 2
Firma combinada | Ejemplo 3
Firma combinada | Ejemplo 4
Las firmas combinadas utilizan el separador para colocar la firma oficial UCR y algún otro encabezado de texto en Myriad al lado derecho de ésta. Se recomienda que a la derecha del separador no se incluyan logos, si no sólo texto. También se puede extender su uso a otros casos en que sea apropiado separar elementos. Cuando existen restricciones de espacio se puede colocar un nombre de unidad bajo el texto “Universidad de Costa Rica“, como se ve en el ejemplo 4, aún cuando el espacio de respeto es invadido. Esta excepción se hace sólo para unidades de la Universidad de Costa Rica, y sólo se permite texto en ésa ubicación (no logos). El texto debe ir en Myriad, y dejar un espacio equivalente al que existe entre el escudo y la firma tipográfica.
UCR /Manual de Identidad Visual / 31
Firmas combinadas | Proporciones
Firma combinada | Opción 1
Firma combinada | Opción 2
Firma combinada | Opción 3
Firma combinada | Opción 4
Vicerrectoría de Acción social
UCR /Manual de Identidad Visual / 32
Firmas Especiales
Ejemplo
Ejemplo
Vicerrectoria de Acción Social Señores (as) Sección Administrativa Sección de Prensa Sección Diseño e Informática Sección de relaciones Públicas y Protocolo OFICINA DE DIVULGACIÓN UNIVERSIDAD DE COSTA RICA Estimadas (os) compañeras (os): Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed luctus elit eu leo. Vestibulum blandit. Donec orci leo, rutrum in, varius et, faucibus et, dolor. Cras risus elit, varius sed, fermentum tempor, egestas eu, nunc. Integer pretium risus in mi. Cras aliquam consequat nisl. In hac habitasse platea dictumst. Sed tincidunt felis et dolor. Proin rutrum erat sed nulla. In leo. Sed quam nisl, luctus at, tempus id, rhoncus sit amet, orci. Duis rutrum nisi. Vivamus rhoncus nisl id velit. Curabitur luctus. Vivamus vulputate viverra eros. Duis pretium pellentesque ipsum. Nam tincidunt vulputate dolor. Mauris cursus tortor non enim. Duis imperdiet sem id mauris. Nullam nisl. Sed quis leo. Proin sodales vestibulum augue. Donec sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla ultrices sapien vitae elit. Aenean urna. Praesent scelerisque ultricies sapien. Sed nec mi sit amet enim suscipit auctor. Vestibulum massa. Quisque viverra. Maecenas metus. Maecenas in leo ac nulla fermentum vulputate. Mauris aliquam, dolor et hendrerit auctor, erat tortor adipiscing lorem, vel tempus justo enim a nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam sagittis. Phasellus porttitor orci. Donec congue, ipsum quis aliquam fringilla, nunc nisi consectetuer lectus, iaculis pretium dolor enim sit amet neque. Duis arcu diam, iaculis eget, suscipit vel, congue at, sem. Mauris vel massa id est aliquam condimentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce elit lorem, interdum vel, pulvinar quis, tincidunt ut, elit. Quisque dapibus, erat a gravida ornare, metus purus hendrerit odio, a condimentum metus eros a lectus. Morbi quam. Phasellus mattis tristique lacus. In hac habitasse platea dictumst. Donec sed nisi ut odio gravida ornare. Suspendisse at nisl eget turpis fermentum adipiscing.
Atte:
Secretaría: 207-5090 · Fax: 207-5152 · Servicios Administrativos: 2007-5286 · Periodistas: 207-5281 / 207-5284 / 207-4796 Relaciones Públicas: 207-5282 / 207-4795 · Sitios web: www.odi.ucr.ac.cr · e-mail: odi@cariari.ucr.ac.cr
Excepción Firmas | Ejemplo 2 Excepción Firmas | Ejemplo 1
Firmas en Sellos Para dar oficialidad a documentos de la institución aplicando un sello, se permite utilizar el escudo a línea con el nombre de la unidad abajo, de manera que se alinee a lo ancho con las hojas de laurel. También es posible hacer un sello utilizando solamente el logo de la unidad siempre que la papelería esté adecuadamente membretada con las firmas universitarias.
Excepción de Firmas
En casos en que por la naturaleza del espacio no sea posible colocar las firmas que contienen el escudo y la firma tipográfica oficiales, se puede utilizar el escudo individualmente. Estos casos requieren de aprobación de la Oficina de Divulgación e Información antes de su publicación. UCR /Manual de Identidad Visual / 33
Firmas y logos | Ubicación
La ubicación y el tipo de logos que se utilizan en un material gráfico dependen del tipo de diseño desarrollado. Existen cinco posibles ubicaciones para el logo de acuerdo con la jerarquía que tiene la universidad relativa a la actividad que se representa en el material. En particular los ejemplos siguientes corresponden a material impreso: afiches, portadas, textos en general. Casos específicos como rotulación vehicular, uniformes, material promocional u otros, son abordados en su mayoría en otros apartados de este Manual. Cuando hay duda en cualquiera de estas indicaciones se debe consultar a la Oficina de Divulgación Ubicación 1: (ejemplos 1 y 2) Si la Universidad es la emisora del mensaje, y se quiere darle la mayor jerarquía en el diseño, la firma vertical debe ser colocada en posición Semana de la Salud visualmente dominante, en la parte superior del diseño, sin ningún otro logo en el mismo nivel. Otros logos o marcas deberán colocarse en tamaño menor o igual a la firma de la Universidad, en la parte de abajo del diseño. Se recomienda el uso de los archivos a todo color. Ejemplo 1
Ejemplo 2
Presenta
Ubicación 2: (ejemplos 3 y 4) Si la universidad es responsable o auspiciadora principal del mensaje, la firma horizontal o vertical debe ser colocada en posición visualmente dominante, en la parte superior izquierda del diseño. Ut wisi enim ad minim veniam
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 .
FUNDACION
Lorem ipsum
ABC
1234 www.ucr.ac.cr
Otros logos o marcas deberán colocarse en tamaño menor o igual a la firma de la Universidad, a la derecha o en la parte de abajo del diseño. Si el público del mensaje es estrictamente interno a la institución y el carácter es informal se puede utilizar la firma promocional. Ejemplo 1
Ejemplo 3
Ejemplo 2
Semana de la
Salud
Presenta
Ejemplo 4
1ï 61803 39887 1ï 61803 39887 49894 84820
Rectoria
relaciones matem· ticas en el
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
2 /4/05
Magna aliquam
Auditorio abelardo bonilla
Ut wisi enim ad minim veniam 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 .
FUNDACION
Lorem ipsum
ABC
1234 www.ucr.ac.cr
1ï 61803
“Lorem ipsum dolor sit”
9 AM
Ut wisi enim ad minim veniam
FUNDACION
Lorem ipsum
ABC
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.
1234 www.ucr.ac.cr
UCR /Manual de Identidad Visual / 34
Firmas y logos | Ubicación
Ubicación 3: (ejemplos 5 y 6) Si la Universidad es responsable
Ejemplo 5
Ejemplo 6
Escuela de Matemática
girasol relaciones matemáticas en el
2 /4/05
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Auditorio abelardo bonilla
9 AM
6 de abril Auditorio de Bellas Artes Universidad de Costa Rica
7 PM
1234
FUNDACION
FUNDACION
ABC
Lorem ipsum
Ejemplo 7
1234
ABC
Ejemplo 8
girasol relaciones matemáticas en el
Congreso Internacional de Estudiantes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
2 de abril Auditorio Abelardo Bonilla Universidad de Costa Rica
9 AM
FUNDACION
Lorem ipsum
1234
ABC
Lorem ipsum
1234
FUNDACION
ABC
del mensaje, las firmas universitarias pueden ser colocadas en posición visualmente dominante, en la parte inferior del diseño, a la izquierda de otros logos. Otros logos o marcas deberán ubicarse en tamaño proporcionalmente menor o igual a las firmas de la Universidad. Se puede utilizar la firma promocional, sin leyenda abajo inclusive, o la firma tipográfica en 2 líneas.
Ubicación 4: (ejemplos 7 y 8) Si la Universidad es auspiciadora secundaria del mensaje, la firma tipográficaen2líneasolapromocional con la leyenda “Universidad de Costa Rica“ abajo –nunca el escudo– pueden ser colocadas junto a otros logos patrocinadores secundarios, incluso a la derecha o abajo, en un tamaño similar, pero no menor. La firma tipográfica se utiliza cuando el mensaje es formal y la promocional cuando el carácter es más casual. Se debe garantizar la legibilidad. UCR /Manual de Identidad Visual / 35
Firmas y logos | Ubicación
Ejemplo 9
Ubicación 5: (ejemplo 9) En la contraportada de un
www.odi.ucr.ac.cr
Junio de 2011
Impreso en el
texto o en la última filmina de una presentación se puede colocar la firma promocional abajo de otros logos. Así mismo, las firmas en un sello o aplicaciones especiales como certificados, artículos promocionales, etc., se pueden colocar con mayor libertad de acuerdo con la aplicación y ejemplos establecidos en este Manual. Cuando hay duda en cualquier caso se debe consultar directamente a la Oficina de Divulgación. UCR /Manual de Identidad Visual / 36
EL GIRASOL
El girasol, tomado del escudo, simboliza la búsqueda de la luz del saber. Por su similitud con el símbolo del sol, en nuestra identidad también simboliza la luz, la generación de conocimiento. Posición El girasol UCR ha sido diseñado con una posición predeterminada y nunca debe ser rotado. La posición correcta del girasol debe mostrar la base del pétalo X en posición horizontal. Girasol línea Negro
Girasol grises
Girasol grises
Girasol línea Negro
Girasol RGB
Girasol línea celeste
Girasol línea celeste
Girasol RGB
pétalo x
UCR /Manual de Identidad Visual / 37
El girasol | Ubicación
El girasol es un elemento secundario de identidad. Su ubicación y tamaño quedan a criterio del diseñador y del material a diseñar. Se recomienda mostrarlo de forma parcial (la mitad o un cuarto),aunquenohayrestricciones para mostrarlo completo. El girasol no debe ensuciar el diseño o saturarlo demasiado.
UCR /Manual de Identidad Visual / 38
EL HORIZONTE
Horizonte | Opción 1 CMYK
Horizonte | Opción 1 Pantone
Horizonte | Opción 2 CMYK
Horizonte Opción 2 Pantone
El horizonte UCR es un elemento secundario de identidad y su uso es opcional. Este concepto es tomado del escudo. Tiene diversos significados, entre ellos globalidad, futuro y amplitud. Opción 1
Horizonte | Opción 1 Gris
Horizonte | Opción 2 Gris
La primera opción se utiliza solo como una “base“ o “soporte“ para otros elementos, nunca por encima. Opción 2
Horizonte | Opción 1 Línea Negro
Horizonte | Opción 2 Línea Negro
Horizonte | Opción 1 reverso
Horizonte | Opción 2 reverso
El horizonte UCR puede ser extendido en su parte inferior para formar un bloque (horizonte 2) el cual puede contener otros elementos gráficos como fotografías, ilustraciones, la firma promocional o el supergráfico UCR. Gráficamente funciona como una “división” en el diseño y debe abarcar todo el espacio horizontal.
UCR /Manual de Identidad Visual / 39
el eje vertical Se recomienda ubicarlo en el área media inferior El horizonte NO debe ubicarse verticalmente del diseño descentrado
m ipsum e sit consec
El horizonte | Ubicación
El horizonte debe centrarse sobre el eje vertical Se recomienda ubicarlo en el área media inferior El h El horizonte debe centrarse sobre el eje vertical Se recomienda del diseño ubicarlo en el área media inferior El hori de del diseño descen
El horizonte debe centrarse sobre el eje vertical Se recomienda ubicarlo en el área media inferior El horizonte NO debe ubicarse verticalm del diseño descentrado orem ipsum
orem ipsum dolore amet dolore sitsit amet
orem ipsum dolore sit amet
Ejemplos Ejemplos
m dolor si t amet , r adipiscing elit , num my nibh cidu nt ut laoreet na aliquam e rat wisi enim ad m , quis nostrud ullam corper ortis nisl u t a commodo Duis autem vel olor in hend rerit velit esse nsequat, vel illum ugiat nulla ero eros.
r.ac.cr
El horizonte debe centrarse sobre el eje vertical Se recomienda ubicarlo en el área media inferior El horizonte NO debe ubicarse verticalmente del diseño descentrado
Lorem ipsum Lorem ipsum dolore sit dolore sitconsec amet amet consec
orem ipsum dolore sit amet
Ejemplos
Lorem 11Lorem 11-133 Amet Amet 133
Ejemplos
Lorem ipsum dolore sit amet consec Lorem ipsum dolore sit amet consec
Lorem 11Amet 133 Lorem 11Amet 133
Lorem ipsum dolor si t amet , consectetuer adipiscing elit , sed diam nonum my nibh euismod tincidu nt ut laoreet dolore magna aliquam e rat volutpat. Ut wisi enim ad ipsum dolor si t amet , minim Lorem veniam , quis nostrud consectetuer adipiscing elit , exerci tation sed diamullam nonumcorper my nibh tincidu suscipi teuismod lobortis nislntuuttlaoreet dolore magna aliquam e rat aliquip volutpat. ex ea commodo Ut wisi enim ad consequat. minimDuis veniam , quis nostrud autem vel tation ullam corper eum iriuexerci re dolor in hend rerit suscipi t lobortis nisl u t in vulput ate ex velit esse aliquip ea commodo Duis autem vel molestieconsequat. consequat, vel illum eum iriu re dolor in hend rerit dolore eu feugiat nulla in vulput ate velit esse facilisis molestie at veroconsequat, eros. vel illum dolore eu feugiat nulla facilisis at vero eros.
Lorem ipsum dolor si t amet , consectetuer Lorem ipsum dolor si adipiscing t amet , elit , sed diam nonumelit my, nibh consectetuer adipiscing euismod nt ut laoreet sed diam nonum tincidu my nibh dolore magna euismod tincidu nt ut aliquam laoreet e rat volutpat. Ut wisi enim dolore magna aliquam e rat ad minim veniam , quis nostrud volutpat. Ut wisi enim ad exerci tation ullam corper minim veniam , quis nostrud suscipi t lobortis nisl u t exerci tation ullam corper aliquip ex ea commodo suscipi t lobortis nisl u t consequat. Duis autem vel aliquip ex ea commodo eum iriu re dolor in hend rerit consequat. Duis autem vel velitrerit esse eum iriuinrevulput dolor ate in hend vel illum in vulputmolestie ate velitconsequat, esse dolore eu feugiat nulla molestie consequat, vel illum facilisis at nulla vero eros. dolore eu feugiat facilisis at vero eros.
ww w.ucr.ac.cr ww w.ucr.ac.cr
Ubicación del horizonte, opción 2 Se permite ubicar el horizonte a cualquier altura del área de diseño, aunque se recomienda colocarlo en el área media inferiordelmismo.Siempredebecentrarse con respecto al eje vertical del diseño. No se permite ubicarlo descentrado.
ww w.ucr.ac.cr ww w.ucr.ac.cr
UCR /Manual de Identidad Visual / 40
EL SUPERGRÁFICO
El supergráfico UCR es un elemento secundario de identidad. Se compone de un grupo de puntos ordenados en forma de espirales. Su disposición se basa en el patrón de crecimiento de las semillas del girasol. Representa la variedad de personas, disciplinas, opciones y opiniones dentro de la Universidad. Nos remite al concepto de diversidad dentro de la unidad de la UCR. Por el uso sugerido en este sistema de identidad, el supergráfico también nos remite a la idea de una huella digital; una forma que nos refiere directamente a la UCR. El supergráfico deberá tramarse en un 25% de opacidad como máximo, de manera que siempre aparezca como una transparencia o una superposición sobre fondos o imágenes.
Uso y ubicación
El supergráfico debe mostrarse de forma parcial, menos de la mitad de la imagen, nunca en forma total. Este elemento es complementario al diseño, nunca debe ensuciar ni ser destacado. Debe tramarse a un 25% de intensidad a lo sumo con respecto al color de fondo. No colocarlo sobre fondos no uniformes. No debe repetirse su imagen dentro de un diseño. UCR /Manual de Identidad Visual / 41
LA RETÍCULA UCR La retícula
Creación de la retícula
La subdivisión del espacio a diseñar es otra manera de comunicar la identidad de la UCR
La modulación del espacio a diseñar utilizando la retícula UCR es un proceso simple:
La retícula UCR se basa en las proporciones planteadas por el diseño de la bandera.
1-Se determina el área a diseñar.
Así como la bandera se conforma por la subdivisión en tercios del espacio, la retícula plantea la creación de divisiones modulares en múltiplos de tres. La retícula es una herramienta muy útil en el proceso de diseño. No solo ayuda a organizar los elementos en el espacio sino que también garantiza la coherencia estructural de los materiales de comunicación visual de la Universidad. Retícula en 9 módulos
Retícula en 18 módulos
2-Se definen los márgenes, de ser éstos necesarios. 3-Se subdivide el espacio vertical y ho rizontal en 3 o en múltiplos de 3. En el caso de establecerse márgenes en el área a diseñar, la modulación del espacio se hará a partir de los márgenes. La reticulación mínima en general, plantea nueve módulos, sin embargo se puede continuar subdividiendo el espacio para aumentar la modulación. Retícula en 36 módulos
UCR /Manual de Identidad Visual / 42
La retícula UCR | Aplicación Carátula de CD
Taza
Página de prensa
Ejemplos:
Página de prensa
Portada de publicación
GuÌa de horarios
2012
Ejemplos:
Portada de publicación
GuÌa de horarios
2012
Carátula de CD
La retícula puede ser aplicada para resolver una gran variedad de problemas de proyectos de diseño, tanto bidimensional como tridimensional. Taza
Carátula de CD
Taza
UCR /Manual de Identidad Visual / 43
Noviembre del 2011
www.odi.ucr.ac.cr