Manual Identidad Visual Corporativa

Manual de Identidad visual Corporativa
Universidad de La Laguna

Crditos
Crditos de la presente edicin:
2011 Universidad de La Laguna.

Autor de la presente edicin:
Keko Perera
Licenciado en Bellas Artes por la Universidad de La Laguna
Colaboradoras:
Mara Luisa Hodgson Torres
Profesora titular del Departamento de Dibujo, Diseo y Esttica de la ULL
Teresa Yanes Hernndez
Licenciada en Bellas Artes por la Universidad de La Laguna
Coordinacin:
Gabinete de Prensa de la Universidad de La Laguna
Crditos de la primera edicin:
2005 Universidad de La Laguna.

Autor:
Mauricio Prez Jimnez
Profesor titular del Departamento de Dibujo, Diseo y Esttica de la ULL
Colaboradores:
Mayte Chinea Vera
Licenciada en Bellas Artes por la Universidad de La Laguna
Germn Colm Rivero
Licenciado en Bellas Artes por la Universidad de La Laguna
NOTA IMPORTANTE
La presente edicin (Tomo I) sustituye a la anterior edicin 2005 del Manual de Identidad
Visual Corporativa de la Universidad de La Laguna, y todas las directrices encontradas en el
documento del 2005 dejan de tener valor a efectos de identidad corporativa y visual, en favor
del presente documento, a partir de la entrada en virgor de este manual.
Se prohibe por Ley la reproduccin total o parcial del contenido de esta edicin. No est permitida su copia, ni la transmisin bajo
forma alguna, o a travs de cualquier medio, ya sea electrnico, mecnico, por fotocopia o grabacin, ni por otros mtodos , sin
el permiso previo y por escrito del titular del Copyright. Universidad de La Laguna

ndice de contenidos
ndice
1 | PRESENTACIN........................................................................................................................................ pg. 7
2 | INTRODUCCIN....................................................................................................................................... pg. 8
IMAGEN HISTRICA
3 | IMGEN HISTRICA................................................................................................................................. pg. 9

3.1 | Antecedentes........................................................................................................................ pg. 9
3.2 | Blasn o escudo herldico. Escudo fundacional.................................................................... pg. 10
3.3 | El sello. Escudo oficial........................................................................................................... pg. 10
3.4 | Logotipo oficial. Marca principal........................................................................................... pg. 12
3.5 | Anexo lminas. Bocetos, detalles y acabados........................................................................ pg. 13
IDENTIDAD VISUAL CORPORATIVA DE LA UNIVERSIDAD DE LA LAGUNA

0 | RESUMEN DE LAS NORMAS PRINCIPALES DE ESTE MANUAL....................................................................
pg. 18
IMAGEN INSTITUCIONAL
1 | EMBLEMAS Y SMBOLOS FUNDACIONALES...............................................................................................

1.1 | Blasn o escudo herldico. Aplicaciones................................................................................ pg. 21
1.1.1 | Descripcin............................................................................................................................ pg. 21
1.1.2 | Trazado geomtrico y normas tcnicas......................................................................... pg. 22
1.1.3 | Versin color.......................................................................................................................... pg. 23
1.2 | El sello. Escudo oficial. Aplicaciones........................................................................................ pg. 23
1.2.1 | Descripcin............................................................................................................................ pg. 24

1.2.2 | Trazado geomtrico y normas tcnicas..................................................................................... pg. 25
1.2.2.1 | Versin color. Escudo oficial............................................................................... pg. 26
1.2.2.2 | Pluma o versin monocroma. Sello institucional................................................ pg. 26
1.2.3 | Normas que definen el uso de la tipografa. Imagotipos........................................................ pg. 27
1.2.4 | Sello institucional. Variaciones de color. Positivo................................................................... pg. 28
1.2.5 | Sello institucional. Variaciones de color. Negativo................................................................. pg. 29
1.2.6 | Sello institucional. Aplcacin especial. Sello de caucho......................................................... pg. 30
1.3 | El estandarte o pendn......................................................................................................... pg. 31
1.3.1 | Descripcin............................................................................................................................ pg. 32

1.3.2 | Trazado geomtrico y normas tcnicas................................................................................... pg. 32
1.4 | La bandera............................................................................................................................ pg. 32
1.4.1 | Descripcin............................................................................................................................ pg. 33

1.4.2 | Trazado geomtrico y normas tcnicas................................................................................... pg. 33
pg. 33
MARCA PRINCIPAL
2 | MARCA PRINCIPAL...................................................................................................................................

2.1 | Elementos de la marca principal........................................................................................... pg. 35
2.2 | Logotipo principal................................................................................................................. pg. 36
2.2.1 | Planteamiento grfico............................................................................................................ pg. 37

2.2.2 | Planteamiento cromtico....................................................................................................... pg. 37
2.2.3 | Retcula constructiva y proporciones...................................................................................... pg. 38
2.3 | El smbolo............................................................................................................................. pg. 39
2.3.1 | El smbolo. Planteamiento grfico.......................................................................................... pg. 40

ndice de contenidos
2.3.2 | El smbolo. Planteamiento cromtico..................................................................................... pg. 40
2.3.3 | El smbolo. Retcula constructiva y proporciones.................................................................... pg. 41
2.4 | Logotipo secundario.............................................................................................................. pg. 42
2.4.1 | Logotipo secundario. Retcula constructiva y proporciones.................................................... pg. 43
2.5 | Tamao mnimo de reproduccin.......................................................................................... pg. 43
2.6 | rea de proteccin................................................................................................................ pg. 44
2.7 | Usos incorrectos.................................................................................................................... pg. 45

pg. 46
3 | COLORES CORPORATIVOS........................................................................................................................

3.1 | Colores corporativos. Secundarios......................................................................................... pg. 48
3.2 | Colores corporativos. Variaciones de color............................................................................ pg. 49
3.3 | Colores corporativos. Tramas de multiplicidad...................................................................... pg. 50
3.4 | Colores corporativos. Versin en negativo............................................................................ pg. 52
3.5 | Colores corporativos. Reproduccin sobre fondos................................................................ pg. 54
3.5.1 | Colores corporativos. Reproduccin sobre fondos. Fondos degradados................................ pg. 55
3.5.2 | Colores corporativos. Reproduccin sobre fondos. Fondos fotogrficos................................ pg. 55
3.6 | Colores corporativos. Casos de degradado........................................................................... pg. 56
3.6.1 | Colores corporativos. Casos de degradado. Colores principales............................................. pg. 57

3.6.2 | Colores corporativos. Casos de degradado. Colores secundarios........................................... pg. 57
3.6.3 | Colores corporativos. Casos de degradado. Colores neutros.................................................. pg. 58

3.7 | Colores corporativos. Usos incorrectos.................................................................................. pg. 59
3.7.1 | Colores corporativos. Usos incorrectos. Variaciones de color.................................................. pg. 60
3.7.2 | Colores corporativos. Usos incorrectos. Tramas de multiplicidad............................................ pg. 60
3.7.3 | Colores corporativos. Usos incorrectos. Versin en negativo.................................................. pg. 61
3.7.4 | Colores corporativos. Usos incorrectos. Reproduccin sobre fondos...................................... pg. 63
3.7.5 | Colores corporativos. Usos incorrectos. Fondos fotogrficos.................................................. pg. 64
3.7.6 | Colores corporativos. Usos incorrectos. Casos de degradado................................................. pg. 65
pg. 67
4 | TIPOGRAFAS............................................................................................................................................

4.1 | Tipografas. Tipografa principal............................................................................................ pg. 69
4.1.1 | Tipografas. Tipografa principal. Comportamientos tipogrficos........................................... pg. 69
4.2 | Tipografas. Tipografa secundaria........................................................................................ pg. 70
4.2.1 | Tipografas. Tipografa secundaria. Comportamientos tipogrficos........................................ pg. 72

4.3 | Tipografas. Subemisores....................................................................................................... pg. 73
4.3.1 | Tipografas. Subemisores. Coincidencias................................................................................ pg. 74
4.3.2 | Tipografas. Subemisores. Logotipo secundario...................................................................... pg. 75
4.3.3 | Tipografas. Subemisores. Coexistencia con marcas secundarias............................................. pg. 77
4.4 | Tipografas. Casos excepcionales........................................................................................... pg. 79
4.4.1 | Tipografas. Casos excepcionales. Subemisores en papelera.................................................. pg. 80

4.4.2 | Tipografas. Casos excepcionales. Tipografa de eslogan........................................................ pg. 80
4.5 | Tipografas. Usos no permitidos............................................................................................ pg. 81

pg. 82
5 | PAPELERA ...............................................................................................................................................

5.1 | Papelera. Grfica ligera......................................................................................................... pg. 86

5.2 | Papelera. Anuncios en prensa............................................................................................... pg. 86
5.3 | Papelera. Otros Soportes...................................................................................................... pg. 106
5.4 | Papelera. Formatos............................................................................................................... pg. 124

pg. 136
6 | SEALTICA.............................................................................................................................................

ndice de contenidos
6.1 | Sealtica. Elementos........................................................................................................... pg. 137

6.2 | Sealtica. Configuracin de elementos................................................................................ pg. 137
6.2.1 | Sealtica. Configuracin de elementos. El monolito............................................................. pg. 138
6.2.2 | Sealtica. Configuracin de elementos. Placa de identificacin de edificios........................ pg. 138
6.2.3 | Sealtica. Configuracin de elementos. Directorios de ubicacin........................................ pg. 140
6.2.4 | Sealtica. Configuracin de elementos. Placa de puerta....................................................... pg. 142
6.2.5 | Sealtica. Configuracin de elementos. Pictogramas / Placas de servicios............................ pg. 144
pg. 145
7 | ARTCULOS PROMOCIONALES..................................................................................................................
8 | OTROS SOPORTES.................................................................................................................................... pg. 146
pg. 164
ANEXO WEB
0 | INTRODUCCIN.......................................................................................................................................
pg. 166
1 | USABILIDAD.............................................................................................................................................
2 | ESTRUCTURA............................................................................................................................................ pg. 167
2.1 | Estructura. Pgina de inicio ................................................................................................. pg. 168
2.1.1 | Estructura. Pgina de inicio. El logotipo ............................................................................... pg. 168
pg. 169
3 | COLORES CORPORATIVOS.......................................................................................................................
3.1 | Colores corporativos. Colores primarios ............................................................................... pg. 170
3.2 | Colores corporativos. Colores secundarios ........................................................................... pg. 170
3.3 | Colores corporativos. Casos de degradado .......................................................................... pg. 171
3.4 | Colores corporativos. Colores neutros .................................................................................. pg. 172
3.5 | Colores corporativos. Usos incorrectos ................................................................................ pg. 174
pg. 175
4 | TIPOGRAFAS............................................................................................................................................
4.1 | Tipografas. El texto. Consideraciones generales ................................................................. pg. 177
4.2 | Tipografas. Fuentes ............................................................................................................. pg. 177
4.2.1 | Tipografas. Fuentes. Texto en imagen .................................................................................. pg. 178
4.2.2 | Tipografas. Fuentes. Texto en Flash ...................................................................................... pg. 178
4.2.3 | Tipografas. Fuentes. Texto Html ........................................................................................... pg. 179
4.3 | Tipografas. Estilos CSS ........................................................................................................ pg. 179

4.3.1 | Tipografas. Estilos CSS. Encabezados ................................................................................... pg. 180
4.3.2 | Tipografas. Estilos CSS. Encabezado 1 (H1) ......................................................................... pg. 180
4.3.5 | Tipografas. Estilos CSS. Resto de encabezados .................................................................... pg. 181
4.3.6 | Tipografas. Estilos CSS. Encabezados no permitidos ............................................................ pg. 182
4.3.7 | Tipografas. Estilos CSS. Texto de prrafo ............................................................................. pg. 182
4.3.8 | Tipografas. Estilos CSS. Hipervnculos .................................................................................. pg. 183
4.4 | Tipografas. Casos excepcionales ......................................................................................... pg. 183

4.4.1 | Tipografas. Casos excepcionales. Texto de eslogan .............................................................. pg. 184
pg. 184
5 | IMGENES...............................................................................................................................................
5.1 | Imgenes. Sobre el uso de las imgenes .............................................................................. pg. 185
5.2 | Imgenes. Calidades ............................................................................................................ pg. 185
5.2.1 | Tipografas. Calidades. Formatos de optimizacin ................................................................ pg. 185

ndice de contenidos
pg. 186
6 | CONTENIDO MULTIMEDIA........................................................................................................................
6.1 | Contenido multimedia. Video y audio ................................................................................. pg. 187
6.1.1 | Contenido multimedia. Video y audio. Efectos de audio ...................................................... pg. 187
6.2 | Contenido multimedia. Uso de flash .................................................................................... pg. 187

pg. 188
7 | OTROS RECURSOS....................................................................................................................................
7.1 | Otros recursos. Favicon ........................................................................................................ pg. 189
7.2 | Otros recursos. Canales RSS ................................................................................................. pg. 189
7.3 | Otros recursos. Redes sociales ............................................................................................. pg. 189
pg. 190
8 |GESTORES DE CONTENIDO........................................................................................................................
8.1 | Gestores de contenido. Plataforma Wordpress .................................................................... pg. 191
8.2 | Gestores de contenido. Plataforma Joomla .......................................................................... pg. 192
8.3 | Gestores de contenido. Otras Plataformas CRM ................................................................... pg. 192
pg. 192
9 | NORMAS DE ESTILO.................................................................................................................................
9.1 | Normas de estilo. Normas generales .................................................................................... pg. 193
9.2 | Normas de estilo. Edicin de textos ..................................................................................... pg. 193
9.3 | Normas de estilo. Elementos tipogrficos ............................................................................ pg. 194
9.3.1 | Normas de estilo. Elementos tipogrficos. Cursiva ............................................................... pg. 195
9.3.2 | Normas de estilo. Elementos tipogrficos. Negrita ............................................................... pg. 195
9.4 | Normas de estilo. Recomendaciones ..................................................................................... pg. 195

9.4.1 | Normas de estilo. Recomendaciones. Usos de comas ........................................................... pg. 196
9.4.2 | Normas de estilo. Recomendaciones. Usos de maysculas ................................................... pg. 196
9.4.3 | Normas de estilo. Recomendaciones. Abreviaturas ............................................................... pg. 196
9.4.4 | Normas de estilo. Recomendaciones. Siglas y acrnimos ..................................................... pg. 197
9.4.5 | Normas de estilo. Recomendaciones. Nmeros cardinales y ordinales .................................. pg. 198
pg. 199
FUENTES DOCUMENTALES
1 | PRESENTACIN
Los organismos pblicos, conscientes de nuestro deber y responsabilidad ante los ciudadanos, no solo
queremos cumplir con nuestra misin dignamente, sino que apostamos por hacerlo de forma excelente. Si nos
paramos a pensar qu es la excelencia, qu hay detrs de ese logro siempre cercano a la par que inalcanzable,
no se me ocurre otra palabra que prestigio. Es decir, somos excelentes, o pretendemos serlo, porque tenemos
el prestigio que nos respalda para ello.
La excelencia, y a su vez el prestigio, vienen determinados por un sinfn de factores, algunos de ellos
perfectamente objetivables y medibles y otros de carcter ms conceptual y de materia intangible. En sta
ltima categora entra nuestra imagen, lo que somos y lo que pretendemos ser ante la sociedad a la que nos
debemos.
Hoy la imagen no es un elemento casual, que pueda quedar al arbitrio de cualquiera o al devenir de los
tiempos. Una imagen slida y coherente ofrece sin lugar a dudas grandes beneficios desde mltiples puntos de
vista, ya que se trata de una cuestin puramente estratgica para cualquier institucin: proporciona coherencia
interna en las organizaciones, fomenta la cultura corporativa, ensalza los valores de la identidad que se trate y
posiciona adecuadamente la marca corporativa en el entorno.
La Universidad de La Laguna no es ajena a estas cuestiones y, por ello, est realizando un serio esfuerzo por
mejorar su imagen ante la sociedad, para lo cual resulta oportuno dotarse de pautas y reglas claras, que eviten
la dispersin de la marca o su uso inadecuado.
El Gabinete de Prensa de esta institucin, encargado de la gestin y supervisin de la marca corporativa, ha
ido detectando con el paso del tiempo la necesidad de ampliar el manual de identidad visual ya existente, y la
pertinencia de ordenar la dispersin de logos y smbolos secundarios que surgen en una institucin tan amplia
como sta. Por ello ha coordinado una nueva edicin del manual, con la ayuda inestimable del diseador Keko
Perera, a su vez auxiliado por Teresa Yanes. As mismo, cabe destacar que en la redaccin y contenidos de esta
nueva edicin ha participado la profesora M Luisa Hodgson, autora de los diseos de la imagen histrica que
abarca los smbolos y emblemas acadmicos tradicionales de nuestra institucin, aportando su conocimiento
e investigacin historiogrfica y tcnica.
Quiero agradecer a todos el trabajo llevado a cabo, esperando que este volumen contribuya a la mejora de
nuestra identidad visual y nos ayude a alcanzar las cotas de excelencia que nos proponemos.
Eduardo Domnech Martnez
Rector de la Universidad de La Laguna
2 | INTRODUCCIN
La Universidad de La Laguna aprob hace unos aos el Manual de Identidad Visual Corporativa de la institucin
docente, ideado por el profesor de Bellas Artes Mauricio Prez Jimnez, en el que se regulaba y normalizaba los
principales elementos visuales que representan este centro acadmico. Si bien se trat de un trabajo de suma
importancia, que por primera vez distingua diferentes usos y estableca colores, grafas y dems elementos de
la marca corporativa, su aplicacin ha revelado la necesidad de su ampliacin.
Y es que la evidente dispersin de logotipos y smbolos en una institucin tan amplia como la nuestra puede
poner en peligro la pertinente unidad de la marca, un riesgo que la extensin de este manual trata de evitar
con pautas claras y sencillas. Adems, tambin era conveniente regular y recoger en esta segunda edicin la
aplicacin de la marca en el entorno web.
Por tanto, este volumen define y precisa an ms la normativa para el correcto uso de las formas grficas
que identifican a la Universidad de La Laguna, tanto de sus emblemas de arraigada simbologa como de sus
elementos ms actuales. Todo ello tiene un gran valor, en cuanto que representa la cultura corporativa de una
institucin, que es propia y nica, al tiempo que se trata de bienes intangibles que testimonian la historia del
propio centro acadmico.
Mediante las representaciones grficas ms tradicionales que la identifican (escudo, sello, bandera, estandarte),
la Universidad de La Laguna se ha proyectado a la sociedad a lo largo de los aos, consolidando su propia
identidad como institucin acadmica. Se trata de signos ligados no solo a su historia, sino a la historia de la
institucin universitaria de Canarias, que sobrepasa los dos siglos de existencia.
La identidad visual es aquello que se crea desde que surge una organizacin. A partir de ese momento se
ofrecer una imagen que puede incluso ir evolucionando en el tiempo y en la mente de los ciudadanos. Es
plausible que cada universidad posee una identidad propia, con una determinada cultura corporativa, de tal
forma que sus polticas de gestin proyectan una imagen de lo que son o de lo que pretenden ser.
Actualmente la Universidad de La Laguna posee emblema y marca en su imagen corporativa. Presenta por
tanto un conjunto que aglutina elementos y caractersticas ms o menos singulares que cumplen de manera
ptima el objetivo principal: definir su identidad (pasada, presente y futura) como organizacin universitaria.
Puede decirse pues que esta institucin es fcilmente reconocible tanto por los miembros de la comunidad
universitaria como por la sociedad en general, si bien an se detectan incoherencias visuales en la imagen que
ofrece y que esperamos solucionar con la revisin y ampliacin de este manual.
Gabinete de Prensa
Imagen histrica
3 | IMAGEN HISTRICA DE LA ULL
Como hemos indicado en la introduccin, los smbolos fundacionales son las imgenes emblemticas
que manifiestan aspectos histricos relevantes por su considerable arraigo cultural. Son numerosas las
universidades espaolas que poseen estos importantes valores patrimoniales. Sobre todo las ms antiguas
(Palencia, Salamanca, Valladolid, Alcal, etc.) hacen uso de sus emblemas porque representan no solo modelos
iconogrficos de gran valor histrico-artstico, sino que adems transmiten principios de excelencia. Por este
motivo, el estudio y la conservacin de estos signos de identidad son el medio que en la actualidad ayudan a
situar estas seas en el espacio y en el tiempo.
Es importante, por tanto, apreciar y conocer la universidad por sus emblemas, es por ello que en esta parte
preliminar del manual se presentan los elementos de identidad visual histricos, que desde el pasado hasta
nuestros das han conformado la imagen ms acadmica de la Universidad de La Laguna: los emblemas
tradicionales, el orgen y la evolucin de stos smbolos grficos, y caractersticas que los definen.
3.1 | Antecedentes.
En el ao 1992, con motivo de la celebracin del bicentenario de la Universidad de La Laguna, (1792-1992), el
Vicerrectorado de Imagen y Asuntos Internacionales1 promovi la elaboracin de un proyecto de investigacin
sobre la iconografa oficial de la institucin. La finalidad era realizar un estudio y adecuacin de los emblemas
que mejor representaban su origen y tradicin. Los trabajos de investigacin historiogrfica, as como, la labor
de creacin, los nuevos trazados para la redefinicin del dibujo original y el diseo grfico del logotipo fueron
realizados por la doctora Mara Luisa Hodgson Torres, profesora del Departamento de Dibujo, Diseo y Esttica
de la Facultad de Bellas Artes.2
El proyecto grfico final fue presentado y aprobado por la junta de gobierno de la ULL, previa exposicin
pblica de sus resultados. Dibujos y originales fueron mostrados en la Casa-Palacio de Lercaro en La Laguna
(1992).
Se proceda as por primera vez a poner en valor, definir, aprobar y registrar los emblemas y smbolos
fundacionales de la Universidad de La Laguna, hecho que otorgaba un carcter oficial a sus elementos
tradicionales de identidad grfica corporativa.
1. La Universidad de La Laguna, siendo rectora D. Mara Luisa Tejedor Salguero, present y desarroll un amplio programa de
actividades (11 de marzo a 30 de abril de 1992) a propuesta del vicerrector Francisco Aznar Vallejo, con motivo de la conmemoracin del
Bicentenario. Los resultados del proyecto sobre los emblemas grficos de la Universidad se mostraban en la exposicin, organizada por
este Vicerrectorado, titulada: Historia en Imgenes de la ULL: pasado, presente y futuro.
2. Las referencias histricas, dibujos, diseos y descripciones que aparecen en el presente manual, as como, Emblemas y smbolos de la
Universidad de La Laguna, han sido extrados del proyecto de investigacin Estudio y diseo del Escudo y Sello de la Universidad de La
Laguna (M.L. Hodgson Torres, 1991-92)
Imagen histrica: Emblemas y smbolos fundacionales
3.2 | BLASN O ESCUDO HERLDICO. ESCUDO FUNDACIONAL
En el escudo fundacional de la Universidad de La Laguna est

representado el blasn o escudo herldico del rey Fernando III el
Santo. Aparece centrada la figura de San Fernando en majestad 3
con sus armas o atributos en oro (espada, cetro y orbe), con
lo que queda de manifiesto el origen fernandino que Carlos IV
otorga a esta Universidad4 segn Real Decreto de creacin de la
Universidad de San Fernando en la ciudad de La Laguna.
La versin del diseo del Escudo Fundacional (1992) est registrada y
en vigor con fecha de 16/06/1994 en la Oficina Espaola de Patentes
y Marcas (OEPM expediente M 1768635) con los siguientes datos:
Titular: Universidad de La Laguna
Denominacin: UNIVERSITAS CANARIARUM UNIVERSIDAD DE LA
LAGUNA U.L.L.
Tipo Distintivo: Denominativo con grfico
Clasificacin de Niza: 41
3.3 | EL SELLO. ESCUDO OFICIAL
La historia del escudo institucional de la Universidad de La Laguna que ha llegado a nuestros das se remonta
a la primera mitad del siglo XX. Este emblema, heredado desde la primera Universidad de San Fernando
establecida en la ciudad de La Laguna y fundada por el rey Carlos IV (1792), representa la figura de Fernando III
(Rey de Castilla y Len, 1217 - 1252), debiendo decir que hasta esta fecha no se contaba con identidad grfica
concreta que adaptara esta imagen a un sello oficial propio.
3. Para realizar el dibujo central de la imagen de San Fernando e integrarla en la nueva versin del Escudo Fundacional, se tom la figura
de la vidriera del Edificio Central de la Universidad. Es importante matizar que la versin anterior a 1992, que hasta da de hoy se sigue
reproduciendo en los ttulos universitarios oficiales de la Universidad de La Laguna, se corresponde con la del Escudo rodado y que no
consta registro de aqul en la OEPM. Por lo que se debe proceder a la sustitucin por el escudo que est en vigor desde 1994 y que
describimos en este manual.
4. Segn la nota tomada del Real Decreto de Creacin de La Universidad de San Fernando en la ciudad de La Laguna, sellada y firmada en
Aranjuez por el rey Carlos IV con fecha de once de marzo de mil setecientos noventa y dos.
10
Imagen histrica: Emblemas y smbolos fundacionales
En los aos cuarenta, cuando se restablece la Universidad en Canarias, se realiza por primera vez un escudo
para la institucin universitaria.
Basndose en las lneas de un antiguo cdice medieval con la imagen de este rey, el pintor tinerfeo Alfredo
de Torres Edwards disea el escudo que ha llegado hasta nuestros das poco claro o desdibujado debido a los
sistemas de impresin que se utilizaban en aquellos aos, basados en tcnicas de linotipia, estampacin y otros
procesos que descuidaron la conservacin del original (fig. 1). Podemos afirmar que Torres Edwards crea una
imagen de gran significado y trascendencia fusionando en el dibujo las imgenes reales de San Fernando y de
su hijo Alfonso X el Sabio.
En 1991 la universidad recupera, en todos sus detalles descriptivos de dibujo y color, este primer sello (fig. 2);
al igual que se redefinen escudo fundacional y escudo oficial con nuevas versiones para su uso y aplicaciones
en los diferentes soportes: papelera, bandera, estandarte.
Fig. 1
Fig. 2
El sello o ecudo oficial (fig. 2) est registrado, en vigor con fecha de 01/05/1994 (Oficina Espaola de Patentes y Marcas,
expediente M 1768578), con los mismo datos de titularidad que el Escudo Fundacional, especificando al caso:
Denominacin: UNIVERSIDAD DE LA LAGUNA U.L.L. STEMMA RED. SANCTI FERNANDI UNIVERSITATIS CANARIARUM.
Distintivo denominativo con grfico. Clasificacin de Niza: 01
Fig. 3
Fig. 4
Versin a color del escudo oficial (fig. 3) y versin para sellos y estampacin (Fig. 4).
11
Imagen histrica: Logotipo oficial. Marca principal
3.4 | LOGOTIPO OFICIAL. MARCA PRINCIPAL
El escudo y el sello descritos anteriormente han sido definidos de acuerdo con la tradicin herldica y estn
restringidos a usos protocolarios. Por ello, surgi la necesidad de crear un nuevo elemento ms acorde con los
tiempos actuales que representara grficamente a la institucin acadmica en otros mbitos ms cotidianos:
impresos, oficios administrativos, carteles, trpticos, programas de mano, soportes pblicitarios, etc.
La imagen elegida para este fin fue el logotipo oficial con las siglas ULL acompaadas por la leyenda Universidad
de La Laguna. Se trata de un rediseo de un signo creado en 1995 con el que se busc un elemento distintivo
actual, dinmico y con un alto grado de pregnancia5. Su uso qued articulado en la primera edicin de
este Manual de Identidad Visual Corporativa (julio de 2005), y en este lustro su implantacin en el seno de la
institucin y en la sociedad en general se ha producido con notable xito. Por ello, en esta segunda edicin se
ha optado por mantener y fomentar su utilizacin.
Formato horizontal
Versin principal
Formato vertical
Versin secundaria
5. Mauricio Perez Jimnez, Manual de Normas de Identidad Visual Corporativa de la Universidad de La Laguna. I edicin (julio de 2005)
12
Imagen histrica: Anexo Lminas. Bocetos, detalles y acabados
3.5 | Anexo LMINAS. BOCETOS, DETALLES Y ACABADOS
Lmina 1
1.
3.
2.
4.
1. Boceto. Recuperacin de dibujo con detalles.

2. Dibujo entintado. Cruz de San Fernando
Tambin llamada Cruz de la Orden de San Juan o Cruz de Malta.
3. Dibujo entintado. Dibujo completo de la figura de San Fernando para el sello.
4. Diseo Logotipo. Bicentenario Universidad de La Laguna.
13
Lmina 2
1.
2.
3.
4.
1. Boceto tomado de la figura de San Fernando.

Segn vidriera del Edificio Central de la Universidad de La Laguna
2. Detalle dibujo y entintado: Orbe o mundo
Con cruz trebolada o cruz de Alfonso X El Sabio
3. Dibujo entintado para el blasn o escudo herldico
4. Detalle dibujo y entintado: Espada y cetro
14
Lmina 3
1.
2.
1. Maqueta de trazados. Geometra lneas

Blasn o escudo herldico de San Fernando
2. Detalle. Entintado del dibujo del campo ondeado
15
Lmina 4
Escudo fundacional de la Universidad de La Laguna (Universidad de San Fernando. La

Laguna). Pintado al guache sobre papel pergamino. M. L. Hodgson (1992)
16

Identidad Visual Corporativa

de la Universidad de La Laguna
17

Resumen de las normas principales de este manual
0 | Resumen de las normas principales de este manual
Dada la extensin de este manual, se ha considerado conveniente crear esta seccin

en la que se condensan las principales normas de identidad visual corporativa de la
Universidad de La Laguna. Se recomienda consultar la seccin correspondiente a
cada elemento para ampliar la informacin disponible.
Uso de elementos principales.
Logotipo.
Es la imagen de uso principal para toda la comunidad universitaria, en impresos,
oficios, carteles, entorno web, anuncios, artculos de papelera, etc.
Est compuesto por las siglas ULL y la leyenda Universidad de La Laguna de
manera indivisible.
Debe utilizarse en formato horizontal como primera opcin (Logotipo principal).
Opcionalmente puede utilizarse el formato vertical solo si las circunstancias de
implementacin y/o retcula as lo requieren.
En cuanto al color, debe utilizarse siempre que sea posible la versin a todo color.
Opcionalmente pueden utilizarse las versiones en colores primarios, o su versin en
blanco (negativo). El uso de color negro solo esta permitido cuando las caractersticas
de impresin solo nos permitan este color.
Los usos del logotipo principal pueden consultarse detalladamante en la pgina 37
y siguientes.
BLASN O ESCUDO HERLDICO.
Permitida su utilizacin nicamente para uso protocolario (aperturas de curso,
doctores Honoris Causa y expedicin de ttulos oficiales)
Los usos de este elemento pueden consultarse en la pgina 21 del presente manual.
ESCUDO OFICIAL
Su uso queda restringido a impresos que emanen del Rector, el Secretario General
y el Consejo Social. Aparte de estos usos, solo podr utilizarse este recurso grfico
en los sellos de caucho del protocolo administrativo de la Universidad de La Laguna.
Sus caractersticas y usos detallados pueden consultarse en la pgina 24 del presente
manual.
18

Resumen de las normas principales de este manual
SMBOLO.
Es un elemento auxiliar y decorativo, que solo puede reproducirse acompaado por
el Logotipo principal, nunca en solitario. (Ver pgina 40).
colores corporativos.
Los tres colores corporativos principales son el violeta, azul y gris, por lo que se
recomienda su utilizacin preferente. Las tonalidades exactas de estos colores, as
como sus usos estn descritos a partir de la pgina 48 y siguientes del presente
manual.
tipografas.
Humnst777 BT
Humnst777 Lt BT
Arial
En las comunicaciones y documentos oficiales deber utilizarse la familia tipogrfica

Humnst777, en sus versiones BT y Lt BT. Como tipografa secundaria podr utilizarse
la familia Arial, siempre y cuando no dispongamos de la familia Humnst777.
El recurso tipogrfico, caractersticas y usos del mismo pueden consultarse a partir de
la pgina 69 y siguientes del presente manual.
marcas secundarias.
Los centros, unidades administrativas o entidades de la institucin que posean
logotipo propio nunca podrn reproducirlo en solitario. ste deber estar siempre
acompaado por el logotipo principal de la Universidad de La Laguna, a igual o
mayor tamao.
En impresos, oficios administrativos y pginas web, el logotipo principal de la
Universidad de La Laguna ir siempre situado en la parte izquierda, y el logotipo
propio, a la derecha.
Podrn consultarse ms usos a partir de la pagina 79 del presente manual.
subemisores.
Los centros, unidades administrativas u otras entidades de la institucin que no posean
logotipo propio, debern utilizar el logotipo oficial, aadiendo su denominacin
como subemisor.
El uso de esta caracterstica, puede consultarse en la pgina 74 del presente manual.
19

Imagen institucional
imagen institucional
20

Imagen Institucional: Emblemas y smbolos fundacionales
1 | EMBLEMAS Y SMBOLOS FUNDACIONALES
Los emblemas y smbolos de la Universidad de La Laguna se definen por su

iconografa. Los signos identificativos que contextualizan a la institucin en sus
orgenes manifiestan la excelencia acadmica, la solemnidad de sus actos y las
presentaciones protocolarias. Son:

- El blasn o escudo herldico: Escudo fundacional

- El sello: Escudo oficial
- La bandera
- El estandarte o pendn
1.1 | Blasn o Escudo herldico. Aplicaciones

El Blasn o escudo herldico es de uso restringido. Solo podr ser utilizado en los
siguientes casos:

- Actos de solemnidad acadmica presididos por el rector, como: Aperturas

de curso o nombramientos de Doctores Honoris Causa.
- Expedicin de los ttulos oficiales de la Universidad de La Laguna.
- Papelera que porte documentos emitidos desde el gabinete del rector.
21

Imagen Institucional: Escudo herldico
1.1.1 | Descripcin
Sin utilizar la jerga herldica y centrndonos en una definicin ms tcnica o dibujstica

se puede describir la composicin geomtrica y los elementos que conforman el
trazado y los colores de este escudo.
Tanto por su geometra de trazado como por los colores, se corresponde con la forma
de los escudos espaoles de origen castellano y francs, como se ve tambin en el
propio escudo de la ciudad de La Laguna. Su forma rectangular termina en la parte
inferior de manera curvada y simtrica: curvas cncavas en vrtices y convexas que se
unen en el centro del eje vertical. En el escudo, sobre campo compuesto o alternado
en ondas de dos colores (blanco y azul) aparece centrada la figura de San Fernando
en majestad, en la misma actitud y descripcin que se recoge en el escudo oficial de
la Universidad de La Laguna. Este campo se remata en todo su contorno con ancha
bordadura roja sobre la que se ordena y se repiten los smbolos: el orbe o mundo
siguiendo los ejes principales, y en los vrtices se sitan las armas cruzadas (espada y
cetro). Timbrado en la parte superior con la corona real espaola. Aparece forrada,
con puntas vistas, cinco realzadas y cuatro bajas, en la que se ha simplificado en su
diseo suprimiendo las diademas perladas. Destaca en la parte inferior el lema o
divisa en latn: Universitas Canariarum sobre una cinta en oro, texto resaltado por el
uso de la tipografa gtica alemana con capitulares maysculas de caja cuadrada.
22

Imagen Institucional: Escudo herldico
1.1.2 | Trazado geomtrico y normas tcnicas
1.1.3 | Versin color

- Tintas para impresin en cuatricroma y cdigos segn escala Pantone:
Para aplicar e imprimir en trabajos de papelera o cartelera se har en cuatro tintas.
Se incorporar una tinta especial (oro Pantone 125) si as se especifica en la tarea.
Para otros soportes (textiles, metlicos, etc.) se utilizarn los cdigos Pantone segn
indica la carta correspondiente.
- Proporcin:
Para ampliaciones y reducciones se mantendr la relacin geomtrica que se establece
segn las dimensiones del rectngulo en el que se inscribe. La reduccin mnima no
se har en ningn caso inferior a 10 mm. en su eje mayor.
- Fuente tipogrfica:
La caligrafa o texto dibujado sobre la tinta oro corresponde al tipo y familia: Gticas
Fraktur Textura Quadrata (siglo XII)
23

Imagen Institucional: Escudo oficial
1.2 | El sello. Escudo oficial. Aplicaciones
El sello de la Universidad de La Laguna se utiliza como escudo oficial e imagotipo

principal de encabezado de documentos. Su uso est reservado para los siguientes
casos:

- Comunicados del Rector y documentos que lleven su firma.

- Comunicados, informes y certificaciones de Secretara General.
- Comunicados, documentos y certificaciones del Consejo Social.
- Sellos de caucho para la oficialidad de documentos de La Universidad de
La Laguna y su estampacin en documentos de centros, departamentos y
unidades administrativas.
Tambin est permitida la reproduccin de este escudo en determinados actos

protocolarios, como por ejemplo: en graduaciones de los alumnos universitarios,
sobre la beca o insignia que identifica su titulacin (faja de pao de color) y en las
orlas acadmicas; siendo igualmente empleado por la tuna de distrito y por los coros
de la universidad.
24

1.2.1 | Descripcin.
El sello de la ULL que conocemos por su forma circular y por su dibujo, en su versin
color, se reconoce como escudo oficial. Bajo esta descripcin se recoge en sus
Estatutos, y queda descrito en el captulo II Emblemas, Honores y Distinciones:
Artculo 4. -1. Sin perjuicio de lo que disponga el Reglamento

de Honores y Distinciones sobre el escudo fundacional y su uso,
el escudo de la Universidad de La Laguna es rodado, de plata,
con filera de gules. En abismo, el rey San Fernando, en majestad,
sobre trono de oro con almohadn de azur, los pies sobre cojn de
prpura y calzado en oro, con cetro de oro en la diestra, revestido
de manto de gules fileteado de oro, en la siniestra un mundo azur
cruzado de oro. Alrededor del escudo, en sable, la inscripcin
iniciada con una cruz: + REG. SANCTI FERDINANDI UNIVERSITATIS
CANARIARUM STEMMA
Este emblema, escudo oficial, junto al sello, tambin conocido como escudo redondo
o rodado posee dos versiones:
Versin color: Escudo oficial
Pluma o versin monocroma: Sello institucional
25

1.2.3 | Trazado geomtrico y normas tcnicas.
1.2.3.1 | Versin color: Escudo oficial
- Tintas para impresin en cuatricroma y cdigos segn escala Pantone:

Para aplicar e imprimir en trabajos de papelera o cartelera se har en cuatro tintas.
Se incorporar una tinta especial plata (Pantone 877U sobre papel mate Pantone
877C sobre papel brillo) si as se especifica en la tarea. Para otros soportes (textiles,
metlicos, etc.) se utilizarn los cdigos Pantone segn indica la carta correspondiente.
- Proporcin:
segn las dimensiones del cuadrado en el que se inscribe, o modificando la medida
del dimetro de la circunferencia. La reduccin mnima no se har en ningn caso
inferior a 10 mm. de dimetro.
- Fuente tipogrfica:
La caligrafa o caracteres del texto que sigue la trayectoria circular sobre la tinta
plata corresponde al tipo y familia: Korinna regular (1974 ITC. Ref. Letraset manual),
tipografa que se asemeja a la rotulacin trazada por Torres Edwards.
26

1.2.3.2 | Pluma o versin monocroma: Sello institucional
- El trazado:
El original es un pluma para su reproduccin en una sola tinta. Para imprimir puede
utilizarse el color negro u otra tinta siempre que su color est en la gama PANTONE
de tonalidades fras: grises, azules, violceos o morados.
- Tareas de reproduccin e impresin:
Carece de fondo, con lo cual debe imprimirse solo a lnea sobre fondo de papel,
imagen o fotografa (fondo e imagen deben aparecer calados)
Para estampacin y efectos timbrados se fabricar el sello con dibujo en relieve
(negativo) con material de caucho o goma similar.
- Proporcin:
segn las dimensiones del cuadrado en el que se inscribe, o modificando la medida
del dimetro de la circunferencia exterior. En ningn caso el Sello Institucional tendr
dimensiones impresas con un dimetro inferior a10mm.
- Fuentes tipogrficas:
La caligrafa o caracteres de los textos, que siguen trayectorias circulares, corresponden
a dos tipos y familias diferentes: Tipo interior: Korinna regular (1974 ITC. Ref. manual
Letraset), tipografa que se asemeja a la rotulacin trazada por Torres Edwards. Tipo
exterior: EuroRoman Bodoni.
27

1.2.4 | Normas que definen el uso de la tipografa. Imagotipos

EL imagotipo es la imagen (escudo fundacional, escudo oficial o sello) asociada al
nombre y al logotipo de la entidad, por lo tanto a la marca corporativa o marca
principal. El distintivo ULL con el que identificamos a la Universidad de La Laguna,
forma una unidad grfica compuesta por el acrnimo (siglas) y el nombre completo
de la institucin, bajo los caracteres tipogrficos que se indican en el captulo que
trata la marca en este manual.
Las imgenes que definimos como emblemas acadmicos de la Universidad de La
Laguna (escudos y sello) forman los imagotipos con el texto completo Universidad
de La Laguna, usando la misma tipografa que presenta la marca. Las reproducciones
de los emblemas debe hacerse siempre como imagotipo, es decir con el texto en el
que se lee el nombre completo de la universidad. As, se colocar bajo este emblema,
sobre lnea horizontal cuando se utilice como escudo oficial, y en disposicin circular
o concntrico con el emblema si se trata del sello institucional.
Ejemplos:

- Para reproducciones impresas en diferentes soportes, papelera, etc.
Rector
Secretara General
- Para reproducciones por estampacin como sello institucional.
28

1.2.5 | Sello institucional. Variaciones de color (I).
Valores en positivo
29

1.2.6 | Sello institucional. Variaciones de color (II).
Valores en negativo
30

1.2.7 | Sello institucional. Aplicacion especial. Sello de caucho.
En el caso de esta aplicacin especial en concreto, la tinta azul es obligatoria para la

reproduccin del cuo
31

Imagen Institucional: El estandarte o pendn
1.3 | El estandarte o pendn.

El estandarte de la Universidad es una pieza que destaca como teln de fondo en las
ceremonias y actos acadmicos, que por su solemnidad deban celebrarse en el
Paraninfo o en salones de grado segn indicaciones protocolarias. Considerado
elemento insignia porque muestra el Escudo Fundacional de la institucin. Por su
colocacin, su finalidad es tambin destacar como elemento escnico y esttico en
los actos. El pao de forma rectangular dispone de un borde superior con cintas
o ribetes para ser tensado en una barra horizontal para su colgadura. Suele ser de
material textil aterciopelado de color granate o rojo carmes.
1.3.1 | Descripcin.
El Estandarte de la Universidad de La Laguna se ajusta a la descripcin tradicional.
De forma rectangular, sobre su anverso, lleva bordado el Escudo Fundacional en
una composicin simtrica y centrada. El pao es de terciopelo de color granate,
rematado en todo su permetro con hilo y cinta de oro. Con orlado rectangular
bordado hacia el centro siguiendo un dibujo perimetral con motivos vegetales
encadenados por cintas onduladas.
Proporcin 1:2
Ejemplo
El estandarte tendr una proporcin segn la razn del rectngulo 2. El

rectngulo 2 se traza partiendo del dibujo de un cuadrado y tomando la
medida de su diagonal para trazar el lado mayor del rectngulo.
Color del pao: Debe elegirse un tono medio/oscuro que se encuentre en la

gama del color granate o rojo carmes.
32

Imagen Institucional: La bandera
1.4 | La bandera.
Con la bandera institucional se identifica al colectivo y a los miembros de la
Universidad de La Laguna. Cuando se hace ondear un pao que representa a una
organizacin se est afirmando su existencia y su presencia, as como su ideario, su
historia y sus aspiraciones.
La Universidad utiliza su bandera en actos protocolarios de gran solemnidad
presididos por el Rector y en exteriores de aquellos edificios significativos como sedes
del rectorado.
1.4.1 | Descripcin.
La descripcin de la bandera institucional que se recoge en los Estatutos de la
Universidad de La Laguna, en el captulo II Emblemas, Honores y Distinciones, dice
lo siguiente:
Artculo 4. -2. La bandera de la Universidad de La Laguna es la suya

tradicional, de prpura, con su escudo en disposicin semejante a
la del escudo de la bandera espaola.
El escudo tendr una altura equivalente a la mitad del ancho del

pao, y estar colocado de forma que su eje est a una distancia
del lado del asta igual a un tercio de la longitud del pao.
El color morado (o prpura) del pao debe corresponderse o

asemejarse al tono de la escala Pantone cd. 689 C
33

Marca principal
Marca principal
34

Marca principal
2 | Marca principal
La marca principal de la Universidad de La Laguna no es otra cosa que la imagen

que ofrece la Universidad en el mbito corporativo y de comunicacin visual. En el
pasado, las universidades nicamente ofrecan una imagen institucional y de ente
pblico. Poco a poco, y dentro de un contexto ms competitivo, las universidades
espaolas han tenido que dotarse de estos recursos visuales para ofrecer una imagen
slida no solo como institucin, sino como empresa que presta un servicio de calidad
y diferenciado del resto.
Por este motivo tenemos dos patrones visuales claramente diferenciados: la imagen
institucional, conformada por el escudo, el sello, la bandera y el estandarte, que
solo debe usarse por el rector, la secretara general, y el consejo social, y la marca
principal, a usar por el conjunto de la comunidad universitaria.
La marca principal pasa a ser entonces el primer recurso visual con el exterior, dejando
la imagen institucional en el plano de la comunicacin interuniversitaria.
35

Elementos de la marca principal
2 | Marca principal
2.1 | Elementos de la marca principal.

La marca principal utiliza para sus diversas configuraciones tres elementos: las siglas
ULL, las palabras Universidad de La Laguna y el smbolo.
La unin en horizontal de las siglas ULL y las palabras Universidad de La Laguna
configura la marca principal. Esta versin es la que debe prevalecer, pero para los
casos en que sta no se adapte a un determinado entorno grfico, se puede utilizar
la versin vertical o versin secundaria.
Logotipo principal
Logotipo secundario
El smbolo es un elemento auxiliar para ser utilizado en las formas que se propone
en este manual.
Smbolo
36

Logotipo principal
2 | Marca principal
2.2 | Logotipo principal.

2.2.1 | Planteamiento grfico
El logotipo principal consta de dos elementos: el

signo ULL y el texto Universidad de La Laguna
El signo conformado por las siglas ULL sigue
mantenindose inalterado desde su ltima
versin del ao 2005. El objetivo que marc
entonces su creacin an sigue vigente;
se trataba de disear un logotipo actual,
dinmico y con un alto grado de pregnancia.
Formalmente se busc la confrontacin entre
la U, ligeramente inclinada, con las dos L, que
permanecan verticales. Esta confrontacin crea
cierta inestabilidad o desequilibrio, al mismo
tiempo que la presencia de lneas oblicuas, con la
dinamicidad que aportan, contribuye a despertar
el inters constante en el observador. El color
hace referencia al prpura de la bandera.
El texto Universidad de La Laguna se ha
dispuesto de dos lneas utilizando la fuente
Humanist777 BT en tono gris. En la lnea superior
se sita Universidad y en la inferior de La
Laguna. La U y las dos L en caja alta (maysculas)
y el resto en caja baja (minsculas). Ambas lneas
justificadas a la izquierda.
Universidad
de La Laguna
Separando los dos elementos se sita una lnea

vertical en gris oscuro.
37

Logotipo principal
2 | Marca principal
2.2.2 | Planteamiento cromtico
Versin en color
Pantone 254
Pantone 432
70% Pantone 432
Versin en blanco y negro

Negro
80% de negro
60% de negro
Universidad
de La Laguna
38

Logotipo principal
2 | Marca principal
2.2.3 | Retcula constructiva y proporciones.
La retcula constructiva garantiza la reproduccin fidedigna a grandes tamaos

cuando no es posible su ampliacin por mtodos fotomecnicos. El trazado y las
proporciones deben hacerse conforme a los siguientes esquemas:
0,2X
13X
13,622X
0,48X
1,37X
5X
0,87X
5X
1,23X
0,91X
1,85X
En ambos casos, X representa el valor del la lnea intermedia dividido entre cinco,
siendo 5X, la altura total del logotipo.
39

El smbolo
2 | Marca principal
2.3 | El smbolo.
2.3.1 | El smbolo. Planteamiento grfico.
El smbolo representa una parte de la fachada

del Edificio Central de la ULL, verdadero
elemento emblemtico y simblico de esta
institucin.
En el proceso de correccin hemos hecho
hincapi en una reconstruccin exhaustiva
de este smbolo, corrigiendo aspectos como
la falta de simetra y algunos defectos de
creacin encontrados en la anterior versin
del ao 2005.
De la misma manera, se ha modificado el
color masa del mismo, puesto que el anterior
color negro no forma parte del catlogo de
colores corporativos. A partir de la presente
edicin, se usar para su edicin el color gris
corporativo (Pantone 432).
La funcin del smbolo es eminentemente
auxiliar y decorativa. No est pensado para
sustituir al logotipo en ninguna circunstancia.
Su empleo se justifica solo para rematar las
zonas secundarias del diseo. Por consiguiente
tiene un uso restringido y siempre ligado al
uso subordinado con respecto al logotipo.
Su funcionalidad va asociada a su carcter
connotativo (transmite valores asociados a la
historia y la tradicin).
NOTA: El Consejo de Gobierno de la Universidad de La Laguna aprob en su sesin de 26 de julio de 2012

una resolucin en la que se PROHIBE la utilizacin de este smbolo como fondo o marca de agua en papelera
de uso comn (oficios, cartas, convocatorias, etc.) para evitar el exceso de gasto de tinta de impresin. Sigue
permitido su uso para otros fines (publicaciones, pginas web, cartelera, sealtica. etc.)
40

El smbolo
2 | Marca principal
2.3.2 | El smbolo. Planteamiento cromtico
Versin en color
Pantone 432
Versin en blanco y negro
41

El smbolo
2 | Marca principal
2.3.3 | El smbolo. Retcula constructiva y proporciones.
42

Logotipo secundario
2 | Marca principal
2.4 | Logotipo secundario.

2.4.1 | Logotipo secundario. Retcula constructiva y proporciones.
0,12X
0,57X
0,42X
2,13X
5,17X
5X
0,63X
0,09X
0,63X
0,56X
0,36X
43

Tamao mnimo de reproduccin
2 | Marca principal
2.5 | Tamao mnimo de reproduccin.
La reduccin de los signos es un

proceso que produce ciertos cambios
en su apariencia, especialmente evidente
cuando se sobrepasa un umbral
de tamao mnimo. Esto se debe
fundamentalmente a dos causas: las
limitaciones de resolucin de los sistemas
de reproduccin y la agudeza visual del
observador. El resultado es un empastado
de los componentes grficos. Es decir,
los elementos situados cerca, al reducirse
considerablemente, se unen visualmente,
aparentando uno solo cuando en realidad
son dos. Esta prdida es proporcional
a la cantidad de detalles que contenga
el signo especfico. Esta circunstancia
obliga a limitar el tamao mnimo de
reproduccin.
Logotipo principal
4 mm
Logotipo secundario
10 mm
44

rea de proteccin
2 | Marca principal
2.6 | rea de proteccin.
El rea de proteccin es la herramienta encargada de impedir la contaminacin visual

del signo al establecer el lmite mximo en el que podrn colocarse otros elementos
del diseo. Este margen de seguridad toma el mdulo a, como la distancia de la
letra d presente en el logotipo. Es la proporcin 2a la que se emplear para definir
los mrgenes por los cuatro lados.
2a
a
2a
45

Usos incorrectos
2 | Marca principal
2.7 | Usos incorrectos.
Cambios en el orden y la disposicin de los elementos
Utilizacin de tipografas no
corporativas
Utilizacin del color negro en

versiones a color
Alteracin de los colores

corporativos en el logotipo
46

Usos incorrectos
2 | Marca principal
Superposicin de elementos sobre

el logotipo
No respetar las reas de proteccin

en general
Uso de colores no corporativos en

general
No respetar retculas establecidas

para disposicin de elementos
47

Colores corporativos: principales
3 | Colores corporativos
Los colores corporativos se utilizan a la hora de definir la identidad visual de una

determinada marca. Por ello es imprescindible que sean reproducidos con total
fidelidad, evitando cualquier tipo de variacin que pudiera alterarlos de manera
alguna. Precisamente por esto, toda imagen corporativa posee una serie de cdigos
cromticos que han de ser respetados.
Pantone 254
C: 51 M: 94 Y: 0 K: 0
La Universidad de La Laguna cuenta
con tres colores corporativos
principales asociados a su imagen.
Pantone 3015
C: 100 M: 23 Y: 0 K: 18
Pantone 432
C: 23 M: 0 Y: 0 K: 79
Precisamente para evitar variaciones a la hora de reproducir los colores en dispositivos

que no permitan la utilizacin del cdigo Pantone, se ha definido la siguiente tabla
de correspondencia para los colores corporativos principales de la Universidad de La
Laguna. En esta tabla se ha tenido en cuenta una pequea alteracin en los valores
cromticos del color prpura en base a su adecuacin a estndares RGB y Hexacrome.
Todos los valores PANTONE del presente documento estn realizados usando la
paleta SOLID COATED.
PANTONE
CMYK
RGB
HEXADECIMAL
254
C: 51 M: 94 Y: 0 K: 0
R: 122 G: 59 B: 122
#7A3B7A
3015
C: 100 M: 23 Y: 0 K: 18
R: 0 G: 88 B: 147
#006699
432
C: 23 M: 0 Y: 0 K: 79
R: 56 G: 61 B: 66
#666666
48

Colores corporativos: secundarios
3.1 | Colores corporativos. Secundarios.

Los colores secundarios han sido seleccionados partiendo de la base de los colores
primarios, para un refuerzo visual de los mismos. Estos debern ser utilizados
nicamente para acompaar a los colores primarios, ya sea en forma de degradados o
como mosaicos adyacentes; no obstante, su nica funcin es meramente decorativa.
En ningn caso podrn sustituir a los colores primarios.
Igualmente, se ha realizado la correspondencia con estndares RGB y Hexacrome.
Gama de violetas:
PANTONE
CMYK
RGB
HEXADECIMAL
7439
C: 32 M: 50 Y: 1 K: 0
R: 188 G: 135 B: 188
#BC87BC
7436
C: 9 M: 19 Y: 3 K: 0
R: 237 G: 221 B: 237
#EDDDED
PANTONE
CMYK
RGB
HEXADECIMAL
5425
C: 57 M: 33 Y: 25 K: 0
R: 132 G: 153 B: 172
#8499AC
7541
C: 15 M: 7 Y: 9 K: 0
R: 235 G: 243 B: 250
#EBF3FA
2925
C: 79 M: 26 Y: 0 K: 0
R: 2 G: 138 B: 206
#028ACE
PANTONE
CMYK
RGB
HEXADECIMAL
445
C: 70 M: 56 Y: 51 K: 31
R: 71 G: 84 B: 91
#47545B
430
C: 55 M: 42 Y: 36 K: 3
R: 127 G: 139 B: 146
#7F8B92
Gama de azules:
Gama de grises:
49

variaciones de color
3.2 | Colores corporativos. Variaciones de color.

A continuacin se muestra la aplicacin de los colores corporativos principales sobre
el logotipo y el smbolo. Dichas versiones deben ser consideradas como alternativas,
procedindose a la utilizacin de estos elementos a todo color siempre que esto sea
posible. As mismo se presenta la versin a una sola tinta cuando no sea posible la
reproduccin en todos los colores corporativos. Esta versin solo ser aplicable en
este caso.
Versin en escala de grises
50

Variaciones de color
3.2 | Colores corporativos. Variaciones de color (II).
51

Tramas de multiplicidad
3.3 | Colores corporativos. Tramas de multiplicidad.

La identidad visual de la Universidad de La Laguna recoge seis casos de tramas de
multiplicidad, que pueden ser aplicadas como fondo en publicaciones, papelera,
bolsas, objetos promocionales, etc. Como elemento para la creacin de estos motivos
se ha utilizado el smbolo, que constituye un elemento identificador indirecto de la
Universidad de La Laguna.
Estas tramas de multiplicidad nunca pueden sustituir al logo, solo acompaarlo.
Se utilizan para crear as un fondo decorativo que acompaa a la imagen de la
Universidad.
En los tres primeros casos (tramas en negativo) se utilizarn nicamente los colores
principales, para configurar el fondo, dejando el logotipo en blanco.
En los tres casos se aplicarn los colores

corporativos principales en la siguiente
relacin:
- Color de fondo: Pantone que corresponda
- Color del smbolo: Pantone que
corresponda con un 80% de tinta. Sobre
masa en blanco.
- Color de logotipo: Masa en blanco
El logotipo deber incluir su respectiva
rea de proteccin tal como indicamos
en el punto 2.7 (reas de proteccin). Se
utilizar para ello un filete del mismo color
que el fondo (Pantone que corresponda en
cada caso).
52

Tramas de multiplicidad
3.3 | Colores corporativos. Tramas de multiplicidad (II).

En los siguientes tres casos se utilizan las tramas de multiplicidad en positivo. Debido
a que el logo muestra de por s los colores principales, en estos tres casos se usan
combinaciones de colores secundarios. Estos casos no son ejemplos: son los nicos
casos posibles.
Caso 1: Utilizacin de logotipo versin

color protegido por filete con nivel de
opacidad no inferior al 60%.
Fondo de color secundario Pantone 7541.
Smbolo en blanco.

Fondo degradado utilizando los colores
corporativos secundarios Pantone 5425, y
Pantone 7541 ms el blanco.
Smbolo de color Pantone 7541.

Fondo degradado utilizando los colores
corporativos secundarios Pantone 445, y
Pantone 430 ms el blanco.
Smbolo de color Pantone 430.
53

Versin en negativo
3.4 | Colores corporativos. Versin en negativo.

El logotipo de la Universidad de La Laguna podr ser reproducido, tanto en blanco
y negro (en las versiones positivas y negativas del mismo), como en color, siempre y
cuando se utilicen los colores corporativos principales anteriormente definidos.
Para las versiones en negativo tenemos las diferentes opciones:
Opciones a color:
Opcin en blanco y negro: se usa nicamente cuando no exista la opcin de

impresin a color, puesto que, como ya se ha comentado antes, el negro no forma
parte del catlogo de colores corporativos principales.
54

Reproduccin sobre fondos
3.5 | Colores corporativos. Reproduccin sobre fondos.

Como norma general, la marca, o cualquiera de los elementos que la componen
(logotipo, logosmbolo, smbolo, etc.), deben reproducirse sobre fondos que
permitan una correcta lectura de manera que garanticen un contraste visual ptimo,
para evitar la prdida de capacidad representativa. Aparte de la reproduccin sobre
fondos planos con los colores corporativos, podrn darse otros casos, como la
aplicacin de la misma sobre degradados o imgenes fotogrficas. En estos casos el
criterio que debe seguirse es aquel que permita salvaguardar ante todo la legibilidad
de la marca.
3.5.1 | Colores corporativos. Reproduccin sobre fondos.

Fondos degradados.
El uso de fondos degradados podr hacerse siempre y cuando se respeten las normas
de identidad visual en cuanto a uso de colores corporativos (puede consultarse el
apartado de usos incorrectos, pgina 65 y siguientes).
El uso del logotipo en positivo o negativo quedar a juicio del diseador; no obstante,
como referencia, indicaremos que si el degradado posee en el canal de negro un
ndice superior al 50%, se deber hacer uso del logo en negativo. Estos son algunos
ejemplos. Conviene recordar la importancia de la legibilidad a la hora de utilizar estos
fondos, subordinndose stos al logo.
55

Reproduccin sobre fondos
3.5.2 | Colores corporativos. Reproduccin sobre fondos.

Fondos fotogrficos.
Como norma general, a la hora de insertar el logotipo de la Universidad de La

Laguna en un contenido de imagen o fotogrfico, deberemos utilizar mancheta,
respetando las reas de proteccin del mismo. Esto deber realizarse siempre y
cuando la fotografa tenga un contraste alto o no tengamos espacio suficiente en la
misma para insertar el logotipo si ste se ve interferido por el propio contenido de la
fotografa. Veamos varios ejemplos:
En este caso, el propio contenido de la

fotografa, al tener un fondo liso, nos
permite utilizar el logotipo en negativo sin
prdida de legibilidad
En este otro caso, el contraste de la

fotografa nos obliga a utilizar mancheta.
sta podr ser semitransparente, pero
nunca deber tener un ndice de opacidad
inferior al 80%
56

Casos de degradado
3.6 | Colores corporativos. Casos de degradado.

El desarrollo de los medios de impresin nos permite crear una amplia gama de
degradados, sin que stos sufran prdida de calidad. Sin embargo, es imprescindible
para una mejor respuesta visual de marca una limitacin en cuanto a su uso. Los
casos de degradado son los siguientes:
3.6.1 | Colores corporativos. Casos de degradado.

Colores principales.
-Violeta: El violeta principal puede degradarse con sus homnimos secundarios, con
el blanco, y con el azul principal. Nunca podr degradarse con secundarios que no
sean variaciones tonales del mismo, ni con el gris primario. En este caso, puede haber
una degradacin de hasta cuatro colores (violeta principal ms los dos secundarios y
el blanco) o bien de tres colores, si utilizamos el azul primario (violeta, azul y blanco)
Ejemplos de degradados del violeta primario (Pantone 254):
-Azul: El azul principal puede degradarse nicamente con el tercer color secundario
de la gama de azules (Pantone 2925), con el violeta primario y con el blanco. Nunca
podr degradarse con secundarios que no sean variaciones tonales del mismo, ni
con otros primarios. Es decir, el violeta principal puede degradarse junto con los
violetas secundarios, con el azul primario y con el blanco. En este caso, puede haber
una degradacin de hasta tres colores (azul, ms el tercer color de los secundarios
(Pantone 2925) y el blanco).
Ejemplos de degradados del azul primario (Pantone 3015):
57

Casos de degradado
-Gris: El gris principal puede degradarse con sus homnimos secundarios, y con el
blanco. Nunca podr degradarse con secundarios que no sean variaciones tonales del
mismo, ni con otros primarios. Es decir, el gris principal puede degradarse junto con
los grises secundarios y con el blanco. En este caso, puede haber una degradacin de
hasta cuatro colores (gris principal ms los dos secundarios y el blanco)
Ejemplos de degradados del gris primario (Pantone 432):
3.6.2
| Colores corporativos. Casos de degradado.

Colores secundarios.
-Violetas: Podrn degradarse junto con su homnimo color principal, entre s, y con
el blanco, nunca con otros principales y secundarios.
Ejemplos de degradados de los violetas secundarios:
-Azules: Los dos primeros azules secundarios (Pantone 5425 y Pantone 7541) podrn
degradarse entre s y con el blanco, nicamente. Se utilizaran preferentemente para
fondos. Nunca podrn degradarse con ningn color principal, as como con los
secundarios y el tercer color azul secundario.
Ejemplos de degradados de los azules secundarios:
58

Casos de degradado
-Grises: Podrn degradarse junto con su homnimo color principal, entre s, y con el
blanco, nunca con otros principales y secundarios.
Ejemplos de degradados del grises secundarios :
3.6.3 | Colores corporativos. Casos de degradado.

Colores neutros.
El uso de los colores neutros queda limitado nicamente al blanco, puesto que en el
perfil corporativo el blanco es un color preponderante.
El uso del negro queda limitado exclusivamente a los textos de prrafo y encabezados.
El color negro no podr ser usado como degradado, en ningn caso.
59

Usos incorrectos
3.7 | Colores corporativos. Usos incorrectos.

A continuacin presentamos una muestra de posibles usos incorrectos con respecto
al color corporativo de la Universidad de La Laguna.
3.7.1 | Colores corporativos. Usos incorrectos.

Variaciones de color.
Uso de colores no corporativos en general
Variacin de colores corporativos y/o alteracin en su orden o disposicin
Variacin de colores con colores corporativos secundarios en general
60

Usos incorrectos

Tramas de multiplicidad (I).
Uso de logo en positivo con trama en

negativo
Uso de 2 o ms colores corporativos

principales en masa en negativo
61

Usos incorrectos

Tramas de multiplicidad (II).
No respeta las reas de proteccin del logotipo, tanto en positivo como en negativo
62

Usos incorrectos

Versin en negativo.
Uso de colores secundarios en general
63

usos incorrectos

Reproduccin sobre fondos.
Uso del logotipo en negativo si el relleno

degradado tiene un ndice de negro
inferior al 50%
Uso del logotipo en color negro si el

relleno degradado tiene un ndice de
negro superior al 50%
Uso del logotipo en positivo si el relleno

degradado tiene un ndice de negro
superior al 50%
Uso del logotipo en positivo con relleno

degradado a partir de los colores
corporativos principales
Uso del logotipo, ya sea en positivo, negativo o blanco, con colores no corporativos en
general
64

Usos incorrectos

Fondos fotogrficos (I).
Insercin del logotipo, ya sea en positivo o negativo, sin mancheta, en fondos de medio
y gran contraste
Insercin del logotipo con mancheta, con un ndice de opacidad inferior al 80%
65

Usos incorrectos

Fondos fotogrficos (II).
Insercin del logotipo con mancheta que no respeta las reas de proteccin
Insercin del logotipo en positivo o negativo sin mancheta, en fondos de poco

contraste cuando este fondo afecte de cualquier modo la legibilidad del logotipo en
general
66

Usos incorrectos

Casos de degradado (I).
Degradados de colores
primarios al negro
secundarios al negro
Degradado de colores
primarios que no sean el
violeta con el azul (violeta y/o
azul con gris)
Degradados de colores primarios con secundarios no homnimos.

(No pertenecientes a la misma gama)
Degradados de colores secundarios no homnimos.

67

Usos incorrectos

Casos de degradado (II).
primarios con colores no
corporativos
secundarios con colores no
corporativos
Degradado de colores no
corporativos con blanco
Degradados de colores no corporativos
68

Tipografas
4 | Tipografas
La tipografa, como elemento vinculante asociado a la imagen de la Universidad

de La Laguna, es primordial a la hora de mantener una coherencia grfica. En el
presente captulo veremos las familias tipogrficas con las que contamos a la hora
de redactar documentos, crear cartelera, papelera, etc, y sus usos y aplicaciones.
Las comunicaciones oficiales (impresos, reglamentos, normativa, oficios, notas de
prensa, etc.) debern estar redactadas en las tipografas oficiales.
4.1 | Tipografas. Tipografa principal.
En la construccin de la marca se ha empleado la familia tipogrfica bsica Humnst777

BT, en sus diferentes versiones:
Roman
Humnst777 BT
abcdefghijkABCDEFGHIJK
1234567890!#$%/&*(-)
negrita
Humnst777 BT
1234567890!#$%/&*(-)
cursiva
(ndice de sesgo : 12)
negrita cursiva
Light
Light cursiva
Humnst777 BT
1234567890!#$%/&*(-)
Humnst777 BT
1234567890!#$%/&*(-)
Humnst777 Lt BT
1234567890!#$%/&*(-)
Humnst777 Lt BT
1234567890!#$%/&*(-)
69

Comportamientos tipogrficos
4 | Tipografas
4.1.1 | Tipografas. Tipografa principal.

Comportamientos tipogrficos (I).
Los comportamientos tipogrficos son producto de la reaccin que se produce cuando

sometemos a las tipografas a diferentes forzados en funcin de ajustar stas a las
retculas que utilizamos en nuestro diseo. Normalmente, estos comportamientos
han de ser ajustados por el diseador, para que los textos no sufran prdida de
legibilidad cuando los sometemos a forzados demasiado excesivos.
Para evitar esto, se ofrecen unos mrgenes mximos de forzado e interlineado. Debido
a que la familia principal de la tipografa Humnst 777 nos ofrece seis variantes en su
catlogo tipogrfico, vamos a explicar los lmites de interlineado y forzados mximos
para cada variante. Son stos:
Forzados.
El tracking es el espacio entre carcter y carcter que nos propone cada tipografa.
Este tracking puede forzarse, para que un determinado texto quepa en una sola
lnea, o bien para ajustar un texto a un determinado tamao, sin modificar el tamao
de fuente.
En este caso, lo que se modifica no es el tamao de fuente en s, sino el espacio entre
caracteres.
Ejemplos:
Hasta un mximo de -40 para la versin

Roman
Humnst777 BT
1234567890!#$%/&*(-)

Falsa negrita
Humnst777 BT
1234567890!#$%/&*(-)

Falsa cursiva
Humnst777 BT
1234567890!#$%/&*(-)

Falsa negrita cursiva
Humnst777 BT
1234567890!#$%/&*(-)
70

4 | Tipografas
4.1.1 | Tipografas. Tipografa principal.

Comportamientos tipogrficos (II).
Ejemplos:

Light
Falsa Cursiva
Humnst777 Lt BT
1234567890!#$%/&*(-)
Humnst777 Lt BT
1234567890!#$%/&*(-)
Interlineado.
El interlineado es el espacio que separa cada lnea de texto. En este caso, el interlineado
vendr sometido a juicio y escala de la retcula, de tal forma que no puede solaparse
una lnea con la otra, en ningn caso.
Ejemplos:
Bien
En este caso, el forzado en el
interlineado es vlido puesto que las
lneas no se solapan
Nec eu tale salutatus dissentiet, usu

postulant adipiscing ea, est ex ullum
Lorem ipsum duo quot fabulas ei,
omnes deseruisse scriptorem sed at. Ea
causae scripta sea.
Mal
En este caso el solapamiento es evidente.
Debe reajustarse.
Nec eu tale salutatus dissentiet, usu

postulant adipiscing ea, est ex ullum
Lorem ipsum duo quot fabulas ei,
omnes deseruisse scriptorem sed at. Ea
causae scripta sea.
71

Tipografa secundaria
4 | Tipografas
4.2 | Tipografas. Tipografa secundaria.
Para normalizar el uso de la tipografa en los diferentes documentos propios de la

Universidad de La Laguna se ha optado por utilizar la familia Arial. sta se encuentra
disponible en la mayor parte de los equipos informticos, ya que viene instalada por
defecto en los sistemas operativos ms comunes. As mismo, se trata de una fuente
sumamente legible, que destaca por su sencillez formal y claridad visual.
Regular
Falsa negrita
Falsa cursiva
(ndice de sesgo : 12)
Falsa negrita cursiva
Arial
1234567890!#$%/&*(-)
Arial
1234567890!#$%/&*(-)
Arial
1234567890!#$%/&*(-)
Arial
1234567890!#$%/&*(-)
72

4 | Tipografas
4.2.1 | Tipografas. Tipografa secundaria.

Comportamientos tipogrficos.
Forzados.
Se podr forzar la tipografa Arial hasta -20 segn conveniencia del texto y retcula.
Arial
1234567890!#$%/&*(-)
Arial
1234567890!#$%/&*(-)
Arial
1234567890!#$%/&*(-)
Arial
1234567890!#$%/&*(-)
Interlineado.
Al igual que en el caso de la tipografa principal el interlineado vendr sometido a
juicio y escala de la retcula, y no puede solaparse una lnea con la otra, en ningn
caso.
Arial
1234567890!#$%/&*(-)
Bien
Arial
1234567890!#$%/&*(-)
Mal
73

Subemisores
4 | Tipografas
4.3 | Tipografas. Subemisores.

Con el fin de establecer una organizacin entre los diferentes subemisores de la
Universidad de La Laguna y normalizar el empleo de la papelera (evitando de esta
forma que aparezcan mltiples modelos), se ha optado por establecer una jerarqua
por medio de las siguientes normas:
-EL tamao del subemisor principal (SeP) ser un 38 % inferior al emisor principal (EP)
para lo cual se podr emplear la siguiente frmula SeP= tamao(pt) de EP x 0,629.
-El tamao del subemisor secundario (SeS) ser dos puntos inferior al subemisor
principal (SeP). Para ste, se utilizar la tipografa Humanst 777 BT Roman, y no la
versin en falsa negrita que se utiliza tanto para el logotipo principal, como para el
subemisor principal.
-En tamaos inferiores a 10 mm de altura de la marca principal el texto del subemisor
deber ampliarse en 2 puntos.
Subemisor principal o de primer nivel en logotipo principal:
X
X
0,5X
Humanst 777 BT (bold)
Subemisor secundario o de segundo nivel en logotipo principal:
X
X
0,5X
Humnst 777 BT (bold)

Humnst 777 BT
74

Coincidencias
4 | Tipografas
4.3.1 | Tipografas. Subemisores. Coincidencias (I).

En muchas ocasiones, existen determinados eventos en los que distintos subemisores
de la Universidad de La Laguna participan, organizan o colaboran, lo que provoca un
problema de reiteracin del logotipo principal en un mismo documento. Para evitar
que esto suceda, podemos vincular varios subemisores hasta un mximo de tres,
entre organizadores y colaboradores.
A partir de tres subemisores, se entender que es el propio mbito universitario el
que organiza o colabora en el evento, por lo que procederemos a utilizar el logotipo
principal habitual.
Las normativa de aplicacin ser la siguiente:
- Se usar la tipografa en falsa negrita para los elementos organizadores, y la

tipografa en versin Roman para los elementos colaboradores.
- La distancia entre cada elemento vendr separada por X.
- Si el subemisor ocupa dos lneas, esta separacin tendr una medida de la mitad
de X
- Los elementos colaboradores tendrn un tamao de fuente de 2 puntos inferior a
los elementos organizadores.
- Un logotipo con varios subemisores nunca podr imprimirse a un tamao inferior
a 15mm de altura.
0,5X
X
X
Ejemplo:
En este ejemplo, el evento est organizado por tres subemisores de la Universidad
de La Laguna: Vicerrectorado de Investigacin y Desarrollo Tecnolgico, Servicio de
Inspeccin y por el Gabinete de Prensa. En los tres se utiliza la misma tipografa y el
mismo tamao, ya que los tres son subemisores organizadores.
75

Coincidencias
4 | Tipografas
4.3.1 | Tipografas. Subemisores. Coincidencias (II).
0,5X
X
X

Humnst 777 BT (Roman)
En este otro caso, los subemisores Gabinete de Prensa y Servicio de Inspeccin son
subemisores colaboradores, por lo que el tamao de fuente disminuir dos puntos
con respecto al subemisor organizador y la tipografa que se utilice ser la versin
Roman, es decir, sin falsa negrita.
76

Subemisores: Logotipo secundario
4 | Tipografas
4.3.2 | Tipografas. Subemisores. Logotipo secundario.

En el caso de utilizacin del logotipo secundario, se aplicarn las mismas normas
descritas en el primario, salvo la regla de tamao mnimo, que en este caso ser de
25 mm de alto.
Subemisor principal o de primer nivel en logotipo secundario
X
0,5X
Subemisor secundario o de segundo nivel en logotipo secundario

Humnst 777 BT (Roman)
X
0,5X
77

Subemisores: Logotipo secundario
4 | Tipografas
4.3.2 | Tipografas. Subemisores. Logotipo secundario.

Se podrn aplicar de la misma forma las coincidencias de subemisores tal y como
vimos en el logotipo principal.
Coincidencias de subemisores en el logotipo secundario. Ejemplo de organizadores
0,5X
X
Coincidencias de subemisores en el logotipo secundario. Ejemplo de organizadores

y colaboradores
78

Coexistencia con marcas secundarias
4 | Tipografas
4.3.3 | Tipografas. Subemisores. Coexistencia con marcas

secundarias.
A lo largo de estos ltimos aos, en la Universidad de La Laguna han ido apareciendo
infinidad de marcas que representan a los diferentes organismos, servicios, facultades
y departamentos. Esta proliferacin de logos y smbolos atendiendo cada uno de
ellos a sus propias normas, completamente independientes de las de la ULL en la
mayora de los casos, ha desembocado en una fuerte fragmentacin de su imagen.
La manera de evitar la dispersin de la imagen de la ULL es normalizar la coexistencia
de su marca principal con otras marcas secundarias. Esta normalizacin pasa por
respetar las siguientes normas:
1. Cuando se emplee una marca secundaria deber ir siempre acompaada por la
marca principal (la marca de la Universidad de La Laguna), atendiendo a las normas
que aparecen en este manual para su construccin.
2. La marca principal no podr representarse a un tamao inferior que el de la marca
secundaria.
3. Por norma general la marca principal se ubicar siempre en el lado superior
izquierdo y la marca secundaria ocupar el lado superior derecho.
Al final del presente captulo hay una muestra de usos no permitidos. Consulte este
apartado para una mejor referencia grfica.
79

Tipografas: casos excepcionales
4 | Tipografas
4.4 | Tipografas. Casos excepcionales.

Como casos excepcionales encontramos dos: el uso de subemisores en papelera
y la utilizacin de una tipografa especfica para eslganes, fuera del catlogo de
tipografas permitidas:
4.4.1 | Tipografas. Casos excepcionales. Subemisores en

papelera.
El presente manual establece que se podr separar el subemisor del logotipo
principal nicamente a la hora de utilizar este subemisor en papelera y comunicados
de los distintos subemisores de la Universidad de La Laguna. Esto no es aplicable a
la cartelera, que deber atenerse a las normas actuales de subemisores del presente
manual.
Ejemplo:
80

Tipografa de eslogan
4 | Tipografas
4.4.2 | Tipografas. Casos excepcionales. Tipografa

de eslogan.
En algunas ocasiones, la Universidad de La Laguna organiza actos promocionales o
campaas de marketing. En estos casos, suele ser comn la utilizacin de eslganes.
Para estos eslganes se debe utilizar como caso excepcional la familia tipogrfica
Pristina, en sus diferentes versiones. Este eslogan se confeccionar a juicio y escala
del diseador. No obstante, conviene recordar que la utilizacin de esta tipografa
es solamente aplicable al eslogan. El resto de textos comunicacionales de la misma
campaa ha de realizarse en las familias tipogrficas principales y secundarias.
Regular
Pristina
1234567890!#$%/&*(-)
Ejemplo:
81

Tipografas: usos no permitidos
4 | Tipografas
4.5 | Tipografas. Usos no permitidos.

Debido a que el catlogo tipogrfico es tan extenso y ofrece tal variedad de
posibilidades, exponemos a continuacin una serie de ejemplos de usos no permitidos.
Subemisor con tamao superior al logotipo principal en el mismo documento
Reiteracin del logotipo en el mismo documento
En este caso, el logotipo consta de dos subemisores:

el organizador, en el que se utiliza la tipografa en
falsa negrita, y el colaborador, en el que se utiliza la
tipografa sin negrita
82

4 | Tipografas
4.5 | Tipografas. Usos no permitidos (II).
Pristina
Utilizacin de la tipografa Pristina como texto de encabezado. Esta tipografa solo

puede usarse como texto de eslogan
83

4 | Tipografas
4.5 | Tipografas. Usos no permitidos (III).
Times New Roman
Utilizacin de tipografas no permitidas en comunicados y papelera en general
84

4 | Tipografas
4.5 | Tipografas. Usos no permitidos (IV).
Utilizacin de otros colores

corporativos
Cambio en la disposicin y/u orden de

los elementos
Cambio en el tamao/relacin de
tipografas
Utilizacin de tipografas no
corporativas
Utilizacin de colores no corporativos o

corporativos secundarios
Utilizacin de tipografa secundaria

para subemisor
85

Papelera
5 | Papelera
5.1 | Papelera. Grfica ligera de uso general
Tarjeta personal
Uso exclusivo para el Rector,

Secretara General y Consejo Social
Usos generales
86

Papelera
5 | Papelera
Tarjeta personal
Uso exclusivo para el Rector, Secretara General y

Consejo Social
Usos generales
87

Papelera
5 | Papelera
Tarjetn
Uso exclusivo para el Rector, Secretara General y Consejo Social
Usos generales
88

Papelera
5 | Papelera
5.1 | Papelera. Grfica ligera de uso restringido

Nota: Ver aviso en la pgina 40 sobre la prohibicin del uso de la marca de agua
en la papelera de uso ordinario.
Papel de carta A4
89

Papelera
5 | Papelera
Sobre comercial
90

Papelera
5 | Papelera
Sobre americano
91

Papelera
5 | Papelera
Bolsa mediana
92

Papelera
5 | Papelera

Bolsa Grande
93

Papelera
5 | Papelera
Tarjeta personal
Usos generales. Logotipo con subemisor
Usos generales. Subemisor con logotipo propio
94

Papelera
5 | Papelera

en la papelera de uso ordinario
Papel de carta A4
Usos generales
95

Papelera
5 | Papelera

Papel de carta A4. Subemisor

Usos generales. Subemisor
96

Papelera
5 | Papelera

Papel de carta A4. Subemisor con logo

97

Papelera
5 | Papelera
Sobre comercial. Subemisor

98

Papelera
5 | Papelera
Sobre comercial. Subemisor con logo

99

Papelera
5 | Papelera
Sobre americano. Subemisor

100

Papelera
5 | Papelera
Sobre americano. Subemisor con logo

101

Papelera
5 | Papelera
Bolsa mediana. Subemisor

102

Papelera
5 | Papelera
Bolsa mediana. Subemisor con logo

103

Papelera
5 | Papelera
Bolsa mediana. Subemisor con logo

104

Papelera
5 | Papelera
Bolsa grande. Subemisor con logo

105

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (I).
Para mantener la unidad de la identidad corporativa de nuestra institucin se propone

un modelo de anuncio para ser publicado en la prensa. Este modelo general es comn
a toda la Universidad, si bien podr adaptarse, con las modificaciones oportunas,
para casos especiales que lo requieran. En todo caso deber ser supervisado por los
responsables del Gabinete de Prensa de la ULL.
106

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (II).
Modelo anuncio A
5 mdulos de ancho por 2 de alto (faldn)
Opcin de color: B/N
Logotipos de organizadores
Logotipos de colaboradores
4,5x
3x
x
x
c
1,5x
c c
c c
2,5x
Reduccin al 65%
Logotipo
El logotipo ir en escala de grises, con unos mrgenes de separacin por la izquierda tres
veces mayor en funcin de un tamao de referencia x.
Mancha superior
La mancha de color en masa negro al 100% ocupar en ancho la distancia del
margen izquierdo del anuncio a la lnea de separacin del logotipo, y su alto ser
correspondiente a x.
Titutar / Subtitular
El titular se situar a la derecha del logotipo a una distancia de 4,5x, alineado por
la parte superior con ste cuando haya subttulo. De no ser as, se alinear con el
texto Laguna del logotipo.
El subttulo ir alineado con el margen inferior del logotipo.
Titular: Humnst 777 BT (roman) 22 puntos
Subtitular: Humnst 777 BT (roman) 16 puntos
107

Papelera
5 | Papelera
Smbolo
Se presentar con un 15% de transparencia mostrndose la mitad a partir del margen
inferior del smbolo de la Universidad con una distancia correspondiente a 1,5x.
Texto del anuncio
El texto tendr un formato de prrafo de justificacin forzada a la izquierda con un
interlineado del 100%; fuente: Arial (normal); cuerpo:12 puntos.
Texto de informacin (direccin y telfono)
Las dos cajas de texto tendrn un formato de prrafo de alineacin a la izquierda con
un interlineado del 100% en Arial regular 9 puntos, separados entre s por una lnea
de 8 mm de ancho por 145 mm de alto que equidistar c de las cajas de texto.
La palabra informacin que acompaa, vendr definida en Arial bold 9 puntos.
Mancha con direccin web
La mancha negra 100% ocupar un alto de x, conteniendo el texto de la direccin
web alineado a la derecha con respecto al texto del anuncio.
Fuente: Humnst 777BT (regular); cuerpo: 12 puntos.
El tamao de los logotipos de la organizacin no podr ser inferior a 1 centmetro
y nunca podrn tener un tamao superior al 80% con respecto al logotipo de la
Universidad de La Laguna. stos debern colocarse siempre bajo el logotipo,
encabezados por el texto organizan definido en Arial bold 9 puntos.
El tamao de los logotipos colaboradores no podr ser inferior a 1 centmetro y nunca
podrn tener un tamao superior al 80% con respecto al logotipo de la Universidad
de La Laguna.
stos debern colocarse bajo el texto del anuncio alineados por la izquierda con el
logotipo de la Universidad y por su parte superior por el texto de informacin. La
distancia entre los logotipos ser la misma que hay en el logotipo de la Universidad
c. Igualmente irn acompaados de una lnea de separacin y el texto colaboran
definido en Arial bold 9 puntos.
Cuando no haya colaboradores, el texto de informacin se colocar al lado de la
mancheta con la direccin web a una distancia de separacin x.
108

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (III).
Modelo anuncio A
Opcin de color: B/N
Reduccin al 65%
Modelo anuncio A
Opcin de color: B/N
Reduccin al 65%
109

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (IV).
Modelo anuncio A
Opcin de color: cuatricroma
4,5x
3x
x
x
c
1,5x
c c
c c
2,5x
1,5x
Reduccin al 65%
Logotipo
Se utilizar el logotipo en su versin positiva, con unos mrgenes de separacin por la
izquierda tres veces mayor en funcin de un tamao de referencia x.
Mancha superior
La mancha azul Pantone 3015 (C100 M23 Y0 K18) 100% ocupar en ancho la
distancia del margen izquierdo del anuncio hasta la lnea de separacin del logotipo,
y su alto ser correspondiente a x.
El titular ir a la derecha del logotipo a una distancia de 4,5x, alineado por la
parte superior con ste cuando haya subttulo. De no ser as, se alinear con el texto
Laguna del logotipo.
El subttulo ir alineado con respecto al margen inferior del logotipo.
110

Papelera
5 | Papelera
Smbolo
Se presentar con un 15% de transparencia, mostrndose la mitad a partir del
margen inferior, una distancia correspondiente a 1,5x.
Texto del anuncio
El texto tendr un formato de prrafo de justificacin forzada a la izquierda con un
interlineado del 100%; fuente: Arial (normal); cuerpo:12 puntos.
Texto de informacin (Direccin y Telfono)
Las dos cajas de texto tendrn un formato de prrafo de alineacin a la izquierda
con un interlineado del 100% en Arial regular 9 puntos, separados entre s por una
lnea de 8 mm de ancho por 145 mm de alto que equidistar la medida de c con
respecto a las cajas de texto.
La palabra informacin que acompaa, vendr definida en Arial bold 9 puntos
Mancha con direccin web
La mancha azul Pantone 3015 (C100 M23 Y0 K18) 100% intensidad ocupar un alto
de x conteniendo el texto de la direccin web alineado a la derecha con respecto
al texto del anuncio.
Fuente: Humnst 777BT (regular); cuerpo: 12 puntos.
Universidad de La Laguna. stos debern colocarse siempre bajo el logotipo de la
Universidad, encabezados por el texto organizan definido en Arial bold 9 puntos.
El tamao de los logotipos de los colaboradores no podr ser inferior a 1 centmetro
stos debern colocarse bajo el texto del anuncio alineados por la izquierda con el
logotipo de la Universidad y por su parte superior por el texto de informacin. La
distancia entre los logotipos ser la misma que hay en el logotipo de la Universidad
c. Igualmente irn acompaados de una lnea de separacin y el texto colaboran
definido en Arial bold 9 puntos.
Cuando no haya colaboradores, el texto de informacin se colocar al lado de la
mancheta con la direccin web a una distancia de separacin x.
111

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (V).
Modelo anuncio A (sin mancheta)

Reduccin al 65%
Modelo anuncio A (sin mancheta)

Reduccin al 65%
112

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (VI).
Modelo anuncio B
5 mdulos de ancho por 4 de alto
Opcin de color: B/N
Logotipos de organizacin
3x
3x
x
x
c
x
x
2,5x
x
c c
c c
c c
1,5x
1,5x
Reduccin al 50%
Logotipo
El logotipo se situar sobre la mancheta alineado a la izquierda, con unos mrgenes
de separacin por la izquierda tres veces mayor en funcin de un tamao de
referencia x.
113

Papelera
5 | Papelera
Mancheta superior
La mancheta ocupar en ancho la totalidad de la medida del anuncio y su alto vendr
marcado por el margen inferior del logotipo de la Universidad de La Laguna, a partir
del cual se dejar una distancia correspondiente a x rematado con una lnea negra
de 6 puntos de grosor que coincidir por la izquierda con la mancha negra inferior.
El titular a la derecha del logotipo vendr definido a una distancia de 3x. Igualmente,
ir alineado por la parte superior con ste cuando haya subttulo, si no es as se
alinear con el texto Laguna del logotipo.
Smbolo
Se presentar con un 15% de transparencia, mostrndose la mitad a partir del margen
inferior, una distancia correspondiente a x por ambas partes (inferior y superior)
Texto del anuncio
El texto ir separado de la mancheta superior una distancia de x y tendr un formato
de prrafo de justificacin forzada a la izquierda con un interlineado del 100%.
Fuente: Arial, cuerpo:12 puntos.
Texto de informacin (Direccin y telfono)
con un interlineado del 100% en Arial regular 9 puntos, separados entre s a una
distancia c por una lnea de 1,5pt. La palabra informacin que acompaa vendr
definida en Arial bold 9 puntos.
Mancheta con direccin web
La mancheta ocupar un alto de 3x, usndose un 80% de opacidad en su parte
clara, y la masa de color negro 100%, con la direccin web en positivo y alineado
por la derecha con la caja de texto del anuncio. (Humnst 777BT (regular) cuerpo 12).
Universidad de La Laguna. stos debern colocarse siempre bajo el logotipo en
positivo dentro de una mancha negra.
Se colocarn en negativo alineados por la derecha con respecto al logotipo y a los
logotipos de la organizacin e irn acompaados de una lnea de separacin de 1,5
pt y el texto colaboran en Arial bold 9 puntos.
Mancha de fondo
Mancha lisa, escala de degradados siguiendo las pautas del presente manual, imagen
fotogrfica o cualquier otra.
114

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (VII).
Modelo anuncio B
5 mdulos de ancho por 4 de alto
Opcin de color: color
Reduccin al 50%
Reduccin al 30%
115

Papelera
5 | Papelera
Logotipo
El logotipo ir sobre la mancheta alineado a la izquierda, con mrgenes de separacin
por la izquierda tres veces mayor en funcin de un tamao de referencia x.
Mancheta superior
La mancheta ocupar en ancho la totalidad de la medida del anuncio, y su alto
vendr marcado por el margen inferior del logotipo, a partir del cual se dejar una
distancia correspondiente a x rematando con una lnea azul Pantone 3015 (C100
M20 Y0 K18) de 6 puntos de grosor que coincidir por la izquierda con la mancha
inferior azul Pantone 3015.
Smbolo
Se presentar con un 15% de transparencia, mostrndose la mitad a partir de la
mancheta del titular una distancia correspondiente a x por ambas partes.
Texto del anuncio
El texto ir separado de la macheta superior una distancia de x y tendr un formato
de prrafo de justificacin forzada a la izquierda con un interlineado del 100%,
fuente: Arial cuerpo:12 puntos.
En el caso que se use un eslogan, ste debe confeccionarse utilizando la tipografa
Pristina regular variando su tamao en funcin del texto del eslogan.
Las dos cajas de texto azul Pantone 3015 (C100 M23 Y0 K18) tendrn un formato
de prrafo de alineacin a la izquierda con un interlineado del 100% en Arial regular
9 puntos, separados entre s a una distancia c por una lnea de 1,5pt. La palabra
informacin que acompaa ir en Arial bold 9 puntos.
116

Papelera
5 | Papelera

La mancheta ocupar un alto de 3x, con un 80% de opacidad de masa en blanco,
y la azul Pantone 3015 (C100 M23 Y0 K18) 100% con la direccin web en positivo y
alineado por la derecha con la caja de texto del anuncio.
(Humnst 777BT (regular) cuerpo 12)
positivo dentro de una mancha azul Pantone 3015 (C100 M23 Y0 K18) 100% de
opacidad.
Los logotipos de los colaboradores en negativo, con un tamao que no podr ser
inferior a 1 centmetro y nunca podrn tener un tamao superior al 80% con respecto
al logotipo de la Universidad de La Laguna. Acompaado del texto colaboran (Arial
bold 9 puntos) y una lnea de separacin de 1,5pt en azul Pantone 3015 (C100 M23
Y0 K18), estarn alineados por la derecha con el logotipo de la Universidad de La
Laguna.
Mancha de fondo
Mancha lisa, escala de degradados como indica el presente manual de la imagen
corporativa de la Universidad, o imagen fotogrfica. En caso de que haya una imagen
de fondo se dispondr en la parte izquierda del anuncio como se indica en el ejemplo
adjunto, difuminado la parte derecha de la imagen para que no dificulte la lectura
del texto del anuncio.
117

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (VIII).

Modelo anuncio C
5 mdulos de ancho por 8 de alto (pgina completa)
Opcin de color: b/n
3x
x
x
3x
x
2,5x
x
3x
cc
cc
1,5x
1,5x
Reduccin al 35%
118

Papelera
5 | Papelera
Logotipo
El logotipo se situar sobre la mancheta alineado a la izquierda, con unos mrgenes
de separacin por la izquierda tres veces mayor en funcin de un tamao de
referencia x.
Mancheta superior
La mancheta ocupar en ancho la totalidad de la medida del anuncio y su alto vendr
marcado por el margen inferior del logotipo de la Universidad de La Laguna, a partir
del cual se dejar una distancia correspondiente a x rematado con una lnea negra
de 6 puntos de grosor que coincidir por la izquierda con la mancha negra inferior.
El titular a la derecha del logotipo vendr definido a una distancia de 3x.
Igualmente, ir alineado por la parte superior con ste cuando haya subttulo, si no
es as se alinear con el texto Laguna del logotipo.
Smbolo
Se presentar con un 15% de transparencia, mostrndose la mitad a partir del
margen inferior, una distancia correspondiente a x por ambas partes (inferior y
superior)
Texto del anuncio
El texto ir alineado con el smbolo y tendr un formato de prrafo de justificacin
forzada a la izquierda con un interlineado del 100%.
Fuente: Arial, cuerpo:12 puntos.
Texto de informacin (direccin y telfono)
con un interlineado del 100% en Arial regular 9 puntos, separados entre s a una
distancia c por una lnea de 1,5 pt. La palabra informacin que acompaa
vendr definida en Arial bold 9 puntos.
La mancheta ocupar un alto de 3x, usndose un 80% de opacidad en su parte
clara, y la masa de color negro 100%, con la direccin web en positivo y alineado
por la derecha con la caja de texto del anuncio. (Humnst 777BT (regular) cuerpo 12).
119

Papelera
5 | Papelera
positivo dentro de una mancha negra.
Se colocarn en negativo alineados por la derecha con respecto al logotipo y a los
logotipos de la organizacin e irn acompaados de una lnea de separacin de 1,5
pt y el texto colaboran en Arial bold 9 puntos.
Mancha de fondo
Mancha lisa, escala de degradados siguiendo las pautas del presente manual, imagen
fotogrfica o cualquier otra.
120

Papelera
5 | Papelera
5.2 | Papelera. Anuncios en Prensa (IX).

Modelo anuncio C
5 mdulos de ancho por 8 de alto (pgina completa)
Opcin de color: cuatrcroma
Reduccin al 28%
Reduccin al 20%
121

Papelera
5 | Papelera
Logotipo
El logotipo ir sobre la mancheta alineado a la izquierda, con mrgenes de separacin
por la izquierda tres veces mayor en funcin de un tamao de referencia x.
Mancheta superior
La mancheta ocupar en ancho la totalidad de la medida del anuncio, y su alto
vendr marcado por el margen inferior del logotipo, a partir del cual se dejar una
distancia correspondiente a x rematando con una lnea azul Pantone 3015 (C100
M20 Y0 K18) de 6 puntos de grosor que coincidir por la izquierda con la mancha
inferior azul Pantone 3015.
Smbolo
Se presentar con un 15% de transparencia, mostrndose la mitad a partir de la
mancheta del titular una distancia correspondiente a x por ambas partes.
Texto del anuncio
El texto ir separado de la macheta superior una distancia de x y tendr un formato
de prrafo de justificacin forzada a la izquierda con un interlineado del 100%,
fuente: Arial cuerpo:12 puntos.
En el caso que se use un eslogan, ste debe confeccionarse utilizando la tipografa
Pristina regular variando su tamao en funcin del texto del eslogan.
Las dos cajas de texto azul Pantone 3015 (C100 M23 Y0 K18) tendrn un formato
de prrafo de alineacin a la izquierda con un interlineado del 100% en Arial regular
9 puntos, separados entre s a una distancia c por una lnea de 1,5 pt. La palabra
informacin que acompaa ir en Arial bold 9 puntos.
La mancheta ocupar un alto de 3x, con un 80% de opacidad de masa en blanco,
y la azul Pantone 3015 (C100 M23 Y0 K18) 100% con la direccin web en positivo y
alineado por la derecha con la caja de texto del anuncio.
(Humnst 777BT (regular) cuerpo 12)
122

Papelera
5 | Papelera
positivo dentro de una mancha azul Pantone 3015 (C100 M23 Y0 K18) 100% de
opacidad.
Los logotipos de los colaboradores en negativo, con un tamao que no podr ser
inferior a 1 centmetro y nunca podrn tener un tamao superior al 80% con respecto
al logotipo de la Universidad de La Laguna. Acompaado del texto colaboran (Arial
bold 9 puntos) y una lnea de separacin de 1,5 pt en azul Pantone 3015 (C100 M23
Y0 K18), estarn alineados por la derecha con el logotipo de la Universidad de La
Laguna.
Mancha de fondo
Mancha lisa, escala de degradados como indica el presente manual de la imagen
corporativa de la Universidad, o imagen fotogrfica. En caso de que haya una imagen
de fondo se dispondr en la parte izquierda del anuncio como se indica en el ejemplo
adjunto, difuminado la parte derecha de la imagen para que no dificulte la lectura
del texto del anuncio.
123

Papelera
5 | PAPELERA
5.3 Papelera. Otros Soportes
A continuacin, se muestran diferentes ejemplos acerca de otros formatos a utilizar
en papelera por la comunidad universitaria. stos , pueden utilizarse directamente
o bien como una referencia visual a la hora de realizar diseos especficos.
Carpeta A4 (235 x 315 mm) con solapa
Aplicacin de logotipo de la Universidad sobre colores principales.
30mm
Logotipo alineado verticalmente a la mitad, respecto del margen superior, y

horizontalmente 30mm del borde derecho.
Texto de informacin alineado tanto vertical como horizontalmente a la mitad
respecto del margen superior de la parte posterior de la carpeta.
124

Papelera
5 | PAPELERA


125

Papelera
5 | PAPELERA


126

Papelera
5 | PAPELERA


127

Papelera
5 | PAPELERA
Aplicacin de logotipo de la Universidad sobre degradados de colores principales.
Logotipo alineado verticalmente a la mitad respecto del margen superior, y

Texto de informacin alineado vertical y horizontalmente a la mitad de la parte
posterior de la carpeta.
Tanto el logotipo y como el texto de informacin estarn contenidos en su rea de
proteccin , siempre de color blanco al 80% de opacidad.
128

Papelera
5 | PAPELERA

129

Papelera
5 | PAPELERA

130

Papelera
5 | PAPELERA
Aplicacin de smbolo y logotipo de la Universidad sobre colores principales.

131

Papelera
5 | PAPELERA

132

Papelera
5 | PAPELERA

133

Papelera
5 | PAPELERA

134

Papelera
5 | PAPELERA
El trptico. Ejemplo
La imagen que se muestra a continuacin es un ejemplo de un artefinal realizado
respetando la normativa vigente presente en este manual.
El trptico es un soporte bastante habitual dentro del mbito de la comunidad
universitaria. Su bajo coste permite promover y difundir informacin acerca de las
diferentes actividades que se realizan en el propio contexto universitario, como
congresos, cursos, msteres, etc.
Por este motivo, se ha tomado el trptico como modelo de referencia visual en el
ejemplo que mostramos a continuacin. Se trata, pues, de un ejemplo que cumple
en todos sus aspectos con la normativa de la identidad visual de la Universidad de
La Laguna.
Caractersticas:
- Logotipo principal protegido por mancheta. Elemento organizador principal, sin
logotipo, subordinado a ste, y en la trasera del trptico. Ttulo del evento bajo la
imagen principal. Organismos colaboradores, a pie de pgina en menor tamao que
el logotipo principal.
- Uso de colores corporativos principales degradados en el fondo. Uso de simbolo
como elemento decorativo para el fondo.
- Utilizacin de familia tipogrfica principal, y variantes de la misma.
135

Papelera
5 | Papelera
5.4 | Papelera. Formatos.

En las siguientes tablas se describe el desglose de los diferentes elementos de la
papelera propia de la Universidad de La Laguna, tanto para uso genrico, como
para uso restringido al Rector. Se detallan el tipo de impreso, el formato y nmero
de tintas.
Carpeta
235 x 315 mm
136

Sealtica
6 | Sealtica
La sealtica es el sistema de comunicacin visual sintetizado en el conjunto de

seales o smbolos que cumplen la funcin de guiar, orientar u organizar a una
persona o conjunto de personas en aquellos puntos del espacio que planteen dilemas
de comportamiento.
La sealtica de la Universidad de La Laguna debe ser diseada, siguiendo la
lnea visual del presente manual. No obstante, se ofrece una pequea resea
de los fundamentos bsicos de configuracin para este tipo de se elementos de
comunicacin con el usuario.
6.1 | Sealtica. Elementos.
Para la realizacin de los diferentes elementos que componen la sealtica de los
edificios de la Universidad de La Laguna, nos ceiremos nicamente al contenido
visual estricto de la comunicacin, dejando como nicos elementos de adorno los
dos siguientes:
El smbolo, que representa el

Edificio Central de la Universidad
de La Laguna. Simboliza la
larga historia y tradicin de esta
Institucin.
El conjunto de cuadrados,
simbolizan la empata de la
actual Universidad con las nuevas
tendencias del siglo XXI en cuanto
a tcnica y progreso.
(Cuadrado como pixel)
En ambos casos, nos hallamos ante dos elementos meramente decorativos, que
podrn ser utilizados o no segn la propia conveniencia del elemento seal.
137

Sealtica: Configuracin de elementos
6 | Sealtica
6.2 | Sealtica. Configuracin de elementos.

La configuracin de los elementos en la sealtica es una de las herramientas estndar
para una mejor homogeneizacin visual de la marca.
Con el fin de mejorar esta homogeneizacin, hemos desarrollado una pequea gua
para una mejor configuracin de los elementos visuales. Es sta:
6.2.1 | Sealtica. Configuracin de elementos.

El monolito (I).
Utilizado normalmente para sealar la ubicacin de un campus.
Logotipo
principal secundario
Decoracin pixel
Nombre del lugar.

(Humanst 777 BT falsa negrita)
Pantone 254
Smbolo
(Pantone 254, al 75%
de opacidad sobre
masa blanca)
Filete azul Pantone 3015
en la base.
138

Sealtica: el monolito
6 | Sealtica

El monolito (II).
Previsualizacin.
139

Sealtica: placa de identificacin de edificios
6 | Sealtica

Placa de identificacin de edificios (I).
Ejemplo para institutos y otros centros con logotipo subemisor:
Smbolo pixel
Logotipo subemisor
Pantone 254
Logo principal
versin secundaria
Humanst 777 BT
Ejemplo para institutos y otros centros sin logotipo subemisor:
Smbolo
140

Sealtica: placa de identificacin de edificios
6 | Sealtica
6.2.2 | Sealtica. Configuracin de elementos

Placa de identificacin de edificios (II).
Ejemplo para facultades:
141

Sealtica: Directorios de ubicacin
6 | Sealtica

Directorios de ubicacin (I).
Este directorio deber estar ubicado preferentemente en la planta baja/acceso a cada
edificio.
142

Sealtica: Directorios de ubicacin
6 | Sealtica

Directorios de ubicacin (II).
Directorio de planta.
Se eliminan elementos decorativos para una mejor reposicin de los mismos.
143

Sealtica: placa de puerta
6 | Sealtica

Placa de puerta.
144

Sealtica: pictogramas
6 | Sealtica

Pictogramas / Placas de servicios.
Ejemplos de placas de servicios.

Se ha eliminado el smbolo para una mejor reposicin y / o reubicacin de los mismos.
145

Artculos promocionales
7 | Artculos promocionales
Las siguientes imgenes son una pequea gua a la hora de confeccionar el diseo de
diversos artculos promocionales, teniendo en cuenta las consideraciones descritas
en el presente manual.
Agenda en piel o simil piel con logotipo en bajorrelieve.

Bolgrafo con logotipo
146

Alfombrillas para ratn.

(Fondo con trama)
147

Alfombrilla para ratn

(Fondo liso)
148

Bolsas de papel 100% reciclado

En este caso, y al tratarse de un material
reciclado, podr usarse el negro
como color de fondo
(Varios colores)
149

Cajas
(Varios colores)
150

Calendarios de pared
(Logo en positivo)
151

Calendarios de pared
(Fondo negativo)
152

Camisetas con logotipo.

Color blanco
153

Estuche porta-cds
(Con logotipo en negativo)
154

Goma de borrar
155

Gorras
(Diversos modelos)
156

Etiquetas rgidas con imn.

Varios colores
157

Lpiz y bolgrafo.
(Logo en positivo)
158

Libreta de apuntes
159

Llaveros transparentes
Diversos Logotipos
160

Pendrive
(Logotipo en bajorrelieve)
161

Sudaderas
Blanco y negro
162

Tazas.
Diversos colores
163

Otros soportes
8 | OTROS SOPORTES
Ejemplo de rotulado
de vehculos
164

Anexo Web
ANEXO WEB
165

Anexo web: Introduccin
0 | Introduccin
La rpida implantacin de los medios digitales en el mundo de la imagen, ha

provocado severos cambios en la concepcin y estructuracin de una marca.
la Universidad de La Laguna, empero, no es una excepcin, y ha de renovar su
identidad corporativa cada vez con mayor celeridad en el tiempo. Esto es debido, en
gran medida, a la implantacin de la denominada web 2.0 hace pocos aos, como
estndar de comunicacin visual de redes virtuales.
El diseo del sitio web de la Universidad de La Laguna est primeramente condicionado
por el carcter institucional de la marca, y por su funcin como medio de informacin
y comunicacin con los usuarios. Debido a esta razn, se ha procedido a la realizacin
del sitio web siguiendo unos estndares en cuanto a accesibilidad y a claridad de
contenidos se refiere. La limpieza grfica y una estructuracin clara de contenidos
son elementos bsicos para cumplir con su cometido.
Al igual que ocurre con nuestro sitio web, stos han de ser patrones bsicos que
conformarn su uso en publicaciones web futuras, as como la implementacin de la
marca en diversos portales web.
El anexo web, que es el apartado que se muestra a continuacin, est conformado
por una serie de normas de identificacin visual de obligado cumplimiento que
garanticen la coherencia de los sitios web con el resto de elementos que conforman
la imagen institucional de la Universidad de La Laguna.
166

Anexo web: Usabilidad
1 | Usabilidad
La usabilidad viene definida por el ideal tcnico de resolver el problema del diseo de
carcter web, y su objetivo principal consiste en facilitar a los usuarios el trabajo de
llevar a cabo tareas tiles (bsqueda de contenidos, obtencin de la informacin...)
Un sitio web que utilice, ya sea en su totalidad o en parte, la imagen de la Universidad
de La Laguna, ha de seguir estos estndares de usabilidad, con el fin de facilitar la
informacin al usuario de manera rpida e intuitiva. Estos estndares se pueden
resumir en los siguientes:
- Navegacin intuitiva: El usuario debe reconocer cada uno de los elementos de la

web, para una mayor rapidez en la navegacin. Asimismo, evitaremos los callejones
sin salida que son pginas en las que el usuario se ve obligado a pulsar el botn
atrs del navegador. Para solventar esto, el logotipo principal de la pgina ser
siempre un enlace permanente a la pgina de inicio.
- Interfaz clara: Se debe evitar la sobrecarga de elementos en la pgina, con el fin
de no confundir al usuario.
- Regla de los tres clics: Se debe intentar, en la medida de lo posible, que el
usuario acceda a la informacin deseada en el menor nmero de enlaces posibles,
siendo tres, el nmero mximo de clics que el usuario debe realizar para
encontrar lo que busca.
- Buscadores: Se recomienda el uso de buscadores para incrementar resultados de
bsqueda en la navegacin.
- Contenido: Se evitarn los contenidos excesivamente largos, de tal forma que las
pginas no excedan de una pgina y media. Se ha demostrado que el usuario no
invierte demasiado tiempo en buscar informacin si la pgina es excesivamente
extensa. Por extensa se entiende en trminos web a aquella pgina en la que para
visualizarla totalmente, se ha de girar ms de dos veces la rueda del ratn. Las
pginas del tamao de una pantalla y media son cmodas de leer y no saturan al
lector con demasiada informacin.
- Comprobacin de los enlaces: Los enlaces se deben revisar peridicamente para
que estn siempre activos y sin errores. Esto no solo es importante por el hecho
de acceder a la informacin que el usuario precise en ese momento, sino que,
adems, sirve para una mejor implementacin en los principales motores de
bsqueda.
- Ortografa y gramtica. En la pgina 196 y siguientes encontrar una gua de
estilo en la que podr consultar las dudas que tenga a la hora de redactar los
contenidos.
167

Anexo web: Estructura
2 | Estructura
2.1 | Estructura. Pgina de inicio.

La pgina de inicio debe ser lo primero que que ve un usuario al entrar a un sitio.
Por esta razn no se debe incluir una pgina de bienvenida o una animacin
introductoria. Est demostrado que esta prctica ralentiza el acceso a la pgina web,
ya que introduce un paso superfluo para llegar a la informacin. La pgina de inicio
debe siempre almacenar el contenido inicial del sitio web, incluyendo los puntos ms
relevantes de la informacin, as como sus ltimas actualizaciones, salvo en algunos
casos excepcionales donde la promocin de un determinado evento sea la primera
intencin de la web, no su informacin.
Se deber hacer un especial hincapi en que las pginas creadas bajo el nombre
la institucin tengan una relacin armnica con la pgina principal. Haciendo
uso del color blanco para el fondo, pudindose incluir algn caso de degradado,
pero siempre partiendo de los colores institucionales hacia el blanco. (Consulte el
apartado de colores corporativos: pgina 170, al igual que el apartado de casos de
degradado, pgina 172).
168

Anexo web: Estructura
2 | Estructura
2.1.1 | Estructura. Pgina de inicio. El logotipo.

Toda pgina web perteneciente a un miembro de la comunidad universitaria o una
entidad perteneciente a ella debe mostrar el logotipo oficial de la ULL de manera
visible en la cabecera, preferiblemente en el margen izquierdo de la misma, ofreciendo
al pincharlo un vnculo con la pgina principal de la Universidad de La Laguna.
En caso de que el grupo o evento posea un logotipo propio, ste podr incluirse en el
encabezado, preferiblemente en el margen derecho de la pgina, pero nunca deber
ir solo o tener un tamao mayor que el logotipo principal de la ULL, en una escala
aproximada 80/100 con respecto a ste (fig 1.).
En caso de que el grupo o evento sea un emisor de la Universidad de La Laguna,
deber utilizarse el logotipo principal acompaado del nombre del subemisor, tal y
como se usa en el actual manual de identidad corporativa de la Universidad de La
Laguna (fig 1.).
fig 1.
En el caso de que sean varios los subemisores presentes en el grupo organizador, estos
debern situarse a modo de imgenes en el footer o pie de pagina, segn orden y/o
relevancia, con un tamao sometido a juicio y escala de la retcula, aunque stos
nunca sern mayores que el logotipo principal, presentando un tamao maximo de
80/100 con respecto al logotipo principal.
En el caso de que usemos un gestor de contenidos (Wordpress, Joomla, etc.), y
ste no nos permita ubicar el logotipo del subemisor de ninguna de las dos formas
anteriores, tendremos que dejar el nombre de stos tal y como se especifica en los
dos puntos anteriores, pero sin imagen ni logotipo, con un tamao de fuente inferior
al logotipo principal.
169

Anexo web: colores corporativos
Los colores corporativos que se han utilizado en la identidad visual corporativa

de la Universidad de La Laguna responden a un carcter formal a la marca,
lo que ha permitido que el pblico los identifique como tales. Sin embargo,
hay algunos aspectos que debemos modificar para adecuar los colores
corporativos de la marca al entorno web, as como su uso, y la creacin de
una gama de colores secundarios que refuercen este concepto de marca.
Ante esto, nos encontramos con el problema ya mencionado de la
incompatibilidad de color presente en el violeta ( PANTONE 254 C) en modos
RGB. La traduccin de este color hacia colores luz nos ofrece una versin
bastante ms clara y ms distorsionada del color original. Por lo tanto se ha
diseado, para entornos web, una variacin de color que queda patente en la
actual pgina de la Universidad de La Laguna, as como en su identidad visual
corporativa. El objetivo, en este caso, ha sido crear una correspondencia de
color real al modelo PANTONE, utilizando la paleta RGB para tal efecto.
3.1 | Colores corporativos. Colores primarios.

Puesto que los colores web, se refieren exclusivamente al modelo RGB y a
hexachrome, obviamos el PANTONE y la gama CMYK en este caso.
RGB
R: 122 G: 59 B: 122
R: 0 G: 88 B: 147
R: 56 G: 61 B: 66
HEXACHROME
#7A3B7A
#006699
#666666
170

3.2 | Colores corporativos. Colores secundarios.

Los colores secundarios han sido seleccionados partiendo de la base de los colores
primarios, para un refuerzo de los mismos. stos debern ser utilizados nicamente
como refuerzo: jams debern sustituir a los colores primarios.
Su uso queda limitado en trminos de web a efectos de color de enlaces, estados de
rollover, degradados, y para hacer una separacin entre stos y los colores principales.
Al igual que ocurre con los colores primarios, nos referimos a stos nicamente en
estandares RGB y Hexachrome.
Violeta
RGB
R: 188 G: 135 B: 188
R: 237 G: 221 B: 237
HEXACHROME
#BC87BC
#EDDDED
RGB
R: 132 G: 153 B: 172
R: 235 G: 243 B: 250
R: 2 G: 138 B: 206
HEXACHROME
#8499AC
#EBF3FA
#028ACE
Azul
En este caso, la utilizacin del tercer color azul ser nicamente relativa a los enlaces
y a los degradados, como estado de rollover, limitando el uso de los anteriores
exclusivamente al fondo.
Gris
RGB
R: 71 G: 84 B: 91
R: 127 G: 139 B: 146
HEXACHROME
#47545B
#7F8B92
171


Los degradados son una de las primeras herramientas de embellecimiento del entorno
web. Sin embargo, es imprescindible para una mejor respuesta a nivel visual de marca
una limitacin en cuanto a su uso. Los casos de degradado son los siguientes.
Colores principales
- Violeta: El violeta principal puede degradarse con sus homnimos secundarios, con
el blanco y con el azul principal. Nunca podr degradarse con secundarios que no
sean variaciones tonales del mismo, ni con el gris primario. Es decir, el violeta principal
puede degradarse junto con los violetas secundarios, con el azul primario y con el
blanco. En este caso, puede haber una degradacin de hasta cuatro colores (violeta
principal ms los dos secundarios y el blanco) o bien de tres colores, si utilizamos el
azul primario (violeta, azul, y blanco).
Ejemplos de degradados del violeta primario (#7A3B7A):
- Azul: El azul principal puede degradarse nicamente con el tercer color secundario
de la gama de azules (#028ACE), con el violeta primario y con el blanco. Nunca
podr degradarse con secundarios que no sean variaciones tonales del mismo, ni
con otros primarios. En este caso, puede haber una degradacin de hasta tres colores
(azul, ms el tercer color de los secundarios (#028ACE) y el blanco).
Ejemplos de degradados del azul primario (#006699):
172


- Gris: El gris principal puede degradarse con sus homnimos secundarios, y con el
blanco. Nunca podr degradarse con secundarios que no sean variaciones tonales del
mismo, ni con otros primarios. Es decir, el gris principal puede degradarse junto con
los grises secundarios y con el blanco. En este caso, puede haber una degradacin de
hasta cuatro colores (gris principal ms los dos secundarios y el blanco)
Ejemplos de degradados del gris primario (#666666):

Colores secundarios
- Violetas: Podrn degradarse junto con su homnimo color principal, entre s y con
el blanco, nunca con otros principales y secundarios.
Ejemplos de degradados de los violetas secundarios:
- Azules: Los dos primeros azules secundarios (#EBF3FA y #8499AC) podrn

degradarse entre s y con el blanco, nicamente. Se utilizarn preferentemente para
fondos. Nunca podrn degradarse con ningn color principal, as como con los
secundarios y el tercer color azul secundario.
Ejemplos de degradados de los azules secundarios:
173


- Grises: Podrn degradarse junto con su homnimo color principal, entre s y con el
blanco, nunca con otros principales y secundarios.
Ejemplos de degradados del grises secundarios:
3.4 | Colores corporativos. Colores neutros.

El uso de los colores neutros queda limitado nicamente al blanco, puesto que en el
perfil corporativo el blanco es un color preponderante.
El uso del negro queda limitado exclusivamente a los textos de prrafo y
encabezados. El color negro no podr ser usado como degradado, en ningn
caso.
174

primarios al negro
secundarios al negro
Degradado de colores
primarios que no sean el
violeta con el azul (violeta
y/o azul con gris)
Degradados de colores primarios con secundarios no homnimos.

Degradados de colores secundarios no homnimos.

175

primarios con colores no
corporativos
secundarios con colores no
corporativos
Degradado de colores no
corporativos con blanco
Degradados de colores no corporativos
176

Anexo web: tipografas
4 | Tipografas
El uso correcto de tipografas es uno de los elementos ms importantes a la hora de

configurar un sitio web. El extenso catlogo provoca miles de variaciones diferentes
en estilo y formas, con lo que, si bien podemos dotar a cada sitio web de un estilo
nico e inconfundible, tambin podemos confundir al usuario, por lo que deberemos
aplicar ciertas reglas de estilo para estas tipografas, as como un conjunto de normas
presentes en los sitios web vinculados con la Universidad de La Laguna.
4.1 | Tipografas. El texto. Consideraciones generales.
Las principales directrices que debemos considerar a la hora de introducir texto en
nuestra web sern:
- Brevedad en los contenidos. No se debe abusar de la paciencia del usuario
empleando textos excesivamente largos.
- Empleo de prrafos cortos. El empleo de estos prrafos facilita la lectura y hace
que el usuario no tenga que estar buscando la informacin que desea entre miles
de caracteres. Intente condensar la informacin relevante en prrafos escuetos y
concisos. Normalmente, estos prrafos no debern superar las 5 lneas.
- Uso de enlaces. Cuando hablemos de algn tema que hace referencia a otro
presente en este mismo sitio web o en otro se deber incluir el correspondiente
enlace dentro del mismo texto para facilitar la navegacin al usuario.
- Tamao de las fuentes. Se deber ajustar el texto para que ofrezca un margen de
legibilidad lo ms alto posible. No se deber usar un tamao de fuente inferior a
10px. en texto de prrafo.
- Alineacin. Se procurar, en la medida de lo posible, que el texto est inmerso en
una retcula para una mejor comprensin visual del contenido. Se deber igualmente
justificar el texto, preferentemente en el margen izquierdo.
177

4 | Tipografas
4.2 | Tipografas. Fuentes.

El avance de la web 2.0 ha provocado que el uso de tipografas se extienda ms all
de las tipografas que conocemos como seguras gracias a la propiedad font-face,
y libreras Javascript, del tipo cufon fonts o typekit. Dado que no todos los equipos
informticos estn actualizados en calidad de navegadores, seguiremos optando por
este tipo de fuentes para la realizacin de la web.
Las normas bsicas de usabilidad recomiendan utilizar tipografas de palo seco (sin
rasgo) para ser utilizados en sopotes digitales (monitores), ya que son ms legibles
y cansan menos la vista. Debido a esto, se ha optado por la utilizacin de la familia
Arial, en la mayora de los casos, puesto que forma parte del catlogo de fuentes
seguras, y est presente en la inmensa mayora de equipos informticos. Para el
uso de otras fuentes, consulte los usos restringidos de flash en la seccin sobre
contenidos de uso multimedia.
4.2.1 | Tipografas. Fuentes. Texto en imagen.
En la mayora de los casos, la cabecera de entrada viene precedida por una imagen.
Si tenemos la posibilidad de escribir el ttulo de nuestra web en dicha imagen
deberemos usar la familia tipogrfica bsica Humnst777 BT, tal y como ya se indica
en la imagen corporativa actual de la Universidad de La Laguna. Esta tipografa debe
reservarse exclusivamente para ttulos y texto de encabezado en imagen, ya que el
actual conjunto de normas de estilo para web no permite un uso seguro de esta
funte para texto de prrafo, ni encabezados.
Humnst777 BT
1234567890!#$%/&*(-)
falsa negrita
Humnst777 BT
1234567890!#$%/&*(-)
falsa cursiva
Humnst777 BT
1234567890!#$%/&*(-)
falsa
negrita-cursiva
Humnst777 BT
1234567890!#$%/&*(-)
178

4 | Tipografas
4.2.2 | Tipografas. Fuentes. Texto en Flash.

El uso de pelcula flash, en la actual web 2.0, permite que podamos usar fuentes no
seguras, ya que stas no se considerarn fuentes a efectos de publicacin web, sino
parte de una pelcula. Esto produce a veces un uso indiscriminado de varios tipos de
fuentes en un mismo documento, lo que provoca cierto caos visual y la prdida de
una imagen slida en cuanto a identidad visual se refiere.
Para evitarlo, la tipografa que debe utilizarse en el mbito de publicacin en flash ser
la misma que la tipografa principal, es decir, la familia tipogrfica bsica Humnst777
BT, para ttulos y encabezados, reservando la familia tipogrfica Arial para texto de
prrafo.
Ejemplo de banner en
flash
4.2.3 | Tipografas. Fuentes. Texto Html.

Para un uso correcto de la fuente en estndares web, se debe utilizar la familia
tipogrfica bsica ARIAL para encabezados, textos de prrafo y todo lo concerniente
a texto en Html.
Como fuente opcional, podr utilizarse la familia tipogrfica bsica Verdana, siempre
y cuando no pueda utilizarse la familia Arial.
A continuacin se definirn una serie de normas de estilos CSS para la correcta
utilizacin del texto en formato HTML.
179

4 | Tipografas
4.3 | Tipografas. Estilos CSS.

La popularizacin del uso de las hojas de estilo en cascada, o estilos CSS, con la
aparacin de la web 2.0, ha supuesto que se puedan definir los estilos de un sitio
web sin modificar el contenido de cada uno de los archivos Html que lo conforman.
Esto dota al entorno web actual de unas posibilidades de ajuste extraordinarias a
la hora de configurar visualmente un sitio, para que todos los elementos que lo
conforman tengan un alto grado de homogeneidad entre s.
El entorno web actual de la Universidad de La Laguna est configurado por estos
elementos y hojas de estilo.
4.3.1 | Tipografas. Estilos CSS. Encabezados.
Los encabezados, definidos en lenguaje CSS como h1, h2, h3 y siguientes, son
elementos utilizados para resaltar e incorporar un ttulo a cada seccin que conforma
nuestra web. Como ya comentamos en el anterior apartado, la tipografa de estos
encabezados ser la familia tipogrfica ARIAL, presente en la mayora de equipos
informticos. A continuacin pasaremos a definir todas las propiedades de cada uno
de los encabezados que deben usarse en los sitios web concernientes a la Universidad
de La Laguna.
4.3.2 | Tipografas. Estilos CSS. Encabezado 1 (H1).
El encabezado 1 o h1, debe tener las siguientes propiedades:
- Tamao de fuente: 18px.

- Familia de fuente: Arial, Verdana, sans-serif.
- Color: #006699.
- Grosor de la fuente: Bold.
El resultado ha de ser similar a este:
Encabezado 1
180

4 | Tipografas
Opcionalmente, puede incluirse un rectngulo con el color corporativo violeta como

imagen de fondo, siempre antes del texto, dejando un margen de sangrado de 15px.
Este rectngulo habr de tener unas medidas de 7px de largo por 15px de alto, y ser
de color slido #7A3B7A.
Las propiedades que han de aadirse en la hoja de estilos en este caso sern las
siguientes:
background: transparent url(../h1imagen.gif) no-repeat left ;

text-indent: 15px;
Obteniendo este resultado:
Encabezado 1
El encabezado 2, o h2 queda definido por las siguientes propiedades.

- Color: #006699.
Dando como resultado:
Encabezado 2
El encabezado 3, o h3 queda definido por las siguientes propiedades.

- Color: #006699.
Dando como resultado:
Encabezado 3
181

4 | Tipografas
4.3.5 | Tipografas. Estilos CSS. Resto de encabezados.

El resto de encabezados que pudiera tener el sitio web (h4, h5, h6...) debern tener
unos valores definidos por el desarrollador/diseador, y habrn de ajustarse a las
siguientes condiciones:
- No podrn tener un tamao mayor a 14px.
- La familia tipogrfica a utilizar deber ser ARIAL.
- No podrn utilizarse colores que no sean los corporativos y el negro.
Ejemplos de uso vlidos:
Encabezado 4
Encabezado 5
Encabezado 6
4.3.6 | Tipografas. Estilos CSS. Encabezados no permitidos.
Basndonos en las anteriores premisas, podemos establecer y definir claramente
los encabezados de nuestro sitio web. No obstante, mostramos un ejemplo de
encabezados no permitidos:
Encabezado
Tamao superior a 18px
Encabezado
Uso de fuentes no corporativas
Encabezado
Uso de colores no corporativos
Encabezado
Uso de fuente de la familia

bsica Verdana, si est
disponible la familia tipogrfica
ARIAL
182

4 | Tipografas
4.3.7 | Tipografas. Estilos CSS. Texto de prrafo.

El texto de prrafo es el ms utilizado en lenguaje Html para crear contenido, por lo tanto
deberemos ser muy exactos en cuanto a su legibilidad y uso. Asimismo, es el texto que
sufre ms cambios cuando realizamos actualizaciones de nuestro sitio web.
Las hojas de estilo en cascada nos permiten configurar unos valores estandar para la
creacin de estos textos. En el caso de los sitios web vinculados a la Universidad de La
Laguna, estos valores bsicos son los siguientes:

- Color de la fuente: #333333.
Ejemplo:
Esto es un texto de prrafo normal.
4.3.8 | Tipografas. Estilos CSS. Hipervnculos.
Los hipervnculos o links son textos que al ser pulsados enlazan con diferentes partes de
nuestro sitio web. Actualmente, y gracias a las CSS, podemos configurar los enlaces del
sitio para que estos enlaces tengan una forma, color y tamao determinados as como
crear un estado de rollover. (El estado de rollover provoca que este vnculo se modifique
en color o apariencia cuando se sita el ratn por encima del mismo).
Para los sitios web vinculados a la Universidad de La Laguna, las propiedades de los
hipervnculos sern las siguientes:

- grosor de la fuente: normal
- Color de la fuente: #006699.
- Decoracin del texto: ninguna.
Ejemplo:
ejemplo de hipervnculo.
183

4 | Tipografas
En estado de rollover (en lenguaje CSS a:hover) el hipervnculo variar nicamente en

color, modificando esta propiedad:
- Color de la fuente: #028ACE.
- Decoracin del texto: ninguna.
Ejemplo:
ejemplo de hipervnculo en estado rollover
Obsrvese que, normalmente y por defecto, los hipervnculos vienen subrayados,

o se subrayan al pasar por encima de ellos con el ratn (rollover). Para evitar esto,
utilizaremos la propiedad text-decoration introduciendo el valor none.
4.4 | Tipografas. Casos excepcionales.
Muchas veces en el mbito web utilizamos tipografas a modo de eslogan para
promocionar determinados eventos. Esta promocin suele hacerse por medio de
banners ya sea de manera esttica (banners de imagen en formato gif o JPG) o
dinmica (utilizando tecnologa flash). Considerando su posible uso, la utilizacin de
estas tipografas queda restringida a las siguientes:
4.4.1 | Tipografas. Casos excepcionales. Texto de eslogan.
La tipografa que ha de usarse a la hora de crear esloganes, ha de pertenecer a la
familia tipogrfica Pristina. En un tamao nunca inferior a 14px. Partiendo de esta
fuente, podremos hacer distintas configuraciones como modificar su inclinacin, sus
colores, y todas aquellas variaciones que a juicio del diseador sean correctas.
Pristina regular
Pristina
1234567890!#$%/&*(-)
Ejemplo:
184

Anexo web: imgenes
5 | Imgenes
5.1 | Imgenes. Sobre el uso de imgenes.

El uso de imgenes como recurso en la web est a da de hoy totalmente desarrollado.
Las imgenes no solo forman parte del contenido estructural de la web, sino que
pueden convertirse en elementos informativos de referencia. Por lo tanto, la seleccin
e implementacin de estas imgenes no debe tomarse a la ligera.
Por otra parte, y siendo plenamente conscientes de las responsabilidades legales
vigentes en cuanto a derechos de autor, el Gabinete de Prensa podr vetar la
publicacin de cualquier pgina de la institucin que muestre material que
incumpla la legislacin vigente en materia de derechos de autor, hasta que se
posea documentacin acreditada que demuestre que este material se ha adquirido
legalmente. Este material incluye archivos de vdeo o audio, imgenes y texto,
descargados directamente de Internet u otras fuentes.
Debido a esto, las pginas de la comunidad universitaria solamente podrn utilizar
archivos cuyos derechos de autor partenezcan a los propios artfices de la web,
que se hayan adquirido legalmente, o se trate de material royalty free o exentos
de derechos (en ambos casos, se deber poseer la documentacin que certifique
estas situaciones). En caso de no ser as, la Universidad de La Laguna declina toda
responsabilidad jurdica en los artfices de estas webs.
5.2 | Imgenes. Calidades.
El uso de imgenes en la web debe ser racional, y no debe primar la cantidad sobre
la calidad. Debido a estndares de accesibilidad, el contenido de imgenes de la web
no debe pesar demasiado en favor de una buena navegabilidad de la misma. Por este
hecho, se establece que toda imagen publicada en cualquier pgina de la comunidad
universitaria de la Universidad de La Laguna debe estar debidamente optimizada
para su visualizacin web y, a la vez, mantener un compromiso de calidad para
una correcta visualizacin. Actualmente, existen diversos programas que nos facilitan
esta labor, otorgndonos la posibilidad de guardar las imgenes optimizadas para
web. Asimismo, debemos hacer las correcciones de tamao oportunas para que el
tamao de estas imgenes no sea mayor que el tamao que ocuparn en una pgina
web.
185

Anexo web: Imgenes
5 | Imgenes
5.2.1 | Imgenes. Calidades. Formatos de optimizacin.

Los formatos ms extendidos de imagen son GIF, JPG (o JPEG) y PNG:
- El formato GIF (Graphics Interchange Format) utiliza hasta un mximo de 256
colores y permite la posibilidad de definir fondos transparentes y animacin de
grficos. Este formato utiliza un sistema de compresin (para reducir el tiempo de
descarga) con el que no se pierde calidad. Por ello, es apropiado para imgenes
pequeas y con buena resolucin y para dibujos con bordes bien definidos.
Igualmente se utiliza para animaciones (gifs animados) pero la insercin del flash
dentro del mbito web ha provocado que este tipo de formatos est cayendo en
desuso.
- El formato JPG (Joint Photographic Experts Group) permite calidades de
ms de 256 colores, de hecho permite hasta 16 millones. Gracias a la rpida
implementacin de pantallas de alta resolucin, es uno de los formatos ms
utilizados y extendidos. Tiene un sistema de compresin que hace que su
transmisin por la red sea ms rpida, por lo que es el formato ms adecuado
para imgenes grandes y fotografas.
- El formato PNG (Portable Network Graphics) fue desarrollado principalmente para
solventar las deficiencias del formato GIF en cuanto a calidad de transparencias
y uso de colores. Este formato combina la excelencia del formato JPG (utilizacin
de tres canales, RGB) ms la incorporacin de un canal alfa (transparente), con
lo cual es el de mayor calidad para web. La nica desventaja es su peso. Debido
a que su calidad es mayor, su formato comprimido es ms pesado que el de una
imagen en JPG, por lo que debe racionalizarse su uso. Habitualmente, es usado
para animacin web desarrollada en flash (extensin .swf)
Las imgenes animadas deben utilizarse con mucho cuidado porque:

- Ocupan bastante ms espacio que las imgenes normales.
- Distraen la atencin del lector de la informacin til y acaban cansando.
- Dificultan el saber cundo ha terminado de cargarse una pgina.
- Si se tiene abierta la pgina web y se cambia a una ventana distinta con otra
aplicacin, el PC sigue procesando la repeticin de la imagen, con lo que ralentiza
la velocidad de trabajo del ordenador.
- Dificultan una impresin adecuada de la pgina.
186

Anexo web: Contenido multimedia
6 | Contenido Multimedia
Otro de los aspectos que nos permite la web 2.0 es la posibilidad de incorporar
contenido multimedia a nuestras pginas web. Este contenido abarca no solo a las
imgenes, sino a tambin todo lo referente a vdeos, sonidos, contenido en flash, etc.
que nuestra web necesite para una mejor resolucin.
Al igual que ocurre con las imgenes, deberemos ser muy cuidadosos a la hora de
implementar contenido multimedia a nuestra web, para evitar posibles demandas
por violacin de los derechos de autor. En este caso, la responsabilidad jurdica de
la publicacin de todo contenido multimedia presente en cada pgina web de la
comunidad universitaria de la Universidad de La Laguna recae directamente en los
diseadores/desarrolladores. stos, debern poseer la documentacin que acredite y
permita el uso de estos contenidos, y su publicacin en entornos web. Al igual que
ocurre con las imgenes, el Gabinete de Prensa podr vetar la publicacin de cualquier
pgina de la institucin que muestre material que incumpla la legislacin vigente en
materia de derechos de autor, hasta que se posea documentacin acreditada que
demuestre que este material se ha adquirido legalmente.
6.1 | Contenido multimedia. Vdeo y audio.
Gracias a las tcnicas de Streaming (vdeo o audio que se visualizan mientras se
cargan, lo que minimiza el tiempo de espera de los mismos), el vdeo forma una parte
importante de los contenidos para web actuales. Con ellos podemos hacer reseas de
noticias, as como establecer vnculos con redes sociales.
En virtud de las posibilidades de incorporacin de estos vdeos, podemos tener vdeo en
nuestra web con solo implementar unas pocas lneas de cdigo. Este desarrollo ha de
ser realizado por los diseadores y/o desarrolladores de la pgina web. Existen muchos
canales donde se pueden encontrar estos vdeos (vase youtube, vimeo y otros) que
incluso nos proporcionan el cdigo necesario para que su implementacin sea ms
rpida y fiable. Pero como ya hemos mencionado anteriormente, ha de tenerse un
especial cuidado con los contenidos que se incluyan en las pginas vinculadas con la
institucin. Para la inclusin de estos vdeos, habr de tenerse en cuenta las polticas de
privacidad aplicadas por las pginas que los dispensan. En este caso, la Universidad de
La Laguna declina toda responsabilidad jurdica sobre los desarrolladores/diseadores
de la pgina web. En ningn caso, este material podr ser descargado de ninguna
pgina vinculada con la comunidad universitaria de la Universidad de La Laguna.
Solamente se podrn crear vnculos para su visualizacin y/o audicin.
6.1.1 | Contenido multimedia. Vdeo y audio. Efectos de audio.
Es bastante comn encontrar pginas web que incluyen efectos de sonido al pulsar
un botn o accionar un enlace, pero se ha demostrado que la inclusin de efectos de
audio ralentizan la carga de las pginas. Para evitar esto, la Universidad de La Laguna
desaconseja su uso.
187

Anexo web: Contenido multimedia
6 | Contenido Multimedia
6.2 | Contenido multimedia. Uso de flash.

En los ltimos tiempos la herramienta flash ha evolucionado de manera considerable,
hasta el punto en que a da de hoy se considera una de las ms importantes
herramientas de desarrollo web. Lo que antiguamente se utilizaba para crear
animaciones y dar contenido dinmico a una pgina, se convierte en una potente
herramienta de desarrollo total, donde podemos crear pginas web completas gracias
a su lenguaje de programacin action script, en una interfaz totalmente dinmica.
Sin embargo, tambin se ha de tener en cuenta que el uso de esta herramienta conlleva
no respetar totalmente los estndares de accesibilidad y usabilidad promovidos por el
World Wide web Consortium (W3C). Cuando los sitios web estn diseados pensando
en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a
los contenidos. Por ejemplo, cuando un sitio tiene un cdigo XHTML semnticamente
correcto, se proporciona un texto equivalente alternativo a las imgenes y a los
enlaces se les da un nombre significativo. Esto permite a los usuarios ciegos utilizar
lectores de pantalla o lneas Braille para acceder a los contenidos. Cuando los vdeos
disponen de subttulos, los usuarios con dificultades auditivas podrn entenderlos
plenamente. Si los contenidos estn escritos en un lenguaje sencillo e ilustrados con
diagramas y animaciones, los usuarios con dislexia o problemas de aprendizaje estn
en mejores condiciones de entenderlos.
El problema de flash es que en la mayora de estos casos los lectores de pantalla no
pueden interpretar los contenidos en flash, puesto que el texto no se interpreta como
tal, sino como parte de una pelcula. Por esta razn, el uso de flash ha de quedar
restringido nicamente para la promocin de eventos por medio de imgenes, nunca
para la transmisin de informacin. Igualmente, se podr utilizar elementos flash
como recurso de estilo, para embellecer el contenido de una pgina web, pero este
contenido nunca podr ser de tipo informativo. En todo caso, los elementos flash
insertados dentro de un sitio web que forme parte de la comunidad universitaria
debern tener un enlace a una pgina XHTML donde se informe debidamente al
usuario de estas promociones y eventos. En este caso, se debe utilizar el texto alt
para crear un enlace a este vnculo.
Con los ltimos avances en reproductores de flash o flash player el diseador o
desarrollador ha de tener en cuenta que actualmente se puede crear texto html dentro
de una pelcula para que pueda ser interpretado por estos lectores de pantalla, pero,
considerando que estos sistemas tardan en implementarse, an no aconsejamos
apropiado que se incluya informacin relevante dentro de una pelcula en flash.
188

Anexo web: Otros recursos
7 | Otros recursos
Conforme avanza la web 2.0, han ido apareciendo tecnologas que simplifican y dotan
de nuevos recursos a nuestra web. Gracias a estas tecnologas podemos establecer
vnculos con redes sociales (del tipo Facebook, Twitter, etc) as como informar de
ltimas noticias por medio de los canales RSS feed, para un mejor seguimiento y
divulgacin de nuestras pginas web. Haremos a continuacin una breve resea de
los recursos ms populares.
7.1 | Otros recursos. Favicon.
Dentro de los estndares de la web 2.0, uno de los usos ms extendidos es el uso del
favicon. Un favicon, del ingls favorites icon (icono de favoritos), tambin conocido
como icono de pgina, es una pequea imagen de 16 x 16 pixels asociada con una
pgina o sitio web en particular. Los navegadores grficos suelen mostrar el favicon
de la pgina visitada, si sta lo posee, en la barra de direcciones y en el encabezado
de la pestaa correspondiente. Asimismo se utilizan para identificar ms fcilmente
las pginas, presentndolas junto a sus respectivos ttulos, en las listas de marcadores
o favoritos, en los historiales de pginas visitadas y de navegacin reciente.
El cdigo Html para incluir un favicon dentro de nuestra web es el siguiente (dentro
de la etiqueta <head>)
<link rel=shortcut icon href=/favicon.png />

La Universidad de La Laguna, para una mejor adecuacin de los sitios web que
forman parte de su comunidad universitaria a los recursos propios de la web 2.0,
pone a disposicin de los desarrolladores este favicon, que se puede encontrar en la
pgina para recursos. Se recomienda su uso, aunque no es obligatorio.
7.2 | Otros recursos. Canales RSS.
Una fuente web (usualmente canal web o web feed) es un medio de redifusin de
contenido web. Se utiliza para suministrar informacin actualizada frecuentemente
a sus suscriptores. En su jerga, cuando una pgina web redifunde su contenido
mediante una fuente web, los internautas pueden suscribirse a ella para estar
informados de sus novedades. Los interesados pueden usar un programa agregador
para acceder a sus fuentes suscritas desde un mismo lugar.
Son muy utilizados en los blogs o bitcoras de Internet, as como en prensa
electrnica. Cada da hay ms medios que utilizan este sistema de redifusin web. La
gran difusin de este tipo de servicio web ha estimulado el inters en otros sectores
que comienzan a ver en las fuentes web una forma efectiva de difundir y compartir
informacin empresarial.
Las pginas de la comunidad de la Universidad de La Laguna, podrn ofrecer
esta tecnologa segn lo consideren oportuno, utilizando para ello el icono
correspondiente, que se puede descargar en la actual pgina de recursos grficos de
la institucin.
189

Anexo Web: Otros recursos
7 | Otros recursos
7.3 | Otros recursos. Redes sociales.

Las redes sociales forman parte de los recursos de la web 2.0. Gracias a ellas, podemos
compartir informacin presente en una pgina web, y divulgarla a nuestros contactos
de una manera rpida y eficiente, con solo pulsar un botn. De esta manera, podemos
establecer un vnculo de interaccin con otros usuarios y promocionar eventos y
dems actividades realizadas dentro de la comunidad universitaria. Tambin que un
usuario establezca un vnculo de unin con otros usuarios y la propia universidad.
La Universidad de La Laguna, siendo conocedora de las posibilidades de esta
tecnologa, ofrece el cdigo en formato .txt para poder implementar este vnculo
con las diferentes redes sociales dentro de los sitios web vinculados con la institucin.
De esta forma, este recurso pasa a formar parte de los elementos y herramientas a
los que se pueden optar para un mejor desarrollo de los sitios web de la comunidad
universitaria.
Este cdigo .txt puede descargarse gratuitamente de la pgina de recursos presente
en su actual portal web.
190

Anexo web: Gestores de contenido
8 | Gestores de contenido
Un sistema de gestin de contenidos (en ingls content management system,

abreviado CMS) es un programa que permite crear una estructura de soporte
(framework) para la creacin y administracin de contenidos, principalmente en
pginas web, por parte de los participantes.
Consiste en una interfaz que controla una o varias base de datos en las cuales
podemos realizar modificaciones del contenido. El sistema permite manejar de
manera independiente el contenido y el diseo. As, es posible manejar el contenido
y darle en cualquier momento un diseo distinto al sitio sin tener que darle formato
al contenido de nuevo, adems de permitir la fcil y controlada publicacin en el
sitio a varios editores. Un ejemplo clsico es el de editores que cargan el contenido
al sistema y otro de nivel superior (directorio) que permite que estos contenidos sean
visibles a todo el pblico (los aprueba).
Gracias a estos gestores de contenido, podemos tener una pgina web diseada en
minutos, con todas las aplicaciones web que estos soportes nos permitan sostener.
La Universidad de La Laguna es consciente de la importancia de estos gestores de
contenido en el mundo web actual. Estos gestores de contenido como wordpress,
joomla, etc, nos permiten crear un sitio web sin tener un conocimiento extenso
acerca de la creacin web.
En muchos casos, surge la idea por parte de algn sector de la universidad de crear
un sitio web para promocionar un evento determinado, pero este sitio no se realiza,
puesto que los organizadores del evento no suelen tener conocimientos acerca del
diseo web. El uso de los gestores de contenido puede, en parte, solventar y aportar
soluciones a este tipo de circunstancia.
Al tratarse de programas de cdigo abierto (con lo cual su uso est permitido, sin
ningn tipo de licencia comercial) podemos adquirir estos programas por medio de
descargas directas en Internet, sin coste alguno para el usuario. Su sencilla instalacin
convierte estos gestores de contenido en una poderosa herramienta de difusin web.
Los gestores de contenido hacen una divisin muy efectiva entre contenido
(contenidos generados por el usuario que forman parte de una base de datos) y
continente (aspecto grfico del sitio, usndose en plataformas CRM plantillas o
temas). Ello hace que estas aplicaciones tengan una apariencia bien diseada, en la
que solo tenemos que incluir el contenido, puesto que el sitio ya viene prediseado.
191

Anexo web: Gestores de contenido
8 | Gestores de contenido
8.1 | Gestores de contenido. Plataforma Wordpress.

Wordpress es uno de los gestores de contenido ms utilizados y alabados por
la comunidad de internautas. Gracias a su famosa instalacin de cinco minutos,
podemos disponer de un sitio completo y funcionando en unos pocos pasos. Su
panel de control es sencillo de utilizar y muy intuitivo, incluso para usuarios poco
experimentados. nicamente debemos ir a su direccin web http://www.wordpress.
org y descargar all el paquete de instalacin.
Debido a la facilidad de su uso y a las enormes posibilidades que este CRM representa,
hemos elegido esta aplicacin para crear varias plantillas o temas, con la finalidad de
que las pginas de cualquier miembro de la comunidad universitaria de la Universidad
de La Laguna que utilicen la plataforma wordpress, puedan utilizar estos recursos
grficos, que a su vez estn totalmente integrados con la propia imagen grfica
de la Universidad. Esto supone que el usuario pueda cargar de contenido la pgina
web con el evento que quiera promocionar respetando siempre, los estndares de la
identidad visual de la marca.
Estas plantillas, as como otros recursos, estn disponibles en la pgina de recursos
del portal de la Universidad de La Laguna: http://www.ull.es/imagencorporativa/
8.2 | Gestores de contenido. Plataforma Joomla.
La plataforma Jommla, al igual que wordpress, es una plataforma de cdigo abierto
basada en linux donde igualmente podemos crear un sitio web completo y administrarlo
fcilmente, sin tener que saber programacin. La Universidad de La Laguna autoriza
su uso siempre y cuando se respeten los estndares en la identidad visual presentes en
este anexo.
8.3 | Gestores de contenido. Otras Plataformas CRM.
Al igual que Wordpress y Joomla existen otras plataformas CRM que ofrecen una
gran variacin de aplicaciones y contenidos. Igualmente, la Universidad de La
Laguna autoriza su uso siempre y cuando se respeten las normas de identidad visual
presentes en el presente documento. Por su parte, el Gabinete de Prensa podr vetar
la publicacin de cualquier pgina de la institucin que incumpla de alguna manera
estas normas de identidad, o que vulnere de alguna manera su identidad como
marca.
192

Anxo web: Normas de estilo
9 | Normas de estilo
Como todo documento orientado al pblico, todas las pginas pertenecientes a la

comunidad universitaria estn sujetas a las normas de estilo que deben aplicarse a
todo documento escrito. Debido esto, conviene revisar los textos que luego vayan
a publicarse, para que la informacin se adece al mximo con el organismo que
la expone. Para ello, proponemos una serie de normas generales de obligado
cumplimiento a la hora de generar contenidos de tipo escrito.
9.1 | Normas de estilo. Normas generales.
La informacin ha de estar siempre orientada al usuario. Lo irrelevante debe

desaparecer.
Es conveniente la identificacin de la persona de contacto en cada informacin,
ya que esto pone a disposicin del lector la posibilidad de ampliar la informacin.
Hay que evitar el lenguaje coloquial, las frases hechas y las formas jergales.
Es imprescindible la constante actualizacin de los contenidos.
Los enlaces deben ser actualizados y revisados peridicamente.
Hay que prestar especial atencin al uso de la propiedad intelectual de los
documentos. Es conveniente que los textos sean de nuestra propiedad y, en caso
contrario, hay que solicitar los correspondientes permisos a sus autores.
Si la pgina no est preparada es mejor no colgarla. Causa un efecto negativo en
el usuario el tan extendido en construccin.
Es conveniente acompaar los textos con programas de descarga y tambin con
elementos adicionales al propio texto, como enlaces, documentos relacionados,
audio, vdeo, grficos, etc., siempre que se considere de inters.
Las pginas que cuelguen del servidor de la Universidad de La Laguna deben ser
perfectamente identificadas como tales.
El uso de lenguaje malsonante, sexista, xenfobo o que atente contra la dignidad
de las personas est totalmente prohibido, y su uso puede conllevar a la retirada de
la pgina web del sitio de la Universidad de La Laguna.
193

Anexo web: Normas de estilo
9.2 | Normas de estilo. Edicin de textos.

Tamao del texto. - Los prrafos no deben superar las cinco lneas, como norma
general. Los prrafos excesivamente extensos pueden dificultar su lectura y
comprensin. Ante todo, debe prevalecer el blanco, el espacio libre. Adems, un
texto no puede alargarse indefinidamente, por lo que no es recomendable que la
barra de desplazamiento avance ms de pgina y media. Lo recomendable es que no
se supere la pantalla.
Tiempo presente y verbos en activo. - El lector debe encontrar la informacin
requerida de forma lgica y sencilla. Se interesar por los contenidos si stos estn
escritos correctamente. En este punto hay que mencionar que el lenguaje, por tanto,
juega una funcin importantsima a la hora de atraer la atencin de los usuarios. Ha
de escribirse con claridad y precisin. Como norma general, se recomienda el uso
del tiempo presente en los verbos y de su forma activa. El uso de la voz pasiva, de
gerundios y de formas compuestas debe limitarse a los casos que as lo exijan.
Frases completas. - Los titulares o cabeceras de una informacin han de escribirse en
toda su extensin, sin omitir preposiciones o artculos que, a nuestro juicio, pueden
obviarse pero que, en realidad, dificultan su lectura. Deben responder en cualquier
caso al esquema de una oracin simple (sujeto-verbo-complemento). Por ejemplo:
Se prefiere Ayudas de la ULL en lugar de Ayudas ULL; Calendario de matrcula en vez
de Calendario matrcula.
Enlaces. - El uso de los enlaces en la web permite no tener que explicarlo todo,
facilita el acceso directo a otras pginas y reduce, por tanto, la extensin de los
textos propios. En cualquier caso, tampoco deben proporcionarse de forma irracional
consiguiendo abrumar al usuario.
Los enlaces en la web de la Universidad de La Laguna son fcilmente identificables,
ya que al pasar el cursor por encima cambian de color. Por tanto, hay que evitar
las frmulas de aviso pinche aqu, pulse aqu o similares, pues, como se dijo,
hemos optado por una solucin bastante intuitiva que no precisa mayor explicacin.
Tampoco es necesario el subrayado.
Pginas con error. - Si una pgina da error o est momentneamente fuera de servicio,
hay que explicarlo y aadir adems cundo estar de nuevo en funcionamiento.
Es muy perjudicial para la correcta comunicacin intentar entrar en un sitio y no
conseguirlo.
194

9.3 | Normas de estilo. Elementos tipogrficos.

9.3.1 | Normas de estilo. Elementos tipogrficos. Cursiva.
Uso de la letra cursiva:
En las expresiones en otro idioma: El boom de la literatura hispanoamericana; una
comisin ad hoc estudiar el problema.
Los vocablos de creacin reciente y de uso restringido u ocasional: La isla est llena de
guiris.
Las palabras propias de una jerga: El director del peridico ha mandado un fijo al
periodista de cierre.
Los apodos, sobrenombres y denominaciones familiares: Lola Flores, la Faraona.
Los nombres de animales: La perra se llama Luna.
Las denominaciones especficas de las unidades de vehculos, trenes o aviones: El Boeing
747 Palma de Mallorca sali con retraso.
Las denominaciones genricas de obras y productos cuando provienen del nombre del
creador: Es uno de los coleccionistas que ms Velzquez tiene.
Las palabras de uso corriente empleadas con un significado especial, irnico o crtico.
Los ttulos de libros, obras de teatro, canciones, congresos, documentos, publicaciones,
conferencias, pelculas, espectculos musicales y programas audiovisuales.
No deben escribirse en cursiva las citas textuales, que van en comillas si son cortas, o en
prrafo aparte con doble sangrado si son largas, ni las denominaciones de planes, operaciones
o proyectos, que se escriben con mayscula inicial.
9.3.2 | Normas de estilo. Elementos tipogrficos. Negrita.

Se trata de un elemento tipogrfico utilizado para destacar ttulos y
encabezamientos cuyo uso debe limitarse al mximo. Tambin se emplea en textos
con fines didcticos o de carcter divulgativo, con el objeto de resaltar algunas ideas.
No es conveniente utilizar la negrita en ms de dos o tres palabras por prrafo, ya
que su exceso hara intil su uso.
195

9.4 | Normas de estilo. Recomendaciones.

9.4.1 | Normas de estilo. Recomendaciones. Uso de comas.
El mal uso de las comas puede cambiar el sentido de una frase. Por ejemplo: El
profesor titular de Geografa Humana de la Universidad Complutense de Madrid,
Vicente Martnez, dijo ayer que los fenmenos migratorios deben estudiarse desde
una perspectiva interdisciplinar. Escrito as, pudiera parecer que Vicente Martnez es
el nico profesor titular de Geografa Humana que tiene esa universidad. Cuando,
efectivamente el cargo es nico en la persona que lo ostenta, las comas estn
plenamente justificadas. Por ejemplo: El rector de la Universidad de La Laguna,
Eduardo Domnech, afirm ayer en el Consejo de Gobierno que est intentando
solucionar el pago de los complementos retributivos.
Existe cierta tendencia a separar el sujeto del verbo en activo mediante comas, lo
que es un error. Por ejemplo: La Universidad, contar con un nuevo presupuesto en
enero.
9.4.2 | Normas de estilo. Recomendaciones. Uso de maysculas.
Existen diferentes criterios de utilizacin segn la fuente consultada. Como criterio
unificador pueden recomendarse las normas de la Real Academia Espaola. En
general, se produce un uso abusivo de la mayscula, como si con ella se pretendiera
dotar a las palabras de mayor relevancia o singularidad, lo que produce una utilizacin
absolutamente arbitraria. Como norma general podra decirse que se escribe con
mayscula:
La primera palabra de un escrito y las que vayan despus de punto, as como
la que va despus de dos puntos en el encabezamiento de una carta o de una cita
textual.
Los nombres propios.
Los ttulos y nombres de dignidad, los sobrenombres o apodos (el Papa, el Rey, el
Duque de Olivares).
Los tratamientos, especialmente si estn en abreviaturas (Sr.D., U., V.S.). Si se
escriben con todas sus letras, la tendencia es utilizar la minscula (seor don, usted).
- Los nombres de instituciones o entidades (Museo del Prado, Universidad de
La Laguna). Cuando estos nombres son genricos se utiliza la minscula (las
universidades, los ministerios, los ayuntamientos). Los nombres de cargos personales
suelen escribirse con minscula (el ministro de Asuntos Exteriores, el rector de la
Universidad Complutense, el alcalde de La Orotava).
- Los sustantivos o adjetivos de cualquier obra (Diccionario de Dudas y Dificultades
de la Lengua Espaola o Diccionario de dudas y dificultades de la lengua espaola,
Historia de la Literatura Espaola o Historia de la literatura espaola).
196

Se recomienda que los nombres de las estaciones del ao, das de la semana y
meses del ao vayan siempre con minscula.
Es obligatorio el uso de la tilde en las maysculas cuando lo exijan las reglas
generales de acentuacin.
9.4.3 | Normas de estilo. Recomendaciones. Abreviaturas.
Deben evitarse, ya que por lo general solo resultan claras para quien las escribe.
Su uso debe restringirse por tanto a textos especializados dirigidos a personas que
se desenvuelven en el mismo mbito. Las abreviaturas solo son aceptables para
sustituir a expresiones de uso frecuente, pero no para suplantar automticamente el
trmino original. No existen reglas fijas que determinen cules son las abreviaturas
correctas para una u otra palabra, aunque s hay normas generales para formarlas.
Es recomendable, antes que los manuales de estilo, la consulta de la Real Academia
Espaola (Vid. op. cit., Captulo VI y Apndice I):
Ms informacin en:
http://publications.eu.int/code/es/es-4100400es.htm (CU)
http://www.estudiantes.elpais.es/EPE2002/libroestilo/apartado09_001.htm
(El Pas)
http://www.estudiantes.elpais.es/EPE2002/libroestilo/apartado09_002.htm
(El Pas)
197

9.4.4 | Normas de estilo. Recomendaciones. Siglas y acrnimos.

Los acrnimos se forman por fusin de letras o slabas extremas, iniciales o finales,
de algunas o todas las palabras de una expresin (docudrama, por documento
dramtico). Se escriben con minscula, salvo la letra inicial cuando se trata de
organismos oficiales (Insalud, por Instituto Nacional de la Salud).
Las siglas son trminos creados exclusivamente con la letra inicial de sustantivos,
verbos y adjetivos de una denominacin (ONU, por Organizacin de Naciones
Unidas). Existen tambin las formas siglares, que son abreviaciones caracterizadas
por tener todas las iniciales (Icona, por Instituto Nacional para la Conservacin de la
Naturaleza), contienen letras no iniciales (Renfe, por Red Nacional de los Ferrocarriles
Espaoles) y porque participan en su formacin palabras que no son sustantivos,
verbos, adjetivos o adverbios (Cepal, por Comisin Econmica para Amrica Latina).
Ms informacin:
Real Academia de la Lengua:
http://publications.eu.int/code/es/es-4100500es.htm (Comisin Europea)
198

9.4.5 | Normas de estilo. Recomendaciones.

Nmeros cardinales y ordinales.
Los treinta primeros nmeros cardinales que constan de una sola palabra se escribirn
con letras, excepto si se refieren a fechas. Los siguientes se escribirn con cifras (Las
vctimas se elevan a 142) o con palabras y cifras (Se calculan en 182 mil los afectados
por el terremoto).
El sistema ordinal, que generalmente se presta a confusiones, es el siguiente:
1 primero, 2 segundo....10 dcimo, 11 undcimo, 12 duodcimo, 13
decimotercero....
20 vigsimo, 21 vigsimo primero (si lo escibes junto tendrs que quitar la tilde)...
30 trigsimo, 31 trigsimo primero (d.), 40 cuadragsimo, 50 quincuagsimo, 60
sexagsimo, 70 septuagsimo, 80 octogsimo, 90 nonagsimo, 100 centsimo,
200 ducentsimo, 300 tricentsimo, 400 cuadringentsimo, 500 quingentsimo,
600 sexcentsimo, 700 septingentsimo, 800octingentsimo, 900 noningentsimo,
1000 milsimo.
Los cardinales pueden funcionar como ordinales a partir del 10: captulo dcimo o
captulo diez, el sexagsimo aniversario o el sesenta aniversario.
Se tiende a utilizar los ordinales entre el 1 y el 20 (En la dcimotercera etapa ciclista;
el duodcimo aniversario) y los cardinales a partir del 21 (La veintisis edicin del
libro; La setenta y cinco promocin de alumnos).
Es un grave error utilizar los partitivos en lugar de los ordinales y decir, por ejemplo,
la onceava edicin de un libro o la dieciochava sancin del equipo.
Ms informacin:
Cardinales:
http://www.estudiantes.elpais.es/EPE2002/libroestilo/apartado10_001.htm (El Pas)
Ordinales:
http://publications.eu.int/code/es/es-4100302es.htm (CU)
199

Fuentes Documentales
200

Hodgson Torres, Mara Luisa. Proyecto de Investigacin: Estudio y diseo del

Escudo y Sello de la Universidad de La Laguna (La Laguna, 1991-92).
Prez Jimnez, Mauricio. Manual de normas de Identidad Visual Corporativa de
la Universidad de La Laguna. I Edicin (Julio de 2005).
201

Manual Identidad Visual Corporativa

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Manual Identidad Visual Corporativa

Încărcat de

Drepturi de autor:

Formate disponibile

Manual de Identidad visual Corporativa

Manual de Identidad visual Corporativa

Crditos de la presente edicin:

2011 Universidad de La Laguna.

Profesora titular del Departamento de Dibujo, Diseo y Esttica de la ULL

Teresa Yanes Hernndez

Licenciada en Bellas Artes por la Universidad de La Laguna

2005 Universidad de La Laguna.

Profesor titular del Departamento de Dibujo, Diseo y Esttica de la ULL

Licenciada en Bellas Artes por la Universidad de La Laguna

Germn Colm Rivero

Licenciado en Bellas Artes por la Universidad de La Laguna

Manual de Identidad visual Corporativa

3.1 | Antecedentes........................................................................................................................ pg. 9

3.2 | Blasn o escudo herldico. Escudo fundacional.................................................................... pg. 10

3.3 | El sello. Escudo oficial........................................................................................................... pg. 10

3.4 | Logotipo oficial. Marca principal........................................................................................... pg. 12

3.5 | Anexo lminas. Bocetos, detalles y acabados........................................................................ pg. 13

IDENTIDAD VISUAL CORPORATIVA DE LA UNIVERSIDAD DE LA LAGUNA

1.1 | Blasn o escudo herldico. Aplicaciones................................................................................ pg. 21

1.1.1 | Descripcin............................................................................................................................ pg. 21

1.1.2 | Trazado geomtrico y normas tcnicas......................................................................... pg. 22

1.1.3 | Versin color.......................................................................................................................... pg. 23

1.2 | El sello. Escudo oficial. Aplicaciones........................................................................................ pg. 23

1.2.1 | Descripcin............................................................................................................................ pg. 24

1.2.2 | Trazado geomtrico y normas tcnicas..................................................................................... pg. 25

1.2.2.1 | Versin color. Escudo oficial............................................................................... pg. 26

1.2.2.2 | Pluma o versin monocroma. Sello institucional................................................ pg. 26

1.2.3 | Normas que definen el uso de la tipografa. Imagotipos........................................................ pg. 27

1.2.4 | Sello institucional. Variaciones de color. Positivo................................................................... pg. 28

1.2.5 | Sello institucional. Variaciones de color. Negativo................................................................. pg. 29

1.2.6 | Sello institucional. Aplcacin especial. Sello de caucho......................................................... pg. 30

1.3 | El estandarte o pendn......................................................................................................... pg. 31

1.3.1 | Descripcin............................................................................................................................ pg. 32

1.3.2 | Trazado geomtrico y normas tcnicas................................................................................... pg. 32

1.4 | La bandera............................................................................................................................ pg. 32

1.4.1 | Descripcin............................................................................................................................ pg. 33

1.4.2 | Trazado geomtrico y normas tcnicas................................................................................... pg. 33

2.1 | Elementos de la marca principal........................................................................................... pg. 35

2.2 | Logotipo principal................................................................................................................. pg. 36

2.2.1 | Planteamiento grfico............................................................................................................ pg. 37

2.2.2 | Planteamiento cromtico....................................................................................................... pg. 37

2.2.3 | Retcula constructiva y proporciones...................................................................................... pg. 38

2.3 | El smbolo............................................................................................................................. pg. 39

2.3.1 | El smbolo. Planteamiento grfico.......................................................................................... pg. 40

Manual de Identidad visual Corporativa

2.3.2 | El smbolo. Planteamiento cromtico..................................................................................... pg. 40

2.3.3 | El smbolo. Retcula constructiva y proporciones.................................................................... pg. 41

2.4 | Logotipo secundario.............................................................................................................. pg. 42

2.4.1 | Logotipo secundario. Retcula constructiva y proporciones.................................................... pg. 43

2.5 | Tamao mnimo de reproduccin.......................................................................................... pg. 43

2.6 | rea de proteccin................................................................................................................ pg. 44

2.7 | Usos incorrectos.................................................................................................................... pg. 45

3.1 | Colores corporativos. Secundarios......................................................................................... pg. 48

3.2 | Colores corporativos. Variaciones de color............................................................................ pg. 49

3.3 | Colores corporativos. Tramas de multiplicidad...................................................................... pg. 50

3.4 | Colores corporativos. Versin en negativo............................................................................ pg. 52

3.5 | Colores corporativos. Reproduccin sobre fondos................................................................ pg. 54

3.5.1 | Colores corporativos. Reproduccin sobre fondos. Fondos degradados................................ pg. 55

3.5.2 | Colores corporativos. Reproduccin sobre fondos. Fondos fotogrficos................................ pg. 55

3.6 | Colores corporativos. Casos de degradado........................................................................... pg. 56

3.6.1 | Colores corporativos. Casos de degradado. Colores principales............................................. pg. 57

3.6.2 | Colores corporativos. Casos de degradado. Colores secundarios........................................... pg. 57