EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Contacto
  • Blog
Contenido adicional
  • Metodología Scrum

Evolución del diseño web

Evolución diseño web

Evolución diseño web

Tabla de contenidos

  • 1.1 Evolución del diseño web
  • 1.2. Evolución del diseño de los logotipos
  • 1.3. Inspiración para el diseño web: recursos online
  • Comprueba tu aprendizaje

1.1 Evolución del diseño web

Cuando hablamos de la historia del diseño web, el momento inicial lo encontramos en 1990, cuando nace la primera versión de HTML, en donde el texto dominaba el espacio. Desde los orígenes hasta nuestros días, son muchos los avances dirigidos a mejorar la navegación de los usuarios. Te contamos cómo ha evolucionado desde entonces el diseño web.

De la primera página web a la animación Flash

En 1991, un año más tarde de la creación de la primera versión de HTML, Tim Berners-Lee crea el primer sitio web con el objetivo de informar de los avances sobre las características del hipertexto o de los requisitos técnicos para diseñar nuevas páginas. Sin embargo, por entonces únicamente los miembros del CERN (Organización Europea para la Investigación Nuclear) tenían acceso a esta página, por lo que su difusión fue mínima. 

Curiosidad sobre la primera foto subida a Internet:

Se trataba de un grupo de música aficionado llamado Les Horribles Cernettes. Este nombre ha pasado a la historia porque su fotografía, tomada el 18 de julio de 1992, tiene el mérito de haber sido la primera subida a Internet.

El creador de la World Wide Web, Tim Berners Lee, fue el que tuvo la idea de subir la foto a la nueva red. Sus compañeros se extrañaron porque en esos momentos Internet estaba compuesto exclusivamente de texto y sólo lo utilizaban físicos.

Leer noticia completa en ABC

En el 1992, con la aparición de los navegadores, las tablas fueron una revolución, un gran avance con respecto a la visualización de los documentos y la experiencia
ofrecida a los usuarios. Más adelante, otros elementos reemplazarán su función, permitiendo lograr lo mismo con menos código, facilitando la creación, permitiendo portabilidad y ayudando al mantenimiento de los sitios web.

Pocos años después, en 1994, se conformó el World Wide Web Consortium.

A mediados de los noventa, Flash y Javascript dieron lugar a las animaciones con efectos visuales, haciendo posible resolver las limitaciones del HTML. A partir de ese momento, el problema era la larga espera que experimentaban los navegantes cuando cargaban estas páginas tan sumamente animadas.

La llegada de CSS y PHP

Alrededor de 1998, se experimentó con CSS y PHP para crear páginas webs dinámicas y de carga más rápida.

La Web 2.0 llegó en 2003, con nuevas funcionalidades CSS3 y una información basada directamente en el usuario. En este punto, las redes sociales y los blogs empezaron a hacerse más notables.

Web responsive con la llegada de los smartphones

En 2008 los smartphones comienzan a pedir diseño web propio y en el año 2012 se presenta el Diseño Web Responsive. Las webs se optimizaron para todo tipo de dispositivos y pantallas. Desde aquel momento, se presenta la información al usuario de una manera operativa, bajo el lema “el contenido por encima de todo”. Atrás dejamos los efectos de sombra y recuperamos las fotografías, las fuentes sencillas y las líneas.

El diseño web en la actualidad

En la actualidad, están en alza los desarrolladores de sitios web como herramienta práctica para diseñarlos, junto con el diseño 3D (representación tridimensional de datos geométricos) y el dominio de los gráficos vectoriales, que pueden ser escalados ilimitadamente sin perder su calidad.

En el futuro, ¿cuál crees que serán los avances en diseño web? Lo que es seguro es que esta materia seguirá en constante transformación y con un progreso impredecible. 

Ver ejemplos de diseños novedosos:

  • Ejemplo de página solo con CSS
  • An experiment in creating 3D environments using CSS and HTML and JavaScript
  • Simulación de fluidos

Ejemplo de evolución del diseño web

En la página web archive.org puedes ver la evolución de casi cualquier web a lo largo de los años. Pincha en los siguientes enlaces para ver la evolución de las distintas webs. Utiliza la barra de selección superior para navegar entre las distintas páginas.

  • Evolución web de Google
  • Evolución web Universidad Alicante
  • Evolución web Marca.com

1.2. Evolución del diseño de los logotipos

Veamos ahora el siguiente tablero de Pinterest en el que se ha recogido la evolución del diseño de varios logotipos a lo largo del tiempo.

1.3. Inspiración para el diseño web: recursos online

A la hora de encontrar inspiración y trabajar la creatividad, es muy útil ver ejemplos de diseños web profesionales y conocer las últimas tendencias. Para conseguir este objetivo hemos seleccionado las páginas web más interesantes para estar al día de las últimas noticias y novedades del sector del diseño web.

Comprueba tu aprendizaje

¿Cuándo se creó la primera versión de HTML?

¡Bien! ¡Has fallado!

¿Quién creó el primer sitio web?

¡Bien! ¡Has fallado!

En la actualidad las animaciones flash son muy utilizadas en el diseño de páginas web

¡Bien! ¡Has fallado!

Hace ya más de 20 años que se diseñan web para móviles

¡Bien! ¡Has fallado!

Evolucion del diseño web
¡Muy bien!
Sigue repasando...
Compartir

UD1. Planificación de interfaces gráficas

  • 1. Evolución del diseño web
  • 2. Interacción persona-ordenador
  • 3. Elementos conceptuales: punto, línea, plano, volumen
  • 4. Elementos visuales: forma, medida, color, textura
  • 5. Elementos de relación: dirección, posición, espacio, gravedad
  • 6. Elementos prácticos: representación, significado y función
  • 7. Características: usable, visual, educativa y actualizada
  • 8. Elementos de identificación, navegación, contenidos e interacción
  • 9. Componentes de una interfaz web
  • 10. Guía de estilo: color, tipografía e iconos
  • 11. Mapas conceptuales y mapas de navegación
  • 12. Prototipos web
  • 13. Gestores de contenido o CMS
  • 14. Pasos para crear una página web
  • 15. Referencias y recursos para la planificación de interfaces gráficas

Unidades

  • UD1. Planificación de interfaces gráficas
  • UD2. HTML
  • UD3. CSS básico
  • UD4. CSS avanzado
  • UD5. Imágenes, licencias y software de gestión
  • UD6. Sonido, vídeo y animaciones
  • UD7. Plantillas y frameworks de desarrollo
  • UD8. Integración de contenido interactivo
  • UD9. Diseño de webs accesibles
  • UD10. Usabilidad web
  • Metodología Scrum

ENLACES

  • Nosotros
  • Contacto
  • Mapa del sitio
  • Blog

CodePen

codepen

CURSOS

  • Diseño de Interfaces Web

REDES SOCIALES

NUESTRA MISIÓN

Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

Únete y recibe gratis contenido exclusivo



    © 2020 Eniun Diseño Web y Marketing Digital
    Política de privacidad y cookies
    • Metodología Scrum
    Contenido adicional
    • Metodología Scrum
    • Metodología Scrum