Manual de uso del logotipo institucional en medios …...MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 4...

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


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.


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


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


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


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


FACULTAD DEDERECHO

960 px

84 p

x

60 p

x12

px

12 p

x

207 px 12 px13 px

DEPARTAMENTO DEECONOMÍA


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


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


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.


• 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


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



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.


Boletines y brochures digitales

FACULTAD DECIENCIAS Y ARTESDE LA COMUNICACIÓN

DE COLOR SÓLIDO


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


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


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



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



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



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



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




• 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


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


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.

FACEBOOK

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



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.

TWITTER

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



LINKEDIN

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



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



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


Manual de uso del logotipo institucional en medios …...MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 4...

Documents

Transcript of Manual de uso del logotipo institucional en medios …...MANUAL DE USO DEL LOGOTIPO INSTITUCIONAL 4...