¿cómo ves? un proyecto en línea

Proyecto web para la revista ¿Cómo ves?

Por Citlalli Herrera

Melchor

¿Qué es diseño web?

Es la construcción de los elementos gráficos para publicar en la red. Se requiere la estética, la innovación, la creatividad, la funcionalidad, la legibilidad cómoda y la buena estructura de diseño para fomentar mejor la navegabilidad.

El primer elemento fundamental de diseño es la comunicación clara y efectiva a los usuarios. Como herramientas de comunicación se usarán la HTML (Hyper Text Language, Lenguajes de marcas de hipertexto; la hoja de estilo css, los scripts de php y javascript y otros más). Esta edición en HTML tiene sus limitaciones.

Diseño WebLos otros elementos para la estructura de diseño son el contenido de la información, el menú y sus submenús, el encabezado y los banners cuando se requieran.

Para hacer el mejor diseño web, siempre hay que hablar primero con los clientes para ver que requerimientos se necesitan, para informar mejor a los usuarios y promover la publicidad, su identidad corporativa, y hay que plantear bien el mapa de navegación antes de diseñar. Primero hacer bocetos antes de diseñar la página, lo cual es la primera etapa. Y la segunda etapa es la estructura de diseño para permitirle navegar por el sitio.

No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedia. En el caso de la web siempre utilizar RGB (red,green y blue) con 72 resolución de las imágenes.

Mapa de la navegación•Inicio

•Quiénes somos

•Información:

Tarifario de publicidad, Venta de números atrasados y contacto.

•Secciones Fijas:

de entrada,ráfagas,aquí estamos, quién es y retos.

•Podcast

•Blogs

•Ligas de interés

Estructura de diseño

- Calcular el tamaño:

- El tamaño de la página total es 960 pi por 800 pi.

- El tamaño del encabezado es 960 pi por 80 pi.

- Los banners publicitarios 318 pi por 100 pi, que se usaron hasta al final gracias al espacio.

-Elegir color (darle más a la identidad de la revista ¿Cómo ves?) para dar click:

Rojo para dar click y también como menú:#e12314

Rojo como submenú: #7d0f08

Azul:#0090ec

Negro como link activado:#000000

Primeros bocetos

Rediseñar másPor el espacio de la información,el menú interrumpe más el contenido de la información y los banners,rediseñar el encabezado porque se ve “cerrado”. Diseñar los logos de cada menú para dar más entendimiento y accesible a la navegabilidad.

Bocetos más avanzados

Bocetos más avanzados