Manual de Identidad Gráfica - Coordinación de Comunicación Social - UNAM
←
→
Transcripción del contenido de la página
Si su navegador no muestra la página correctamente, lea el contenido de la página a continuación
Manual de Identidad Gráfica Coordinación de Comunicación Social
3
4
5
ESCUDO 6
Colores 8
Colores del escudo 9
Tamaño mínimo 12
Usos incorrectos del escudo 13
14
Índice
Tipografías recomendadas
USO CORRECTO DE LAS IMÁGENES 15
PÁGINAS WEB 21
Encabezado 22
Menú 23
Inicio 24
Slider 25
Fondos 26
Textos 27
Secciones 28
Pie de página 29
Redes Sociales 30
Recomendaciones 31
Referencias 32
Manual de Identidad Gráfica
4
Introducción
L a Facultad de Medicina de la UNAM, a través del
Departamento de Comunicación Digital y Social,
emite las presentes sugerencias de identidad gráfica
con el objetivo de fortalecer la imagen institucional,
por medio de una proyección uniforme de los mate-
riales digitales de difusión.
El manual es una guía para la elaboración de material
de difusión digital, sin embargo no pretende limitar
ideas, pero sí ser un apoyo para conservar elementos
distintivos de la institución.
Manual de Identidad Gráfica
5
La importancia de los materiales
gráficos para la difusión
L a Facultad de Medicina es una de las instituciones
con mayor prestigio de la UNAM, la información que
surge todos los días tiene un gran alcance, no sólo en
La identidad gráfica uniforme, fortalece el prestigio
de las instituciones, une a las diferentes ramas, le
otorga seriedad, crea una institución fuerte y de gran
la comunidad local, también en diferentes públicos de profesionalismo ante los ojos de los demás.
la comunidad médica y no médica. La responsabilidad
que tiene sobre el material de difusión es importante, es
fundamental que proyecte una imagen de acuerdo a su
misión y visión.
Manual de Identidad Gráfica
6
Escudo
R eglamento del Escudo y Lema de la Facultad de
Medicina de la Universidad Nacional Autónoma de
México.
Artículo 1. El uso del Escudo y Lema de la Facultad
de Medicina de la Universidad Nacional Autónoma de
México, se hará de acuerdo con los fines que la
Institución señala en el artículo 1o. de su Ley Orgánica.
Artículo 2. El Escudo de la Facultad de Medicina
constará de tres elementos:
a. El Escudo de la Universidad Nacional Autónoma
de México en una envolvente mayor circular, con los
Manual de Identidad Gráfica
7
mismos elementos del escudo oficial;
b. Una franja circular central que contiene las siglas
de la UNAM en la parte superior y el lema de la Facul-
tad de Medicina en la parte inferior, y
c. En la parte central una serpiente retomada del
mural de Francisco Eppens en una composición en V.
Artículo 3. El Lema de la Facultad de Medicina será
“ALIIS VIVERE”, que en latín significa “Vivir para los
demás”.
Artículo 4. El Escudo y Lema de la Facultad de Me-
dicina podráser utilizado sin necesidad de autorización
previa, por todos los miembros de su comunidad, siem-
pre y cuando se cumpla con lo dispuesto por el artícu-
lo 1o. de este reglamento.
Artículo 5. La contravención de lo establecido en el
presente reglamento será causa de responsabilidad
en los términos de la legislación aplicable.
www.facmed.unam.mx/fm/escudo/cuerpoescudo.html
Manual de Identidad Gráfica
8
Colores
E l color es uno de los elementos más importantes de la construcción de la identidad. Los colores de UNAM,
azul y oro, son representativos de la Universidad, inmediatamente podemos saber que se trata de nuestra
universidad con la presencia de estos dos colores.
PANTONE: 655 C PANTONE: 1245 C
CMYK: C 100 M 92 Y 23 K 12 CMYK: C 0 M 28 Y 100 K 18
RGB: 0-61-121 RGB: 213-159-15
#002B7A #D59F0F
Manual de Identidad Gráfica
9
Colores del escudo
Para fondos claros se recomienda el uso de estas versiones:
Manual de Identidad Gráfica
10
Colores del escudo
Para fondos oscuros se recomiendan las siguientes versiones:
Manual de Identidad Gráfica11
Tamaño mínimo
El tamaño mínimo recomendado en material digital es de 80 píxeles de altura. ( 2.82cm)
80px
Manual de Identidad Gráfica12
Usos incorrectos del escudo
El escudo debe de ser correctamente utilizado, no debe ser deformado de ninguna manera que altere su
forma o legibilidad, los fondos siempre deben apoyar a que el emblema sea apreciado correctamente sin
que elementos dificulten su lectura.
Manual de Identidad Gráfica13
Tipografías recomendadas
El usar fuentes tipográficas de un grupo específico y reducido ayuda a tener una mayor integración entre
los diversos documentos y soportes de texto e imagen que se producen en la Facultad de Medicina.
Arial
Arial regular, Arial Bold, Arial italic
Helvética
Helvética regular, Helvética bold, Helvética oblique
Futura
Futura regular, Futura condensed extrabold, Futura italic
Franklin gothic
Franklin gothic regular, Franklin gothic iltalic
Manual de Identidad Gráfica14
Uso correcto de las
imágenes
L as imágenes son un buen recurso para comple-
tar la información, tiene un gran impacto y son
asimiladas con mayor rapidez que la información
escrita.
Es importante cumplir con ciertas cualidades en la
calidad de las imágenes para que ayude a impulsar
el impacto de la información y no demerite su con-
tenido.
Manual de Identidad Gráfica15
No forzar el tamaño de la imagen
Debemos respetar el tamaño original de las imágenes: si es de formato pequeño, no debemos forzar su tamaño,
ya que no debe apreciarse borrosa o que sus píxeles sean visibles.
Manual de Identidad Gráfica16
Respetar las proporciones de las imágenes
Si la imagen tiene un ancho y largo determinado no debemos alterar ninguno de estos factores con el fin de llenar
espacios.
Manual de Identidad Gráfica17
Uniformidad en las imágenes
Si tenemos diferentes imágenes continuas en una galería debemos procurar que todas las imágenes sean del
mismo tamaño para que se aprecie un orden en la composición.
Manual de Identidad Gráfica18 Manual de Identidad Gráfica
19
Marcas de agua
Ninguna de las imágenes debe tener marcas de agua que no pertenezcan a la UNAM.
Manual de Identidad Gráfica20
Páginas web
L as páginas web son una eficiente herramienta
para la difusión de contenidos de la Facultad de
Medicina, las páginas pueden tener gran cantidad de
información que ayuden a la comunidad. Es necesa-
rio que todas las páginas de las dependencias de la
Facultad de Medicina, posean un diseño uniforme de
acuerdo con la identidad institucional de la UNAM.
Recomendaciones web
1.El diseño gráfico de los sitios web y repositorios
institucionales después del encabezado es libre,
considerando los lineamientos descritos en el Cen-
tro de Recursos Web.
2.Es indispensable que el diseño sea responsivo, es
decir se ajuste a los diferentes dispositivos móviles.
Manual de Identidad Gráfica21
Encabezado
1. La imagen a la izquierda del encabezado debe presentar el escudo de la UNAM vinculado al sitio: www.unam.mx.
2. A la derecha del escudo de la UNAM se incorpora el escudo de la Facultad de Medicina que está vinculado a la
página principal de la Facultad de Medicina.
3.-A la derecha del escudo de la Facultad de Medicina, se incorporara el nombre del área.
Manual de Identidad Gráfica22
Menú
Los botones utilizados en el sitio deben contener texto corto que describa su funcionalidad, organizados por
jerarquía.
Manual de Identidad Gráfica23
Inicio
Todas las páginas deben de tener un botón de inicio.
Manual de Identidad Gráfica24
Slider
Es recomendable hacer el uso de un slider (galería de imágenes en movimiento) para la página inicial, en éste po-
demos agregar los eventos o información más relevante de la página, otorgando dinamismo y atractivo para sus
usuarios.
Manual de Identidad Gráfica25
Fondos
Se debe cuidar que el color de fondo de las páginas Web sea claro y la letra oscura, con lo cual se aumenta el con-
traste, obteniendo mayor legibilidad, además de eliminar los problemas de impresión.
Manual de Identidad Gráfica26
Textos
Legibilidad visual: El contraste entre texto y fondo no debe impedir su visualización.
Elementos multimedia: Los elementos en texto deben apoyarse de imágenes, vídeos y audios mismos que
incluyen sus descripciones correspondientes.
Manual de Identidad Gráfica27
Secciones
Es importante organizar la información incluyendo espacios, colores , ideas principales, imágenes, gráficos y otros
elementos que faciliten la lectura del contenido.
Manual de Identidad Gráfica28
Pie de página
Incluir un pie de página incorporando:
1. Créditos correspondientes y la leyenda: “Sitio web administrado por: nombre de la dependencia”.
2. Leyenda legal y deberá estar presente para los sitios Web estáticos. En los sitios Web dinámicos es opcional
la colocación del pie de página.
3. Números de contacto.
4. Se recomienda mantener el encabezado y pie de página en todas las páginas del sitio.
Manual de Identidad Gráfica29
Redes Sociales
Si las dependencias posen redes sociales, deben tener el hipervínculo de éstas en sus páginas web.
Manual de Identidad Gráfica30
Recomendaciones
www.visibilidadweb.unam.mx
El sitio debe organizarse desde la perspecti- Se recomienda utilizar textos en negritas,
va del usuario, de acuerdo con los servicios que mayúsculas y cursivas con moderación.
se ofrecen a la comunidad universitaria y a la socie-
Es importante organizar la información in-
dad en general, para quedar en segundo término la
cluyendo espacios, colores ,viñeyas ,imágenes, grá-
estructura organizacional.
ficos y otros elementos que faciliten la lectura del
El diseño del sitio debe ser sencillo y utilizar en contenido.
forma moderada elementos decorativos. Es conve-
Otra forma de agilizar la lectura en las páginas
niente incluir espacio suficiente para evitar que las
Web es mediante la redacción de párrafos breves.
páginas Web se vean saturadas.
La información debe presentarse al usuario de
forma concreta y concisa. Si aun así, el texto fuera
El uso de colores permitirá distinguir fácilmente extenso, se puede organizar con un índice que ligue
los enlaces ya visitados. hacia las diferentes secciones.
Manual de Identidad Gráfica31
Los enlaces deben ser visibles para evitar que
puedan perderse en el texto.
Se debe cuidar en las páginas internas que el
color de fondo de las páginas Web sea claro y la le-
tra oscura, con lo cual se aumenta el contraste, ob-
teniendo mayor legibilidad, además de eliminar los
problemas de impresión.
Las páginas principales deberán evitar, en lo
posible, el uso de las barras de desplazamiento
horizontal y vertical.
La implementación de un sitio Web debe ser
independiente del navegador; es decir debe con-
servar la misma apariencia y funcionalidad en los
navegadores, plataformas y versiones principales
(Internet Explorer 6 en adelante, Firefox 2.0 en
adelante, Google Chrome 2.0 en adelante y Safari
3.0 en adelante)
Manual de Identidad Gráfica32
Referencias
Red de Responsables en Visibilidad Web UNAM www.visibilidadweb.unam.mx
http://www.facmed.unam.mx/fm/escudo/cuerpoescudo.html
Manua de Identidad Gráfica FES Acatlán
http://www.acatlan.unam.mx/repositorio/general/Manuales/Imagen/Manual-de-Identidad-Grafica-FES-Acatlan-1.0.pdf
Manual de Identidad Gráfica33 Manual de Identidad Gráfica
También puede leer
