Tendencias de Diseño en Web (Aqua, Skeumorphism, Material)

[Draft]
Este post es un breve resumen sobre como se veía la web viejita hasta la web de hoy (2021).

Compu mundo hiper mega red

Tomando en cuenta en que la primera versión de la web era solo texto vamos a adelantarnos a finales de los 90's donde podíamos meter imagenes, gifs y tener algunos efectos con javascript teniendo nuestro sitio alojado en geocities. No hay mucho chiste en esta tendencia, era un caos total y solo tenías que aventarle cosas a tu sitio, el resutlado era algo como esto:

Botones Aqua

En el año 2000 Steve Jobs anunciaba junto con su nuevo sistema operativo MacOS X (el que tenía versiones con nombres de gatitos) una nueva interfaz gráfica llamada Aqua. Miren nada mas como brillan esos botones!!

Un año mas tarde teníamos esos botones en cada esquina de la web hasta como por el año 2008, la forma de hacerlo era utilizar una imagen png de fondo en nuestro elemento html.

Skeumorphism

En 2007 se anunción el primer iPhone este dispositivo llevaba con el la idea de llevar el feeling de lo real a sus apps, por eso los iconos y las texturas "realistas" dentro de las apps, esto es el skeumorphismo.

Y en web sucedió lo mismo un año mas tarde, donde dependiendo del concepto del negocio (ping pong en nuestro ejemplo), la web se adaptaba para resaltarlo, utilizando imagenes con degradados, sombras, relieves y luz o brillo para lograr efectos realistas.

Flat y Material

En 2013 Apple cambió el diseño en sus dispositivos móviles abandonando el skeumorphismo y con esto llegaron ventajas con el performance al reducir el tamaño de las aplicaciones. La nueva tendencia se basaba en colores planos sin texturas y fuentes minimalistas.

En 2014 Google lanza Material Design para android siguiendo la tendencia flat agregandole sombras y elementos flotantes.

Flat es la tendencía que seguimos utilizando en 2021 en web, por la simpleza de poder hacerlo todo con propiedades CSS de manera sencilla y la rapidez al cargar los sitios web. Y pues la neta, tantas imagenes si pesan un chingo y ahora con eso de que se navega mas en dispositivos móviles a parte de que los sitios tardarían un montón en cargar se nos van los datos de nuestro contrato con nuestra compañia de telefonía celular!!.

[Draft]