-
Period: to
El inicio de la época oscura del diseño
Se basaba en pantallas negras con pixeles monocromáticos que te daban el toque de color.
No existía el diseño web ya que el texto dominaba la pantalla. -
Primera página web "World Wide Web"
Tim Berners-Lee lo diseño con el objetivo de informar que era la World Wide Web (o red informática global.) -
Diseño con tablas
Los navegadores que permitían mostrar las imágenes representan la evolución del diseño web en si mismo. Las tablas llegaron a otorgarle orden al contenido, habían diseños fluidos y estáticos, a través de tablas dentro de tablas. -
Java Script
Como punto en contra hace más lento la carga de la página.
Se utiliza para la creación de una página HTML, se mantiene fuerte tanto en formato front-end como en back end, Siendo el front end 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. -
La era de Flash y libertad del diseño.
Flash posee la posibilidad de efectos visuales a través de una sola herramienta. Con un archivo que se envía al navegador para ser mostrado. -
Cascading Style Sheets-Hojas de estilo en Cascada
Separa el contenido de la forma de presentación. En HTML 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.
La información se basaba en los usuarios y la WEB 2.0. se hace popular junto con las redes sociales y blogs.
Con interfaces visualmente más agradables y alta usabilidad del diseño web, tanto en los usuarios como en los buscadores. -
Diseño de grilla y framework.
El diseño web se vio en la necesidad de evolucionar con la llegada de los smartphones. Se generaron versiones del sitio basadas en el tamaño de pantalla, a través del uso de grillas y framework.
La primera mejora fue con columnas, hasta que se definió el sistema de rejilla con una división en 12 columnas con un sistema que se utiliza en la actualidad. -
Diseño responsivo.
El diseño responsivo o adaptable llegó para resolver el conflicto de tamaño de las diferentes pantallas de dispositivos inteligentes. Es posible utilizar imágenes que ocupaban el ancho completo de pantalla y se abre el camino hacia el diseño web minimalista con apariencia sencilla y limpia. Se ha privilegiado un diseño más plano, dejando los efectos de sombra y regresando a la fotografía, tipografía y detalles de línea. La simplicidad de la mano de la practicidad. -
Diseño responsivo parte 2.
De manera más evolucionada el ciclo vuelve a sus comienzos, los cambios y la propia evolución de los dispositivos continuarán influyendo en el mundo del diseño. Dependemos de esto para exponer los sitios. -
Mobile First
Mobile first con el diseño responsivo mejora la experiencia de navegación en los dispositivos móviles. La creación del sitio web se piensa y realiza primero para dispositivos móviles 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 posibilidad de agregar componentes para personalizar el sitio web. -
Editor Gutenberg
Está 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.
