EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            diseno interfaces web
            Módulo Diseño de Interfaces Web
            01/08/2019
            interacción persona ordenador
            Interacción persona-ordenador (IPO)
            02/08/2019

            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

            1.1 Evolución del diseño web

            Cuando hablamos de la historia y de la evolución del diseño web, el momento inicial lo encontramos en 1990, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) creó la primera versión de HTML, en la que el texto dominaba el espacio.

            Tim Berners-Lee es considerado el padre de la Web porque desarrolló sus tres pilares fundamentales:

            • Lenguaje HTML (HyperText Markup Language)
            • Protocolo HTTP (HyperText Transfer Protocol)
            • Sistema de localización de objetos en la web URL (Uniform Resource Locator)

            El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre “HTML Tags” (Etiquetas HTML) y actualmente puede ser consultado a modo de reliquia informática.

            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 publicó el primer sitio web con el objetivo de informar de los avances sobre las características del hipertexto y de los requisitos técnicos para diseñar nuevas páginas.

            Sin embargo, por aquel entonces únicamente los miembros del CERN 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 1992, con la aparición de los navegadores, el diseño mediante tablas fue una revolución en cuanto a la organización de los elementos y la experiencia ofrecida a los usuarios. En esa época no había estilos CSS para poner varios elementos en la misma altura.

            Pocos años después, en 1994, se conformó el World Wide Web Consortium (W3C) con el fin de desarrollar estándares y recomendaciones web.

            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 comenzó a experimentar con CSS y PHP para crear páginas webs dinámicas y de carga más rápida. En este punto fue cuando empezó el diseño web sin tablas, permitiendo lograr lo mismo con menos código, facilitando la creación y ayudando al mantenimiento de los sitios web.

            La Web 2.0 llegó en 2003, con nuevas funcionalidades CSS3 y una información basada directamente en el usuario. En este periodo, 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 adaptable (responsive web design). Desde aquel momento, se presenta la información al usuario de una manera operativa, bajo el lema “el contenido de calidad por encima de todo”.

            El diseño web en la actualidad

            En la actualidad, están en alza las fuentes sencillas, los colores planos y los gráficos vectoriales, que permiten ser escalados ilimitadamente sin perder calidad.

            En el futuro, ¿Cuáles 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 de identificación, navegación, contenidos e interacción
            • 4. Componentes de una interfaz web
            • 5. Elementos conceptuales: punto, línea, plano, volumen
            • 6. Elementos visuales: forma, medida, color, textura
            • 7. Elementos de relación: dirección, posición, espacio, gravedad
            • 8. Elementos prácticos: representación, significado y función
            • 9. Guía de estilo: color, tipografía e iconos
            • 10. Prototipos web
            • 11. Mapas conceptuales y mapas de navegación
            • 12. Características: usable, visual, educativa y actualizada
            • 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



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results