Manual de uso del logotipo institucional en medios digitales versión 2018

Transcripción

1 Manual de uso del logotipo institucional en medios digitales versión 2018

2 Manual de uso del logotipo institucional en medios digitales versión 2018 Esta guía establece un estándar visual para el uso del logotipo institucional de la Pontificia 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 1

3 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 final del documento que contenga el logo, deberá enviar el archivo, en formato.jpg o.pdf, al correo electrónico solicitudesdci@pucp.edu.pe. Por favor, tome en cuenta que la solicitud puede demorar un día útil en ser atendida. MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 2

4 Versión digital del logotipo VERSIÓN DIGITAL DEL LOGOTIPO LOGOTIPO INSTITUCIONAL PUCP 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 EN BLANCO Logotipo institucional blanco va sobre fondo de color sólido para medios electrónicos. LOGOTIPO EN NEGRO Logotipo institucional negro va siempre sobre fondo blanco. LA TIPOGRAFÍA 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. Gill Sans MT Regular Bold MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 3

5 Versión digital del logotipo COLORES INSTITUCIONALES El logotipo institucional en medios electrónicos utiliza tres colores institucionales. AZUL CIELO: R=0, G=60, B=122 #003c7a GUINDA: R=158, G=6, B=33 #9e0621 AZUL MAR: R=0, G=114, B=188 #0072bc PROPORCIONES 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. x 10 px 10 px TAMAÑOS MÍNIMOS Considerando las proporciones mencionadas, e incluyendo los espacios de seguridad, el logotipo institucional debe tener las medidas que se indican. 39 px 59 px 133 px 153 px MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 4

6 Usos incorrectos USOS INCORRECTOS Son incorrectos los siguientes usos y cualquier otro que no corresponda a lo detallado en las anteriores consideraciones. Seccionar o usar partes del logotipo Logotipo institucional con el logotipo de otra unidad que posee logotipo propio Tipografía separada del logotipo Logotipo institucional en negativo total o parcial Logotipo institucional en grises Logotipo institucional de un solo color Logotipo institucional sobre textura Logotipo institucional sobre una imagen MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 5

7 Web de unidades 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 Ejemplo 3 FACULTAD DE LETRAS Y CIENCIAS HUMANAS MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 6

8 Web de unidades CABECERA CON FONDO DE COLOR 13 px 207 px 12 px DEPARTAMENTO DE ECONOMÍA 12 px 60 px 12 px 84 px 960 px CABECERA CON FONDO BLANCO FACULTAD DE DERECHO CABECERA CON BORDE REDONDEADOS FACULTAD DE LETRAS Y CIENCIAS HUMANAS 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. LOGOTIPO Alineación: derecha. Color: blanco. Dimensiones: 156 píxeles de ancho x 60 píxeles de alto (logo versión 2). MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 7

9 Web de unidades NOMBRE DE UNIDADES 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. DIRECCIÓN ACADÉMICA DE RESPONSABILIDAD SOCIAL UNIDAD Y SUB-UNIDAD 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. FACULTAD DE CIENCIAS E INGENIERÍA ESPECIALIDAD DE ESTADÍSTICA DOS O MÁS ESPECIALIDADES Cuando se muestren dos unidades, el margen que habrá entre cada texto será de 24 píxeles. CENTRO CULTURAL FACULTAD DE LETRAS Y CIENCIAS HUMANAS 24 px MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 8

10 Web de unidades EN MÓVILES 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 identifica a la unidad, y dentro estará el nombre de la unidad de color blanco alineado al lado izquierdo y verticalmente al centro. UBICACIÓN Y MEDIDAS LA BARRA DEL LOGO PUCP 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. LOGOTIPO 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. LA BARRA DE COLOR Dimensiones: 100% x 50 píxeles aproximadamente. El alto dependerá del alto final 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. UNIDAD Alineación: horizontalmente a la izquierda y verticalmente al centro. Tipografía de la unidad: Gill Sans 11 puntos, interlineado: 13 puntos. MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 9

11 Web de unidades 10 px 131 px 10 px 50 px 100% 58 px 10 px 38 px 10 px 100% Medidas para 3 filas de texto FACULTAD DE ADMINISTRACIÓN Y CONTABILIDAD Medidas para 1 y 2 filas de texto 10 px 38 px FACULTAD DE EDUCACIÓN 100% CABECERA WEB MÓVIL CON DOS UNIDADES El primer texto con 11 puntos, interlineado de 13 puntos, y el segundo texto con 9.5 puntos, interlineado de 13 puntos. 10 px 38 px DEPARTAMENTO DE INGENIERÍA INGENIERÍA DE LAS TELECOMUNICACIONES 100% MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 10

12 Web de herramientas institucionales UBICACIÓN Y MEDIDAS 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 11

13 Boletines y brochures digitales UBICACIÓN Y MEDIDAS 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 12 px 166 px 12 px 12 px ESCUELA DE GRADUADOS 48 px 12 px 650 px DE COLOR SÓLIDO FACULTAD DE CIENCIAS Y ARTES DE LA COMUNICACIÓN MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 12

14 Sello aniversario SELLO ANIVERSARIO COLOR 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. color negro color azul cielo UBICACIÓN 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. 20 Formación de excelencia AÑOS MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 13

15 Banners y animaciones BANNERS 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. MEDIDAS A ESCALA Vertical 190 px Pequeño 190 px 90 px 350 px Horizontal 90 px 730 px 160 px 20 px 100 px 14 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. 52 px MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 14

16 Banners y animaciones ANIMACIÓN - CIERRE 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íficamente. Los pasos que deben seguirse son los siguientes: Disolvencia total de la gráfica a blanco. Entrada del nombre de la unidad en disolvencia de 0 al 100 %. Este debe permanecer durante 1 segundo para, finalmente, desaparecer en disolvencia. Entrada del logotipo institucional en disolvencia de 0 al 100 %. Este debe permanecer durante 2 segundos para, finalmente, desaparecer en disolvencia. Pueden utilizar cualquiera de las dos versiones del logotipo institucional MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 15

17 Banners y animaciones ANUNCIOS EN FACEBOOK 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. 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: 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 influye en su alcance. Los logotipos también se consideran como texto, por lo que se debe cuidar las proporciones de los mismos. PPA, PPL Y LEAD AD 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 ficha. Si bien estos anuncios tienen funciones distintas, poseen el mismo tamaño de imagen recomendado (1, píxeles). Las medidas indicadas deben utilizarse junto con el formato de imagen recomendado. 25px 342px 25px 25px 98px 25px bordes redondeados MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 16

18 Banners y animaciones 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. 40px 480px 40px 40px 137px 40px bordes redondeados 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: 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. 6px 55px 6px 10px 70px 10px 6px 55px 5px 18px 6px 5px MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 17

19 Elementos digitales de escritorio 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áfico, 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. MEDIDAS A ESCALA 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 px 48 px MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 18

20 Elementos digitales de escritorio WALLPAPPERS 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 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 MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 19

21 Cabeceras en blogs BLOGS 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). 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

22 Logotipo en redes sociales Definir una identidad clara de la presencia de cada unidad en redes sociales para darle un carácter oficial ante la PUCP y quienes participen en sus canales de comunicación. FACEBOOK COMO PÁGINA DE MARCA 10px 170px 10px 10px 51px 10px bordes redondeados Imagen de portada, es imprescindible que la cuenta tenga una imagen de portada que defina 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 perfil, 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 figura 1) Nombre de la cuenta perfil, este debe incluir el nombre "- PUCP" separado por un guion. MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 21

23 Logotipo en redes sociales 4 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 - PUCP curso unidad - PUCP carrera unidad - PUCP figura 1. TWITTER 6px 55px 6px 6px 55px 6px Imagen de perfil, 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 perfil, 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. MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 22

24 Logotipo en redes sociales LINKEDIN COMO EMPRESA 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 perfil, 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. MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 23

25 Logotipo en redes sociales COMO GRUPO Nombre de la cuenta grupo, este debe incluir el nombre "- PUCP" separado por un guión (tener en cuenta el máximo de caracteres permitidos por la red social. La imagen de perfil, 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. 3 MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 24

26 Logotipo en redes sociales YOUTUBE COMO LISTA DE REPRODUCCIÓN EN EL CANAL DE LA PUCP 1 1 Las unidades publicarán sus videos en listas de reproducción del canal oficial de la PUCP. MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 25