WEB 2.0 Y E DISEÑO WEB.    Introduccion.El padre de la World Wide Web elaboró undocumento informático que rompía con lo an...
Diseño y Web 2.0La llegada de la Web 2.0 ha supuesto unarevolución en el diseño, tanto en lo que se refierea la concepción...
Estilo 2.0La Web 2.0 ha supuesto la creación de unaserie de clichés de diseño, de elementoscomunes, que configuran un esti...
Uso de colores vibrantes y        contrastados.Por criterios puramente estéticos, la web 2.0 secaracteriza por el uso colo...
Logotipos reflejado.Durante un tiempo se convirtieron prácticamenteen un estándar los logotipos reflejados, de formaque se...
Futuro del diseño 2.0Hablar de diseño implica en general referirse a unaestandarización, hablar de escuelas, de tendencias...
Evolución tecnológica.Navegadores web.Un navegador es un programa que se utiliza paraacceder a la web. Desde el primer exp...
Flash.Durante algún tiempo muchas páginas consistíanen un gran archivo de Flash que contenía todoslos menús, textos, fotos...
AJAX.El término AJAX (Asynchronous JavaScript AndXML), al igual que el de Web 2.0, no es ningúninvento, ni un gran avance ...
El internauta 2.0.¿Qué evolucionó antes? ¿El internauta o la web?Como en el famoso caso del huevo y la gallina,no está cla...
Interfaces para un           Internauta 2.0.Usabilidad, principios de la Usabilidad,usabilidad frente al diseño, arquitect...
Usabilidad.El considerado gran gurú de la Usabilidad, JacobNielsen, la definió así en el año 2003: “El atributode calidad ...
Principios de la Usabilidad.Anticipación, autonomia, los colores debenusarse con precaucion, consistencia, Eficaciadel usu...
Usabilidad frente al diseño.La Usabilidad se desarrolla con la parte izquierdadel cerebro y representa la razón y la acció...
Arquitectura de lainformación.“El arte y la ciencia de estructurar y clasificar sitiosweb e intranets con el fin de ayudar...
Estándares.El verdadero triunfo de la Web 2.0 ha sido eltriunfo de los estándares web, un término a vecespoco conocido ent...
CCS.Las hojas de estilo en cascada (Cascading StyleSheets, CSS) son un lenguaje usado para definir lapresentación de un do...
XHTML .El XHTML (Lenguaje de Marcado de HipertextoExtensible) es el lenguaje de marcado pensado parasustituir al HTML, per...
Conclusiones .No está claro de donde provino el estilo 2.0. Nosrecuerda elementos muy dispares: desde laportada del disco ...
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Diseño web
Upcoming SlideShare
Loading in …5
×

Diseño web

332 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Diseño web

  1. 1. WEB 2.0 Y E DISEÑO WEB. Introduccion.El padre de la World Wide Web elaboró undocumento informático que rompía con lo anteriorporque contenía hipervínculos.
  2. 2. Diseño y Web 2.0La llegada de la Web 2.0 ha supuesto unarevolución en el diseño, tanto en lo que se refierea la concepción artística como en las interfaces.
  3. 3. Estilo 2.0La Web 2.0 ha supuesto la creación de unaserie de clichés de diseño, de elementoscomunes, que configuran un estilo propio.Existen características concretas.
  4. 4. Uso de colores vibrantes y contrastados.Por criterios puramente estéticos, la web 2.0 secaracteriza por el uso colores con muchocontraste.
  5. 5. Logotipos reflejado.Durante un tiempo se convirtieron prácticamenteen un estándar los logotipos reflejados, de formaque según va separándose el dibujo del reflejo vadesenfocándose como si se tratara de papelmojado.
  6. 6. Futuro del diseño 2.0Hablar de diseño implica en general referirse a unaestandarización, hablar de escuelas, de tendencias,de modos de actuar generalizados, pero al mismotiempo de ruptura y originalidad.
  7. 7. Evolución tecnológica.Navegadores web.Un navegador es un programa que se utiliza paraacceder a la web. Desde el primer explorador,llamado NCSA Mosaic de principio de los noventahasta hoy, la evolución ha sido espectacular.
  8. 8. Flash.Durante algún tiempo muchas páginas consistíanen un gran archivo de Flash que contenía todoslos menús, textos, fotos, etc.
  9. 9. AJAX.El término AJAX (Asynchronous JavaScript AndXML), al igual que el de Web 2.0, no es ningúninvento, ni un gran avance tecnológico, es elnombre que se le puso a una serie de técnicas ycombinación de tecnologías ya existentes.
  10. 10. El internauta 2.0.¿Qué evolucionó antes? ¿El internauta o la web?Como en el famoso caso del huevo y la gallina,no está claro quién nació antes, pero pareceevidente que con el surgimiento de lasaplicaciones 2.0 los usuarios comenzaron aexigirlas. Entre una web donde ver vídeos y otradonde además de ver vídeos puedo comentarlo,compartirlo y subir los míos propios, el usuarioelegirá siempre la segunda opción.
  11. 11. Interfaces para un Internauta 2.0.Usabilidad, principios de la Usabilidad,usabilidad frente al diseño, arquitectura de laInformacion.
  12. 12. Usabilidad.El considerado gran gurú de la Usabilidad, JacobNielsen, la definió así en el año 2003: “El atributode calidad que mide lo fáciles que son de usar lasinterfaces Web.
  13. 13. Principios de la Usabilidad.Anticipación, autonomia, los colores debenusarse con precaucion, consistencia, Eficaciadel usuario, reversidad, ley de fitts, reducciondel tiempo de la distancia, Aprendizaje, el usoadecuado de metaforas, legibilidad, seguimientode las acciones Del usuario, interfaz visible.
  14. 14. Usabilidad frente al diseño.La Usabilidad se desarrolla con la parte izquierdadel cerebro y representa la razón y la acciónlógica; por lo tancon Marteto se corresponde.
  15. 15. Arquitectura de lainformación.“El arte y la ciencia de estructurar y clasificar sitiosweb e intranets con el fin de ayudar a los usuarios aencontrar y manejar la información”.
  16. 16. Estándares.El verdadero triunfo de la Web 2.0 ha sido eltriunfo de los estándares web, un término a vecespoco conocido entre los internautas pero con unaimportancia vital para el desarrollo web.
  17. 17. CCS.Las hojas de estilo en cascada (Cascading StyleSheets, CSS) son un lenguaje usado para definir lapresentación de un documento estructurado escritoen HTML o XML.
  18. 18. XHTML .El XHTML (Lenguaje de Marcado de HipertextoExtensible) es el lenguaje de marcado pensado parasustituir al HTML, pero aún le queda camino por recorrer.
  19. 19. Conclusiones .No está claro de donde provino el estilo 2.0. Nosrecuerda elementos muy dispares: desde laportada del disco Tubular Bells de Mike Oldfield,hasta los reflejos de las obras de Roy Lichtensteino las siluetas contrastadas de Keith Haring. Pero loque sí está claro que esta forma de diseñar estátraspasando los límites de las pantallas deordenador, para convertirse en un referente deldiseño digital como se aprecia, por ejemplo, en losgrafismos de televisión.

×