Web 2.0 yel diseño web
en nuestro caso, la Wikipedia, que laprimera web fue publicada en el año 1991por Tim Berners-Lee El padre de la WorldWide ...
Trece años después, en el año 2004, eldescubrimiento de Berners-Lee sereinventó, y no porque cambiara de undía para otro, ...
en la web 1.0 los usuarios hacían paginasweb sin base previa .la Web 2.0 ha supuesto el nacimiento deTodos los estilos.Ya ...
la Web 2.0 ha supuesto el nacimiento delos estilos.Todos sabemos que nos encontramos enuna página actual porque reconocemo...
   La Web 2.0 ha supuesto la creación de    elementos comunes, que configuran un    estilo propio, hasta el punto de que ...
   1- Uso de colores vibrantes y    contrastados Como son estos que    ayudan a facilitar y hacer quedar bien    tu pagin...
   3- Brillos, destellos y reflejos: tanto los    logotipos como las barras de menú y los    distintos elementos de las c...
   Bordes redondeados: la llegada de la    Web 2.0 ha supuesto el fin de las    esquinas, dando paso a un nuevo    arquet...
   4- Bordes redondeados: la llegada de la    Web 2.0 ha supuesto el fin de las    esquinas, dando paso a un nuevo    arq...
   5- Degradados: sin duda es una de las    técnicas visuales que más han calado    entre dos diseñadores de Web 2.0. Más...
   6- Líneas diagonales: se emplean    especialmente en los fondos de las    páginas y en los de los titulares, como    m...
   7- Desenfoques: se hacen    especialmente patentes en las sombras.    En lugar de ser sombras duras, los    diseñadore...
   8- Logotipos reflejados: durante un    tiempo se convirtieron prácticamente en    un estándar los logotipos reflejados...
   1. Simplicidad: “en igualdad de    condiciones la solución más sencilla es    probablemente la correcta”6. Este    pri...
   mientras en la web 1.0 todo el contenido    se alineaba a la izquierda, las páginas    2.0 siempre están centradas, me...
   antes la páginas se estructuraban en un    mayor número de columnas, imitando    tal vez el estilo de los periódicos; ...
   aunque siempre fueron distintas la zona    superior y la inferior, ahora se marca más    visualmente. Al mismo tiempo,...
   el concepto de Usabilidad en sí mismo.    Organizar la página para que el usuario    navegue intuitivamente y sepa par...
   tras un período en el que la tendencia    era emplear fuentes pequeñas, como    indicativo de elegancia, se ha pasado ...
   en general, la negrita se ha convertido    en el modo más eficiente de destacar la    información sin recurrir a color...
   Hablar de futuro es referirse a lo toda la    gente hace y copia hasta que alguien    rompe la cadena y crea algo    i...
 3.4.1 Navegador Un navegador es un programa que se  utiliza para acceder a la web. Desde el  primer explorador, llamado...
 Hoy en dia existen muchas variedades  de navegadores para moviles y PDA Inicialmente te se optó por hacer  versiones es...
 3.5. FlashLos archivos elaborados con el programa  de animación 2D por excelencia en el  campo web, Flash, han pasado de...
 3.6. AJAX El término AJAX (Asynchronous JavaScript  And XML), al igual que el de Web 2.0, no es  ningún invento, ni un ...
 3.7. El internauta 2.0 ¿Qué evolucionó antes? ¿El internauta o  la web? Como en el famoso caso del  huevo y la gallina,...
   - Los usuarios son más exigentes. Hasta    la llegada de la Web 2.0 el internauta    accedía a una página, la explorab...
   - Los usuarios saben dónde está o    debería estar cada botón. Los menús    están en la parte superior y/o en la    iz...
 - Los usuarios no quieren diseñar. Hasta hace poco cuando alguien  diseñaba una página web era porque  abría un program...
   - Los usuarios quieren participar: la Web    2.0 es a menudo considerada como la    “web colaborativa” ya que su base ...
   - Los usuarios quieren crear: este el    objetivo último de la Web 2.0. Un    internauta que crea contenidos y que,   ...
 3.8.2. Principios de la Usabilidad 1. Anticipación, el sitio web debe  anticiparse a las necesidades del  usuario. 2. ...
 3.8.4 Arquitectura de la información “El arte y la ciencia de estructurar y  clasificar sitios web e intranets con el f...
 3.9. Estándares El verdadero triunfo de la Web 2.0 ha  sido el triunfo de los estándares web, un  término a veces poco ...
Presentacion dante 01 semana 3 tic
Próxima SlideShare
Cargando en…5
×

Presentacion dante 01 semana 3 tic

150 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
150
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Presentacion dante 01 semana 3 tic

  1. 1. Web 2.0 yel diseño web
  2. 2. en nuestro caso, la Wikipedia, que laprimera web fue publicada en el año 1991por Tim Berners-Lee El padre de la WorldWide Web elaboró un documentoinformático que rompía con lo anteriorporque contenía hipervínculos.
  3. 3. Trece años después, en el año 2004, eldescubrimiento de Berners-Lee sereinventó, y no porque cambiara de undía para otro, sino porque, como sueleocurrir en el mundo de Internet, alguien lepuso un nuevo nombre: Web 2.02.
  4. 4. en la web 1.0 los usuarios hacían paginasweb sin base previa .la Web 2.0 ha supuesto el nacimiento deTodos los estilos.Ya que aquí el usuario adquiere un nuevopapel dentro del soporte. Y el es el queelige.
  5. 5. la Web 2.0 ha supuesto el nacimiento delos estilos.Todos sabemos que nos encontramos enuna página actual porque reconocemosuna serie de cánones repetitivos: bordesredondeados, degradados, un fondo condiagonales y el logo reflejado.EJEMPLO:
  6. 6.  La Web 2.0 ha supuesto la creación de elementos comunes, que configuran un estilo propio, hasta el punto de que a la hora de abordar el diseño de una página.
  7. 7.  1- Uso de colores vibrantes y contrastados Como son estos que ayudan a facilitar y hacer quedar bien tu pagina web: 2- Badges: se trata de una serie de botones con forma de chapas o placas. Consiste en una estrella con bordes redondeados y que habitualmente se utilizan para atraer la atención sobre un precio.
  8. 8.  3- Brillos, destellos y reflejos: tanto los logotipos como las barras de menú y los distintos elementos de las composiciones cuentan con destellos de luz y pequeñas zonas sobreexpuestas, que aportan volumen a los diseños.
  9. 9.  Bordes redondeados: la llegada de la Web 2.0 ha supuesto el fin de las esquinas, dando paso a un nuevo arquetipo en el que todos los bordes son redondeados.
  10. 10.  4- Bordes redondeados: la llegada de la Web 2.0 ha supuesto el fin de las esquinas, dando paso a un nuevo arquetipo en el que todos los bordes son redondeados.
  11. 11.  5- Degradados: sin duda es una de las técnicas visuales que más han calado entre dos diseñadores de Web 2.0. Más pronunciados o más sutiles
  12. 12.  6- Líneas diagonales: se emplean especialmente en los fondos de las páginas y en los de los titulares, como motivos decorativos que se repiten.
  13. 13.  7- Desenfoques: se hacen especialmente patentes en las sombras. En lugar de ser sombras duras, los diseñadores utilizan leves desenfoques.
  14. 14.  8- Logotipos reflejados: durante un tiempo se convirtieron prácticamente en un estándar los logotipos reflejados, de forma que según va separándose el dibujo del reflejo va desenfocándose como si se tratara de papel mojado.
  15. 15.  1. Simplicidad: “en igualdad de condiciones la solución más sencilla es probablemente la correcta”6. Este principio, conocido como el de la Navaja de Occam, se ha convertido en la base del diseño.
  16. 16.  mientras en la web 1.0 todo el contenido se alineaba a la izquierda, las páginas 2.0 siempre están centradas, mejorando la visualización de los contenidos en cualquier tipo de resolución de escritorio.
  17. 17.  antes la páginas se estructuraban en un mayor número de columnas, imitando tal vez el estilo de los periódicos; el diseño actual tiende hacia dos, en el caso de los blogs, y tres en el caso de las páginas con un mayor volumen de contenido.
  18. 18.  aunque siempre fueron distintas la zona superior y la inferior, ahora se marca más visualmente. Al mismo tiempo, cada área está claramente definida para un tipo de navegación o de interacción y una serie de contenidos.
  19. 19.  el concepto de Usabilidad en sí mismo. Organizar la página para que el usuario navegue intuitivamente y sepa para qué sirve cada elemento y con cuáles puede interactuar.
  20. 20.  tras un período en el que la tendencia era emplear fuentes pequeñas, como indicativo de elegancia, se ha pasado a un modelo en el que se consigue que las fuentes grandes.
  21. 21.  en general, la negrita se ha convertido en el modo más eficiente de destacar la información sin recurrir a colores que ensucien la identidad corporativa de la página.
  22. 22.  Hablar de futuro es referirse a lo toda la gente hace y copia hasta que alguien rompe la cadena y crea algo innovador.
  23. 23.  3.4.1 Navegador Un navegador es un programa que se utiliza para acceder a la web. Desde el primer explorador, llamado NCSA Mosaic de principio de los noventa hasta hoy, la evolución ha sido espectacular.
  24. 24.  Hoy en dia existen muchas variedades de navegadores para moviles y PDA Inicialmente te se optó por hacer versiones específicas para cada tipo de navegador, pero es un coste inasumible ante la gran proliferación de aplicaciones y dispositivos.
  25. 25.  3.5. FlashLos archivos elaborados con el programa de animación 2D por excelencia en el campo web, Flash, han pasado de ser la solución definitiva cuando deseamos hacer una web visualmente atractiva, a una posición mucho más discreta.
  26. 26.  3.6. AJAX El término AJAX (Asynchronous JavaScript And XML), al igual que el de Web 2.0, no es ningún invento, ni un gran avance tecnológico, es el nombre que se le puso a una serie de técnicas y combinación de tecnologías ya existentes. Poco a poco se ha convertido en una palabra de moda, que popularizó Jesse James Garrett en su artículo “Ajax: A New Approach to Web Applications
  27. 27.  3.7. 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 parece evidente que con el surgimiento de las aplicaciones 2.0 los usuarios comenzaron a exigirlas.
  28. 28.  - Los usuarios son más exigentes. Hasta la llegada de la Web 2.0 el internauta accedía a una página, la exploraba, valoraba si algún contenido le interesaba y, si no, se iba.
  29. 29.  - Los usuarios saben dónde está o debería estar cada botón. Los menús están en la parte superior y/o en la izquierda, y el logo que abre la pantalla es un enlace a la página de inicio.
  30. 30.  - Los usuarios no quieren diseñar. Hasta hace poco cuando alguien diseñaba una página web era porque abría un programa de retoque fotográfico.
  31. 31.  - Los usuarios quieren participar: la Web 2.0 es a menudo considerada como la “web colaborativa” ya que su base es que los usuarios empiezan a opinar, a juzgar y a decir lo que les gusta y lo que no.
  32. 32.  - Los usuarios quieren crear: este el objetivo último de la Web 2.0. Un internauta que crea contenidos y que, por lo tanto, no se encuentra ante una página diseñada con mejor o peor resultado, sino ante una interface.
  33. 33.  3.8.2. Principios de la Usabilidad 1. Anticipación, el sitio web debe anticiparse a las necesidades del usuario. 2. Autonomíalos usuarios deben tener el control sobre el sitio web. Los usuarios sienten que controlan un sitio web si conocen su situación en un entorno abarcable y no infinito.
  34. 34.  3.8.4 Arquitectura de la información “El arte y la ciencia de estructurar y clasificar sitios web e intranets con el fin de ayudar a los usuarios a encontrar y manejar la información”. Así definieron Louis Rosenfield y Peter Morville esta disciplina en su libro
  35. 35.  3.9. Estándares El verdadero triunfo de la Web 2.0 ha sido el triunfo de los estándares web, un término a veces poco conocido entre los internautas pero con una importancia vital para el desarrollo web.

×