Este documento describe los elementos fundamentales del diseño web para una revista llamada "¿Cómo ves?". Explica que el diseño web implica la construcción de elementos gráficos para publicar en línea de manera estética, funcional y navegable. También habla sobre las herramientas como HTML, CSS y JavaScript que se usarán, y los elementos esenciales como el contenido, menú, encabezado y banners. Finalmente, detalla el proceso de diseño que incluye conversaciones con el cliente, bosquejos iniciales y una estructura que permita una

1. Proyecto web para la revista ¿Cómo ves? Por Citlalli Herrera Melchor

2. ¿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.

3. Diseño Web Los 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.

4. 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

5. 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 p i. 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

6. Primeros bocetos

9. Rediseñar m ás Por 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.

10. Bocetos m ás avanzados

12. Bocetos m ás avanzados