-
El inicio de la época oscura del diseño
Se basaba en pantallas negras con pixeles monocromáticos que le daban el toque de color.
No existía el diseño web, ya que el texto dominaba la pantalla. -
Se pública la primera pagina web "World Wide Web"
Tim Berners-Lee considerado uno de los más grandes creadores de la Web, creo este sitio con el objetivo de informar que era la World Wide Web (o red informática global. -
Diseño con Tablas
Una evolución del diseño de la web en sí mismo son los navegadores que permitían mostrar imágenes, las tablas llegaron para darle orden al contenido, diseños estáticos y fluidos, a través de tablas dentro de tablas. -
Java Sript
Este llegó para resolver varias limitaciones del HTM, se mantiene fuerte tanto en front-end como en back-end.
El font-end es lo relacionado a aquello que se ve en un sitio web. Mientras que el back-end garantiza que los datos correctos se envíen al navegador y crean la funcionalidad del sistema.
Como punto en contra es que se hace más lenta la carga de la pagina. -
La era de Flash, y la libertad del diseño
Flash, posibilidad de efectos visuales, a través de una sola herramienta. Con un archivo que se envía al navegador para ser mostrado. -
El auge de CSS. Cascading Style Sheets - Hojas de estilo en cascada
Separa el contenido de la forma de presentación. Es decir, que en HTML se trabaja el contenido, mientras que en CSS se define el formato y la apariencia.
Al comienzo la visualización variaba dependiendo el navegador, lo que dificultaba la actividad del desarrollador. -
La Web 2.0
Información basada en los usuarios, y la Web 2.0. se hace popular junto con las redes sociales y blogs.
Interfaces visualmente más agradables, alta usabilidad y diseño web tanto en los usuarios como en los buscadores. -
Diseño de grilla y Framework. La llegada del diseño para móviles
El diseño web se vio en la necesidad de evolucionar con la llegada de los smartphones. Generar visiones del sitio basadas en el tamaño de la pantalla a través del uso de grillas y framework.
Primera mejora, columnas, hasta que se definió el sistema de rejilla con una división en 12 columnas como sistema que se utiliza hasta la actualidad. -
Diseño responsivo
El diseño responsivo o adaptable llegó para resolver le conflicto de tamaño de las diferentes pantallas de los dispositivos inteligentes.
De esta manera es posible utilizar imágenes que ocupan el ancho completo de pantalla, y se abre el camino hacia el diseño web minimalista con apariencia más sencilla y limpia.
Privilegiado un diseño más plano, colocan al contenido en primer lugar, dejando atrás los efectos de sombra y regresando a la fotografía, tipografía y los detalles de líneas. -
Diseño responsivo parte 2
La simplicidad de la mano de la practicidad. Parecería que de manera mas evolucionada el ciclo vuelve a sus comienzos.
Los cambios y la propia evolución de los dispositivos continuaran influyendo en el mundo del diseño, ya que dependemos de éstos como medio para exponer los sitios. -
Mobile First
Mobile First con el diseño responsivo. Mejorar la experiencia de navegación en los dispositivos móviles.
La creación del sitio web se piensa y realiza primero para dispositivos Mobile, y después se adapta para desktop. -
Sitios web a la mano de todos
No es necesario ser un experto para crear una página. Están en alta los creadores de sitios como herramientas prácticas para construir sitios web desde plantillas y con la posibilidad de agregar componentes para personalizar el sitio web. -
Editor Gutenberg
Editor Gutenberg, compuesto de bloques, haciendo mucho más fácil el proceso de diseño y creación de sitios web. También el diseño 3D y el dominio de los gráficos vectoriales en un nivel más avanzado.
