Diseño de productos web
Proyecto Pasá La Voz 2012
Site de Pasá La Voz
http://loritoexotico.com/pasalavoz/
Pasos para trabajar el site:
1- Definir estructura temática.
Enlace para descargar la revista en formato pdf:
http://dl.dropbox.com/u/61259096/PLVNo10.pdf
2- Definir el menú (temas y subtemas)
3- Realizar propuesta de diseño en Photoshop o Illustrator
Para clases 7 y 14 de mayo de 2012
En la siguiente dirección se puede descargar el contenido de los dos ejercicios:
http://dl.dropbox.com/u/61259096/ejercicio_websites_proximas_entregas.pdf
Ejercicio de Análisis de páginas web recibidos
Isabel
Andrea, Katherin y Manuel
Carolina Cajiao
María del Mar, Stephanía y Gabriel Ossa Valle
Laura, Eliana y Daniel
María María y Federico
Marcella
Galería en basada en shadow box
Enlace para descargar
http://dl.dropbox.com/u/61259096/gal.zip
Para clase 20 de febrero de 2012
1. En power point entregar la primera fase del desarrollo web. Debe contener:
- Nombre del site.
- Objetivos del sitio web.
- Definir la audiencia.
- Sitemap o árbol del sitio web.
- Proponer las fuentes de información (fuentes primarias y secundarias).
- Sitios web de referencia o de la competencia (enlace y capturado de pantalla).
2. Publicar en el perfil de cada uno. La información sobre la Gestalt, junto con un capturado y un enlace a la página de ejemplo.
Para clase 13 de febrero de 2012
Investigar los principios de la Gestalt en el diseño web. Se debe publicar en el perfil de cada uno.
Leer un libro de la biblioteca sobre diseño web. Puede ser en parejas.
Proponer temas para crear el primer site. Fuentes de info.
Sitemap o estructura del sitio web
Para clase 6 de febrero de 2012
1. Publicar el gif animado en las pestaña Cabezotes.
2. Crear un perfil propio en la pestaña people.
C U L T U R A P I X E L (evento año pasado)
http://www.vimeo.com/7623831
http://www.youtube.com/watch?v=nBk7Jtyis6Y
No puedes faltar este lunes 16 de mayo en el auditorio Los Almendros.
Universidad Javeriana Cali.
Hora: 2:00 PM.
Entrada libre.
Presentación general del curso
Los entornos digitales como la web representan nuevos escenarios para la participación y el acceso a los mensajes que produce un gobierno, una región, un medio de comunicación, una organización (pública o privada), una entidad educativa o un individuo.
Los ambientes de consulta digital de la información que consumen los usuarios de las TIC obedecen a una propuesta conceptual que incluye entre otros aspectos: la arquitectura de la información, el diseño de la interfaz gráfica, la usabilidad y la redacción del contenido. Detrás de cualquiera de estas piezas o productos interviene un grupo de personas expertas que hacen posible el acceso al contenido, buscando la mejor manera de presentarlo y otorgándole gran funcionalidad para el usuario que consulta la información.
Cada vez es más común dentro del desempeño laboral la necesidad de manipular herramientas tecnológicas mediadas por el computador, convirtiéndose en una competencia básica para la demanda profesional. Las tendencias actuales para la formación del Comunicador requieren la necesidad de proporcionarle al estudiante las herramientas de conocimiento y tecnológicas que le permitan configurar su propio criterio alrededor de las Tecnologías de la Información y las Comunicaciones, al tiempo que se estimule su capacidad creativa para convertir información en distintos soportes en un producto para la web, relacionado directamente con las necesidades de comunicación de la organización que desea construirlo, así como también la formación del público objetivo al que se dirige.
Diseño de Productos Web consiste en una visión de conjunto alrededor del panorama actual y los retos que representa la creación de productos comerciales, educativos, institucionales, sociales y culturales en la web, incluyendo las redes sociales.
Jquery galerías
http://www.webdesignerwall.com/demo/jquery/
Guía creación de sitios web
Guía en formato pdf para elaborar sitios web con iframes, galerías de imágenes (basadas en shadow box), creación de páginas con el comando div.
Ampliar
firebug para Mac
https://addons.mozilla.org/en-US/firefox/addon/firebug/versions/
Trabajos y ejercicios
Ver pestaña Ejercicio 2011 - 1.
Ampliar
Clase Arquitectura de la Información
Ejemplos de revistas en Internet de Tecnología y de Comunicación
Pasá La Voz
Wired
Revista Semana
Communication Arts
CED Magazine
PC Magazine
Revista de Comunicación en España
Comunicación y Sociedad (Universidad de Navarra, España)
Revista del Instituto de la Comunicación e Imagen (Universidad de Chile)
Don Quijote.org (Ver manejo del color)
Revista Shock
Revista El Malpensate
Revista Proyecto Diseño
Revista Axxis
Revista Publicidad & Mercadeo
Directo Bogotá
Wiki para la materia Diseño de productos web
El concepto wiki nos permite enfrentarnos con nuevos universos para la generación de conocimiento y el aprendizaje colaborativo.
Nuestra wiki busca generar un efecto viral donde todos los integrantes del curso aporten contenido e información para enriquecer las clases, así como también el trabajo posterior donde se elaboran los ejercicios para presentar semana a semana.
Lo invitamos a recorrer nuestra wiki y hacer parte de ella.
Enlaces de interés
Webstandars The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.
Checklist para estándares web El término "Estándares Web" puede significar diferentes cosas para diferentes personas. Para algunos, es construir sitios web sin tablas, para otros es usar código válido.
Estándares Web del W3C Conocer los Estándares actuales del W3C a través de los principios en los que se basan.
Accesibilidad, Usabilidad, Estandares Web Exponet 2007 Video en Youtube sobre el tema.
Charla sobre Accesibilidad web Video en Youtube sobre el tema.
¿Qué es CSS? Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla.


