Descripción general

El objetivo de esta guía es proporcionar un espacio donde encontrar información detallada y ejemplos de la integración de la imagen corporativa oficial para aplicaciones y servicios telemáticos de la Universidad de La Laguna (ULL).

El diseño de imagen corporativa que en esta guía se presenta es de aplicación a todas las aplicaciones telemáticas de la Universidad de La Laguna y su nivel de integración variará según las posibilidades de cada aplicación o servicio telemático.

Versión actual y librerías

# Versión Enlace
Imagen corporativa de aplicaciones y servicios telemáticos ULL 3.1 Acceder
Bootstrap Framework 3.3.6 Acceder
Font awesome 4.6.3 Acceder
jQuery Legacy 1.12.4 Acceder
jQuery Modern 2.1.4 Acceder
Respond.js 1.4.2 Acceder
HTML5 Shiv 3.7.3 Acceder

Plantilla básica

Componentes mínimos y obligatorios

La plantilla básica tiene varios componentes bien diferenciados:

  • Navegación superior
    • Barra principal ULL
    • Barra contextual servicio o aplicación
  • Contenido
    • Bloques laterales de contenido (opcional)
  • Pie de página
Estos componentes son de uso obligatorio para la correcta adaptación de la imagen corporativa.
Componente Descripción
Barra principal ULL Permite al usuario navegar a través de los principales servicios y aplicaciones telemáticas de la ULL y es común para todas ellas. Esta barra no puede modificarse.
Barra contextual servicio o aplicación Permite definir información específica del servicio o aplicación. Se compone de dos partes, en la parte izquierda el título y subtíulo de la aplicación (opcional) y en la parte derecha se pueden incluir diversos elementos como por ejemplo: Botones para entrar/salir, menus desplegables, etc.
Contenido Espacio destinado al contenido principal del servicio o aplicación. Se pueden utilizar diferentes esquemas de maquetación para los contenidos, variará según el objetivo final de la aplicación o servicio.
Pie de página Información de contacto de la Universidad de La Laguna. Esta información no puede modificarse.

Plantillas de ejemplo

Plantilla de ejemplo básica

Plantilla básica

Lo básico para comenzar.

Plantilla de ejemplo panel de control

Panel de control

Ejemplo panel principal de aplicación con barra de bloques lateral

Formulario de control de acceso

Control de acceso

Formulario de control de acceso

Diferentes modelos de formularios

Formularios

Diferentes modelos de formularios

Ejemplo de portal orientado a frontal de un servicio o aplicación

Portal (I)

Ejemplo de portal orientado a frontal de un servicio o aplicación

Ejemplo de portal orientado a proporcionar bloques de enlaces para servicios o aplicaciones

Portal (II)

Ejemplo de portal orientado a proporcionar bloques de enlaces para servicios o aplicaciones

Ejemplo de páginas de error ideal para 403, 404, etc.

Página de error

Ejemplo de páginas de error ideal para 403, 404, etc.

Aplicación ejemplo con mapa

Mapas

Aplicación ejemplo con mapa

Plantilla de ejemplo básica

Header + Footer dinĂ¡mico

Plantilla simple con carga dinĂ¡mica de Header + Footer

Iconos

En desarrollo.

Paquetes para frameworks y CMS

En desarrollo.

Censo de aplicaciones

En desarrollo.