Proyecto Web

Libro de estilos

Luis Jiménez Megías

Proyecto Web /// Libro de estilos /// Estructura_a

Estructura del menú principal: ordenado por importancia

· Grandía (la empresa): aquí irá la información corporativa (qué hacemos,

cómo lo hacemos, contacto, situación etc)

· Eventos: información sobre los eventos (de profesionales, o de clientes)

que la empresa hace. También habrá un apartado de agenda

· Consultorio: consultas online, blog, preguntas y respuestas (aquí

saldrán las preguntas que la gente hace en la sección consulta online,
pero al hacer la consulta ellos pueden elegir que sea visible (anonimato) o no

· Noticias: noticias que la empresa da a su público (relacionadas con avances

de la ciencia relacionados con la salud mental)
 Proyecto Web /// Libro de estilos /// Estructura_b

Estructura del menú y submenú principal:

Usar pantallas de información antes de cada sección*

Inicio

Grandía Eventos Consultas Noticias

Qué hacemos Cómo Pasados Futuros Blog Consultorio

Quiénes somos

Profesionales
Mi agenda Preguntas
(login) y respues.
Contacto
Proyecto Web /// Libro de estilos /// Estructura_c

Estructura del menú secundario: este menú irá en el footer

o encima del menú principal:

Inicio Contacto Mapa Web Aviso legal

Proyecto Web /// Libro de estilos /// Punto fuerte

Seguridad
Qué hacemos Profesionalidad

Profesionales (prestigio)
Eventos
Clientes (fidelizar)
Proyecto Web /// Libro de estilos /// Proporciones

4:3 formato cuadrado

Sin miedo al scroll

Híbrida
(elástica + cerrada)
 Proyecto Web /// Libro de estilos /// Retícula

6 columnas

3 módulos

6 filas
3 módulos
Proyecto Web /// Libro de estilos /// Navegación

La empresa Eventos Consultorio C.Online

La empresa Eventos Consultorio C.Online

Eventos recientes Eventos futuros Mi agenda

La empresa Eventos Consultorio C.Online

Blog Consultas Preguntas y respuestas

Proyecto Web /// Libro de estilos /// Uso del color

Estrategia cromática: armonía usando los colores corporativos

R: 3 G: 94 R: 2 G: 131
Texto base: #035E82 Menú: #0283A5
B: 130 B: 165

R:207 G: 227 R: 255 G: 255

Fondo cont.: #CFE3E5 Texto menú: #FFFFFF
B: 229 B: 255

R:221 G: 94 R: 3 G: 94
Color de #DD5E80 Filetes: #035E82
B: 128 B: 130
contraste
Proyecto Web /// Libro de estilos /// Uso del color

Ejemplos de uso del color:

Proyecto Web /// Libro de estilos /// Tipografía

Texto base: verdana regular Formularo Focus.: verdana

Menú: Trebuchet MS regular Formulario Label: Trebuchet

Submenú Trebuchet MS regular Formulario botón: Trebuchet

H1: georgia regular

H2: georgia regular titular

H3: georgia regular subtitular

* completar
Proyecto Web /// Libro de estilos /// Tipografía

Ejemplos de uso y estilos

Proyecto Web /// Libro de estilos /// Lenguajes

HTML y CSS para el diseño Flash: para alguna animación,

o para incrustrar tipografías “no
seguras”

JavaScript (framework) para

hacer la web un poco más
interactiva

MySQL pues la web dispondrá

de base de datos (login)
Proyecto Web /// Libro de estilos /// Multimedia

Persuasivas: eventos (principalmente)

Imágenes: eventos, noticias
Informativas: noticias, eventos (menor
medida)

Vídeo eventos, noticias

*se abririan en otra ventana (lightbox)

Audio: no se añadirá audio en la web

(normalmente el audio molesta a la
mayoría de usuarios)

* completar