REENFOQUE DEL DISEÑO Y

ESTRUCTURA DEL SITIO WEB

Adriana Contreras

Ingrid Páez

Karen Restrepo

¿QUE ES?

Se refiere a una nueva generación de webs basadas en la creación de paginas web donde los contenidos son compartidos y producidos por los propios usuarios del portal.

Características del sitio web

Grafico de flujo

La pagina

Mapa del sitio

Diagrama de pagina

Grafico de flujo

Debe enfatizar:

La estructura conceptual y la organización del sitio.

Como el usuario fluye a través de tareas definidas y los pasos respectivos.

LA PAGINA

Es el elemento clave de la experiencia del usuario.

Es una unidad de representación.

Se utilizan etiquetas para identificar paginas y archivos de datos.

Mapa del sitio

Muestra un mayor nivel de representación del sitio.

Debe mostrar:

• Áreas principales

• Paginas dinámicas de cada sección.

Hay que comprobar si:

• Tiene estructura lógica

• Es navegable

Diagrama de paginaEs un esquema donde se integran:

• El contenido

• La navegación

• La funcionalidad básica

Indica:

El posicionamiento de los gráficos

La navegación

Los textos

Encabezados

Otros elementos que deben aparecer en pantalla

Elementos del diseño

Punto

Textura

Valor

Línea

Forma

Color

DISEÑO DE UN SITIO

PUNTO. Es el primero y mas simple.

Sirve como foco de énfasis para llamar la atencion e información importante.

La combinación de puntos representa ideas mas complicadas.

La línea

Se define como una serie de puntos

Actúan como bordes entre ideas o pasos de un secuencia.

Permite visualizar rápidamente un objeto o idea

La forma

Es un área que sobresale del espacio alrededor, dando un borde definido o una diferencia.

Se compone de líneas que encierran un área.

Define una relación entre una figura o el fondo

VALOREs el grado de la luz u oscuridad.

Todos los elementos del diseño requieren un valor de contraste para ser vistos.

Las áreas:

Oscuras: Denotan misterio, drama, amenaza.

Luminosas: Denotan felicidad, cercanía, calidez.

TEXTURAEs la experiencia de la superficie de un objeto: Aspereza, suavidad, profundidad.

Se utiliza para acentuar un área.

COLOR

Es la parte de la luz que se refleja en los objetos.

Los colores primarios, no son mezclas de otros colores y son: Rojo, amarillo, azul

El color puede ayudar a mejorar o demeritar la composicion.