¿Cómo ves? un proyecto en línea.....

709 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
709
On SlideShare
0
From Embeds
0
Number of Embeds
130
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

¿Cómo ves? un proyecto en línea.....

  1. 1. Proyecto web para la revista ¿Cómo ves? Por Citlalli Herrera Melchor
  2. 2. ¿Qué es diseño web? <ul><li>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. </li></ul><ul><li>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. </li></ul>
  3. 3. Diseño Web <ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul>
  4. 4. <ul><li>Mapa de la navegaci ón </li></ul><ul><li>Inicio </li></ul><ul><li>Quiénes somos </li></ul><ul><li>Información: </li></ul><ul><ul><ul><li>Tarifario de publicidad, Venta de números atrasados y contacto. </li></ul></ul></ul><ul><li>Secciones Fijas: </li></ul><ul><ul><ul><li>de entrada,ráfagas,aquí estamos, quién es y retos. </li></ul></ul></ul><ul><li>Podcast </li></ul><ul><li>Blogs </li></ul><ul><li>Ligas de interés </li></ul>
  5. 5. <ul><li>Estructura de diseño </li></ul><ul><li>Calcular el tamaño: </li></ul><ul><ul><li>El tamaño de la p ágina total es 960 pi por 800 pi. </li></ul></ul><ul><ul><li>El tamaño del encabezado es 960 pi por 80 p i. </li></ul></ul><ul><ul><li>Los banners publicitarios 318 pi por 100 pi, que se usaron hasta al final gracias al espacio. </li></ul></ul><ul><li>-Elegir color (darle m ás a la identidad de la revista ¿C ómo ves?) para dar click: </li></ul><ul><li>Rojo para dar click y tambi én como menú :# e12314 </li></ul><ul><li>Rojo como submen ú: # 7d0f08 </li></ul><ul><li>Azul:#0090ec </li></ul><ul><li>Negro como link activado:#000000 </li></ul>
  6. 6. Primeros bocetos
  7. 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.
  8. 10. Bocetos m ás avanzados
  9. 12. Bocetos m ás avanzados

×