Acceso Sitio Anterior >>

Estudio del nuevo sitio

A diferencia del sitio anterior que fue creado con una plantilla modificada en el Dreamweaver, la interfaz de esta nueva propuesta está realizada con cascadas de estilo (CSS); lo que significa que puedo utilizar un mismo tipo de tipografía o color estableciendo patrones para la construcción de la página web. Esto quiere decir que no es necesario volver a escribir el código html porque éste ya está ubicado en una "planilla" determinada.

 


Para este estudio primero que nada es necesaria la construcción de un card sorting para tener una guía y no diseñar sobre la nada, realizar el wireframe y el mapa de navegación.



 

La disposición en la interfaz está alineada al centro con el fin de que sea adaptable a una resolución de pantalla mayor de 800 x 600. Primero confecciono una imagen que va en la parte superior y bajo ésta aparecen los vínculos. Como la pantalla se extiende hacia abajo es necesario que también aparezcan estos vínculos en la parte inferior. El texto y las imágenes se alinean al centro y están rodeadas por un color para centrar la atención en la parte blanca. Los íconos están confeccionados para el sitio, no son bajados de un sitio establecido. La "lupa" representa el lugar en el que estoy en la página (algo así como lo que estoy mirando) y el ojo acompaña a al link de la tarea. Los rollovers son de colores llamativos y distintivos para tener una relación clara con el usuario en su navegación. Finalmente el sitio está construído de manera que tengo una especie de equivalencia entre contenidos, pudiendo acceder a ellos desde cualquier punto de la interfaz.



   Widget Mundialero
   Correción Widget Mundialero
   Barra de Íconos
   Estudio de los Navegadores
   Creación de un Sitio Informativo PSU para celulares
   Prototipo Sitio informativo PSU para celulares
   Creación del sitio personal
   Exámen Lenguaje Computacional 3
Escuela de Arquitectura y Diseño PUCV - Pontificia Universidad Católica de Valparaíso
Profesor Jorge Barahona: Blog Profesor - jbarahona@arquitecturaucv.cl
Paola Véliz: Blog -Fotolog- paola.veliz@gmail.com
Gráfica Digital y Lenguaje Computacional 3
Segundo Trimestre 2006
Menú Inicio  l  avanzar  l  retroceder
Menú Inicio  l  avanzar  l  retroceder