EL DISEÑO INSTRUCCIONAL, UNA DIMENSIÓN CLAVE INSUFICIENTEMENTE ATENDIDA EN LA TELEFORMACIÓN
Manual de uso del logotipo institucional en medios …[email protected]. Por favor, tome...
Transcript of Manual de uso del logotipo institucional en medios …[email protected]. Por favor, tome...
Manual de uso dellogotipo institucional
en medios digitalesversión 2018
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 1
Manual de uso dellogotipo institucional
en medios digitalesversión 2018
03
05
06
11
12
13
14
18
20
21
Esta guía establece un estándar visual para el uso del logotipo institucional de la Ponti�cia Universidad Católica del Perú en medios electrónicos. El propósito es proyectar una imagen sólida y consistente de la Universidad.
El manual cuenta con una biblioteca de archivos complementarios en los que encontrará plantillas y documentos para la implementación de su web, boletín o brochure electrónico, así como sugerencias para su correcto funcionamiento.
Versión digital del logotipo
Usos incorrectos
Web de unidades
Web de herramientas institucionales
Boletines y brochures digitales
Sello aniversario
Banners y animaciones
Elementos digitales de escritorio
Cabeceras en blogs
Logotipo en redes sociales
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 2
Notas
Según la Transcripción N° 466/2009-S, el 29 de abril del 2009, el Consejo Universitario aprobó suprimir la creación de nuevos logos y emplear exclusivamente el logotipo de la Universidad. Además, se señaló no usar logotipos dobles y que el de las unidades no compitan con el logotipo institucional.
Todo miembro de la comunidad universitaria que requiera emplear el logotipo institucional para, por ejemplo, difundir un evento, deberá contar con la autorización correspondiente. Si el evento es organizado por profesores, la autorización del uso del logo se obtendrá por intermedio de su jefe de departamento; si se trata de estudiantes o de personal administrativo, estos deben proceder por intermedio del decano o del director de su unidad.
Toda persona natural o jurídica que requiera emplear el logotipo institucional deberá contar con la autorización de la Universidad a traves de Secretaría General de la PUCP.
Toda aplicación del logotipo institucional de la Universidad Católica debe ser aprobada, sin excepción, por la Dirección de Comunicación Institucional (DCI). Para ello, una vez que la unidad cuente con la versión �nal del documento que contenga el logo, deberá enviar el archivo, en formato .jpg o .pdf, al correo electrónico [email protected]. Por favor, tome en cuenta que la solicitud puede demorar un día útil en ser atendida.
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 3
Versión digital del logotipo VERSIÓN DIGITAL DEL LOGOTIPO
El logotipo institucional tiene dos versiones: la primera está conformada siempre por el isotipo o escudo más el nombre de la Universidad, con la cuña entre ambos. La segunda versión del logotipo institucional está conformada por el isotipo o escudo más la siglas del nombre de la universidad, con la cuña entre ambos.
El logotipo institucional se usará siempre integrado: no se debe separar el nombre del isotipo; tampoco es válido separar los elementos del isotipo: el barco, las olas, la estrella, etc.
Logotipo institucional blanco va sobre fondo de color sólido para medios electrónicos.
Logotipo institucional negro va siempre sobre fondo blanco.
Las fuentes utilizadas en el logotipo institucional son: Gill Sans MT Regular y Gill Sans MT Bold.La fuente utilizada para construir las siglas PUCP es Gill Sans MT Bold.
LOGOTIPO INSTITUCIONAL PUCP
LOGOTIPO EN BLANCO
LOGOTIPO EN NEGRO
LA TIPOGRAFÍA
Gill Sans MT Regular Bold
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 4
Se deben considerar las siguientes proporciones de referencia. También son parte del logotipo los espacios vacíos (aires) en estas proporciones, los que deben ser respetados. Es preciso considerar esto también dentro de la versión en blanco del logotipo.
El tamaño mínimo de los espacios vacíos serán de 10 píxeles.
Considerando las proporciones mencionadas, e incluyendo los espacios de seguridad, el logotipo institucional debe tener las medidas que se indican.
PROPORCIONES
TAMAÑOS MÍNIMOS
39 px
133 px
59 px
153 px
x
10 px
10 px
El logotipo institucional en medios electrónicos utiliza tres colores institucionales .
AZUL CIELO:R=0, G=60, B=122 #003c7a
AZUL MAR:R=0, G=114, B=188 #0072bc
GUINDA:R=158, G=6, B=33 #9e0621
COLORES INSTITUCIONALES
Versión digital del logotipo
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 5
Usos incorrectos
Son incorrectos los siguientes usos y cualquier otro que no corresponda a lo detallado en las anteriores consideraciones.
USOS INCORRECTOS
Logotipo institucional de un solo color
Logotipo institucional sobre textura Logotipo institucional sobre una imagen
Logotipo institucional en grises
Logotipo institucional en negativo total o parcialTipografía separada del logotipo
Seccionar o usar partes del logotipo Logotipo institucional con el logotipo de otra unidad que posee logotipo propio
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 6
Ejemplo 3
FACULTAD DELETRAS Y CIENCIASHUMANAS
La cabecera para web de unidades está conformada por una barra ubicada en la parte superior de la página web y se incluye en sus páginas internas. Esta barra contiene el logotipo institucional y el nombre de la unidad(es). El logotipo institucional va ubicado al lado derecho, y la unidad(es) al lado izquierdo centrada verticalmente con la barra contenedora.
Ejemplo 1
Ejemplo 2
Web de unidades
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 7
FACULTAD DEDERECHO
960 px
84 p
x
60 p
x12
px
12 p
x
207 px 12 px13 px
DEPARTAMENTO DEECONOMÍA
FACULTAD DELETRAS Y CIENCIASHUMANAS
BARRA
• Dimensiones: 960 píxeles de ancho x 84 píxeles de alto.• Márgenes interiores: 12 píxeles para todos los lados.• Color: fondo color sólido. No se debe usar degradé ni texturas.
Si el fondo es de color blanco, el logotipo institucional será de color y el texto de la unidad, de color azul: #003c7a.
CABECERA CON FONDO DE COLOR
CABECERA CON FONDO BLANCO
CABECERA CON BORDE REDONDEADOS
LOGOTIPO
• Alineación: derecha.
• Color: blanco.
• Dimensiones: 156 píxeles de ancho x 60 píxeles de alto (logo versión 2).
Web de unidades
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 8
Cuando se muestren dos unidades, el margen que habrá entre cada texto será de 24 píxeles.
Cuando se muestren la unidad y la especialidad, la tipografía de la especialidad irá debajo del texto de la unidad con tipografía Gill Sans y 12 puntos.
24 px
FACULTAD DELETRAS Y CIENCIASHUMANAS
CENTROCULTURAL
ESPECIALIDAD DE ESTADÍSTICA
FACULTAD DECIENCIAS EINGENIERÍA
UNIDAD Y SUB-UNIDAD
DOS O MÁS ESPECIALIDADES
NOMBRE DE UNIDADES
Web de unidades
DIRECCIÓN ACADÉMICA DERESPONSABILIDAD SOCIAL
UNIDAD
• Alineación: horizontalmente izquierda y verticalmente centrada con la barra contenedora.• Tipografía: Gill Sans 13 puntos, interlineado: 13 puntos.• Color: blanco cuando el fondo de color sólido y azul cuando el fondo es blanco.
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 9
• Dimensiones: 100% x 50 píxeles aproximadamente. El alto dependerá del alto �nal del nombre de la unidad. El ancho será explandible al tamaño del dispositivo móvil.• Márgenes interiores: Margen superior e inferior de 10 píxeles, y márgenes laterales de 15 píxeles.• Color: No se debe usar degradé ni texturas.
LA BARRA DE COLOR
• Alineación: horizontalmente a la izquierda y verticalmente al centro.• Tipografía de la unidad: Gill Sans 11 puntos, interlineado: 13 puntos.
UNIDAD
Web de unidades
Para páginas web de Estudios Generales, facultades y departamentos. En la cabecera, el logotipo institucional se ubicará siempre al lado izquierdo. Debajo se ubicará una franja con fondo de color que identi�ca a la unidad, y dentro estará el nombre de la unidad de color blanco alineado al lado izquierdo y verticalmente al centro.
• Dimensiones: 100% x 58 píxeles. El ancho será explandible al tamaño del dispositivo móvil.• Márgenes interiores: Margen superior e inferior de 10 píxeles, y márgenes laterales de 15 píxeles.• Color: No se debe usar degradé ni texturas.
UBICACIÓN Y MEDIDAS
LA BARRA DEL LOGO PUCP
• Alineación: izquierda.• Dimensiones: 134 píxeles de ancho x 38 píxeles de alto.• Color: Sobre fondo blanco el logotipo siempre debe tener los colores institucionales. De usarse fondo de color, se utilizaría la versión del logotipo en blanco.
LOGOTIPO PUCP
EN MÓVILES
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 10
100%
100%
DEPARTAMENTO DE INGENIERÍA
INGENIERÍA DE LASTELECOMUNICACIONES
CABECERA WEB MÓVIL CON DOS UNIDADES
FACULTAD DEEDUCACIÓN
10 px
38 p
x
100%
10 px
38 p
x
10 px
50 p
x
FACULTAD DEADMINISTRACIÓNY CONTABILIDAD
El primer texto con 11 puntos, interlineado de 13 puntos, y el segundo texto con 9.5 puntos, interlineado de 13 puntos.
Medidas para 3 �las de texto
Medidas para 1 y 2 �las de texto
100%
58 p
x
131 px10 px10
px
38 p
x10
px
Web de unidades
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 11
UBICACIÓN Y MEDIDAS
Web de herramientas institucionales
LA FRANJA SUPERIOR
• Dimensiones: El alto máximo de la franja es 40 píxeles y el ancho va a todo el ancho de la pantalla.• Color: Las tonalidades van del color negro y gris. El color va de acuerdo al diseño de la página web.• Tipografía: El texto que va en la franja superior es Arial Regular de 12 píxeles. El color va deacuerdo al diseño de la página web. • Alineación: El texto siempre va al lado izquierdo.
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 12
Boletines y brochures digitales
FACULTAD DECIENCIAS Y ARTESDE LA COMUNICACIÓN
DE COLOR SÓLIDO
UBICACIÓN Y MEDIDAS
ESCUELA DEGRADUADOS
12 px 12 px
12 px
12 px
166 px
48 px
650 px
LA BARRA
• Dimensiones: 650 píxeles de ancho x 72 píxeles de alto.• Márgenes interiores: 12 píxeles para todos los lados.• Color: en blanco o color sólido. No se debe usar degradé ni texturas.
LOGOTIPO PUCP
• Alineación: derecha. • Dimensiones: 126 píxeles de ancho x 48 píxeles de alto (logo
versión 1). 166 píxeles de ancho x 48 píxeles de alto (logo versión 2).
UNIDAD
• Alineación: horizontalmente izquierda y verticalmente centrada con la barra contenedora.• Tipografía de la unidad: Gill Sans 11 puntos, interlineado: 10 puntos.• Tipografía de la especialidad: Gill Sans 10 puntos.
DE COLOR BLANCO
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 13
UBICACIÓN
COLOR
color negro color azul cielo
Sello aniversario
• El sello de aniversario puede ir ubicado en cualquier parte de la página web, excepto en la cabecera principal de la página.• En caso se cuente con una zona destacada (imágenes que pasan secuencialmente), se recomienda crear una imagen con el motivo de aniversario en la que se incluya el sello respectivo.
• Los colores son planos. El sello puede utilizar los colores negro o azul cielo (R=0, G=51, B=102 #003366).• Cuando se desee colocar el sello sobre fondo de imagen o sobre fondo de color sólido, aquel deberá ser colocado dentro de un recuadro blanco.
SELLO ANIVERSARIO
20 AÑ
OS
Formación de excelencia
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 14
El cierre del logotipo debe hacerse sobre fondo blanco, situando el logotipo institucional en el centro. Sus medidas serán correspondientes al ancho y alto del banner, considerando siempre las medidas mínimas establecidas y los espacios de respeto. La misma disposición es para el nombre de la unidad en una pantalla aparte.
BANNERS
MEDIDAS A ESCALA
Horizontal
PequeñoVertical
190 px
90 px
730 px
90 px
190 px
350 px
Sólo en el banner pequeño, se puede utilizar e incluir la palabra PUCP durante toda la animación. La palabra PUCP será incluida de la siguiente manera:
- Irá en la parte inferior derecha sobre fondo blanco o de color con bordes redondeados.- Las medidas de la palabra PUCP serán de 59px. de ancho por 16 px. de alto.
160 px
100 px
14 px20 px
52 px
Banners y animaciones
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 15
En el cierre de la animación se debe presentar el logotipo de la Universidad y el de la unidad, si perteneciera a una especí�camente. Los pasos que deben seguirse son los siguientes:
• Disolvencia total de la grá�ca a blanco.• Entrada del nombre de la unidad en disolvencia de 0 al 100 %.• Este debe permanecer durante 1 segundo para, �nalmente, desaparecer en disolvencia. • Entrada del logotipo institucional en disolvencia de 0 al 100 %.• Este debe permanecer durante 2 segundos para, �nalmente, desaparecer en disolvencia.• Pueden utilizar cualquiera de las dos versiones del logotipo institucional.
1 2 3 4
5 4 5 6
ANIMACIÓN - CIERRE
Banners y animaciones
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 16
PPA, PPL Y LEAD AD
ANUNCIOS EN FACEBOOK
La plataforma de anuncios en Facebook limita el porcentaje de textos que deben contener las imágenes de los anuncios, por ello deben de pasar por una COMPROBACIÓN DEL TEXTO DE LA IMAGEN, que determina la cantidad y se valida en el siguiente enlace: https://www.facebook.com/ads/tools/text_overlay
Si la proporción de texto en relación con la imagen es demasiado alta, es posible que el anuncio no llegue a todo el público que se desee, pues ello in�uye en su alcance. Los logotipos también se consideran como texto, por lo que se debe cuidar las proporciones de los mismos.
Son anuncios que requieren que el anunciante tenga fan page.• PPA: promociona las publicaciones de tu fan page, así llegarás a un público más amplio que podrá interactuar con ellas de diversas maneras: las personas pueden indicar que les gustan, comentarlas, compartirlas o ver las fotos. • PPL: dirige a las personas a secciones destacadas de tu sitio web.• Lead Ad: ayuda a recopilar información de las personas que muestran interés en la oferta mediante el uso de una �cha.
Si bien estos anuncios tienen funciones distintas, poseen el mismo tamaño de imagen recomendado (1,200 × 628 píxeles).Las medidas indicadas deben utilizarse junto con el formato de imagen recomendado.
Los anuncios en Facebook deben contar con el logotipo institucional ubicado en la parte superior derecha. El logotipo se debe colocar sobre un rectángulo con bordes redondeados, ya sea blanco o de color, y debe mantener sus áreas de respeto.En el caso de utilizar videos o gif animados, se deben seguir los mismos parámetros que las animaciones en Flash.
98px
342px 25px25px
25px
25px
bordes redondeados
Banners y animaciones
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 17
55px
55px
70px10px 10px
18px
5px
5px
6px
6px
6px
6px
MULTIPRODUCTO
Muestra hasta 6 imágenes y enlaces en un solo anuncio para dirigir a las personas a ubicaciones concretas de tu sitio web. Requiere que el anunciante tenga fan page.Tamaño de imagen recomendado: 1,080 x 1,080 píxeles. Las medidas indicadas deben utilizarse junto con el formato de imagen recomendado.
RIGHT SIDE
El aviso aparece en la columna derecha. Dirige a las personas a secciones destacadas de tu sitio web. No requiere que el anunciante tenga fan page. Tamaño de imagen: 254 × 133 píxeles.Solo en este caso, se coloca, en el extremo superior derecho, el isotipo de la Universidad sobre un cuadrado blanco o la palabra PUCP sobre un fondo con bordes redondeados.
137px
480px
bordes redondeados
40px40px
40px
40px
Banners y animaciones
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 18
WORD, PDF, PRESENTACIÓN PPT
La presentación del logotipo institucional para cualquiera de estas piezas debe ser a colores sobre fondo blanco. Si el documento contiene algún grá�co, el logotipo debe ir en su versión blanca sobre fondo de color sólido, siempre respetando los espacios delimitadores.
UBICACIONES Y DIMENSIONES
• Todos los archivos Word y PDF deben tener el logo institucional en el lado superior derecho.• Las diapositivas para Power Point deben empezar con el logotipo institucional PUCP centrado.• Las diapositivas internas para Power Point deben contener la barra inferior de color institucional sólido con el logotipo en el lado derecho y el nombre de la unidad (si lo necesitase) en el lado izquierdo, según las proporciones referenciales indicadas.
Word y PDF Presentación PPT - Inicio Presentación PPT - Interna
MI TITULO PUCP
Parrafo 1 parrafo 1 parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1parrafo 1.
MEDIDAS A ESCALA
48 px 48 px
Elementos digitales de escritorio
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 19
Elementos digitales de escritorio
• El wallpaper o fondo de pantalla tiene distintas formas de presentación. • Las resoluciones en píxeles pueden ser las siguientes: 800 x 600, 1024 x768, 1280 x 960, 1440 x 960 y 1600 x 1200.• Se debe respetar el espacio en la parte inferior, pues esta sería bloqueada por la barra de menú.
Sobre fondo de color sólido Sobre fondo de textura: opción 1
Sobre fondo de textura: opción2
WALLPAPPERS
Cabecera sin diseño: uso de cabecera web para unidades y eventos
Cabecera con diseño con el logotipo de colores en viñeta
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 20
Los blogs que pertenecen a la web de la PUCP deben usar el logotipo en la cabecera. El logotipo puede ser a colores sobre fondo totalmente blanco, si el fondo es un color sólido, el logotipo será de color blanco. Se debe mantener sus áreas de respeto. La ubicación del logo estará situada en el lado superior derecho o superior centrado. (Ver sección cabeceras en la web PUCP).
Cabeceras en blogsBLOGS
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 21
De�nir una identidad clara de la presencia de cada unidad en redes sociales para darle un carácter o�cial ante la PUCP y quienes participen en sus canales de comunicación.
COMO PÁGINA DE MARCA
1
3
4
2
51px
170px
bordes redondeados
10px10px
10px
10px
Imagen de portada, es imprescindible que la cuenta tenga una imagen de portada que de�na una identidad visual, así como también, es necesario que se incluya el logotipo PUCP (cualquiera de las dos versiones) el cual debe ser colocado en la parte superior derecha teniendo en cuentas las dimensiones respectivas.
Imagen de per�l, esta no puede incluir logotipos de unidades ni texto alternativo, ya que, esta misma imagen luego adoptará un tamaño menor una vez que el usuario empiece a seguir a la cuenta PUCP desde su muro. (ver �gura 1)
Nombre de la cuenta per�l, este debe incluir el nombre "- PUCP" separado por un guion.
1
2
3
Logotipo en redes sociales
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 22
Imagen de per�l, esta deberá ser una imagen que lleve sobre puesto en un extremo superior derecho el isotipo de la Universidad, el cual deberá estar centrado en un recuadro blanco con las medidas teniendo en cuenta las medidas indicadas.
Nombre de la cuenta per�l, este debe incluir el nombre "- PUCP" separado por un guion (tener en cuenta el máximo de caracteres permitidos por la red social.
Biografía de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP" separado por un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios que brinda.
Fondo, la unidad puede incluir un diseño especial de fondo (foto y texto), pero este no debe incluir el logo de la universidad ni el logo de la unidad.
1
4
2
3
1
2
3
4
55px
55px
6px
6px
6px
6px
�gura 1.
Información de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP" separado por un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios que brinda.
Formas de poner el nombre completo de la unidad:
unidad - PUCPcurso | unidad - PUCPcarrera | unidad - PUCP
4
Logotipo en redes sociales
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 23
Nombre de la cuenta empresa, este debe incluir el nombre "- PUCP" separado por un guion (tener en cuenta el máximo de caracteres permitidos por la red social.
La imagen de per�l, debe ser el logotipo de la universidad (cualquiera de sus dos versiones).
Información de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP" separado por un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios que brinda.
COMO EMPRESA
1
3
1
2
3
2
Logotipo en redes sociales
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 24
Nombre de la cuenta grupo, este debe incluir el nombre "- PUCP" separado por un guión (tener en cuenta el máximo de caracte-res permitidos por la red social.
La imagen de per�l, debe ser el logotipo de la universidad (cualquiera de sus dos versiones).
Información de la cuenta, en esta sección se debe colocar el nombre completo de la unidad anexado al nombre "-PUCP" separa-do por un guión. Es importante que en este apartado la unidad describa sus objetivos principales, así como los servicios que brinda.
COMO GRUPO
3
1
1
2
3
2
Logotipo en redes sociales
MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 25
Las unidades publicarán sus videos en listas de reproducción del canal o�cial de la PUCP.
YOUTUBE
COMO LISTA DE REPRODUCCIÓN EN EL CANAL DE LA PUCP
1
1
Logotipo en redes sociales