Tendencias de diseño calentitas para este 2013

Siempre he creído en el diseño como una disciplina que debe ofrecer una solución comunicativa específica, “ad hoc”, adaptada a cada problema diferente. Por eso suelo renegar de las tendencias estéticas generalistas que marcan año tras año los supuestos diseñadores “gurus” en revistas y blogs del ramo. Sin embargo, es innegable que en el campo del diseño web estamos asistiendo, de un tiempo a esta parte, a un enorme cambio de tendencia, debido a la consolidación de nuevos estándares (Html5, Css3…) y la aparición de nuevos dispositivos de móviles de acceso a la red. Ante este cambio en curso cabe preguntarse, ¿qué características tendrán las webs en este 2013?

Primero el móvil, luego todo lo demás

Pensar en el diseño móvil antes que en el de escritorio fue ya algo habitual en el diseño web del 2012 y lo seguirá siendo cada vez más durante este año y los siguientes. Según el libro blanco del comercio electrónico, en torno al 2016, 4 de cada 5 conexiones a Internet se realizarán a través de dispositivos móviles. Parece lógico por tanto que los diseñadores nos aseguremos de que las páginas que realicemos se visualizen correctamente en móviles y tabletas de todas las resoluciones.

En Media Queri podemos ver excelentes ejemplos de webs responsive.

El tamaño sí importa

En parte como consecuencia de optimizar la web para dispositivos móviles, el diseño web ha ido ganando en simplicidad pero también en tamaño. Menos elementos pero más grandes, esta parece ser la nueva máxima del diseño web actual. Capas, botones (deben ser suficientemente grandes para usarlos con el dedo), imágenes, videos y sobre todo las tipografías han ido creciendo significativamente en los últimos años.

Atrás quedaron las fuentes estandarizadas, aburridas y poco vistosas. El uso de las Web fonts permite un nuevo protagonismo para las tipografías, que ahora lucen preciosas y orgullosas en tamaños enormes de hasta 64px y 72px.

En esta web puedes ver ejemplos de tipografías enormes utilizadas en diseño web.

Piensa en Metro

Por mucho que Microsoft se empeñe en quitarnos la costumbre, la interfaz de su Windows 8 siempre será conocida como estilo Metro. Colores planos, grandes botones, simplicidad y mucho espacio limpio y vacío. Estas son, a grandes rasgos, las características de Metro, una interfaz pensada principalmente para su uso en tablets y cuya estética se empieza a ver, cada vez con mayor frecuencia, aplicada en el diseño de muchas webs.

En esta web puedes ver una recopilación de temas de WordPress con el estilo Metro, y en Codepen puedes aprender a replicar las animaciones características de Windows 8 con Css y Javascript.

Anima tu web

Cuando Apple decidió no dar soporte para Flash en el iPhone en el fondo nos hizo un favor a todos. Esta tecnología comenzó a caer en desuso, haciendo que las webs no solamente fueran más ligeras y compatibles, sino también menos ruidosas y barrocas. Ahora con Css3 y Jquery se vuelven a popularizar las animaciones en la web, eso sí, esta vez más sutiles y elegantes. En el 2013 una de las grandes tendencias serán las webs que utilicen las animaciones como elemento narrativo, todo un storytelling a golpe de scroll.

Buenos ejemplos de este uso narrativo de la animación web son:  Wildbluetech, Everylastdrop, Jiouhe, y el portfolio de Gabrier Lorin.

Saca los colores

La tendencia del diseño web este año será, como ya lo fue el año pasado, el uso de colores planos, principalmente en una gama de pasteles, casi retro. En tympanus.net se atreven incluso a predecir los dos colores que más se utilizarán, melocotón y salmón: #F97743 y #F38268.

También puedes ver aquí ejemplos de un buen uso de color en el diseño web.

En los detalles está la diferencia

En definitiva este año seguiremos viendo webs limpias, minimalistas, grandes y muy muy cuidadas. Porque al final la importancia está en los detalles, en el mimo que se le ponga al diseño: utilizando ilustración en vez de fotografía de archivo por ejemplo, o cuidando el lenguaje utilizado en el copy. Con todo ello conseguiremos que las webs sean una experiencia cada vez más cercana y agradable para el usuario.