04 Ene ¿Qué se lleva en diseño web?

¡Qué ganas tenía de volver al blog! Tengo un montón de ideas nuevas de las que hablar. Hoy quiero comentar las tendencias en diseño web que se han estado utilizando en los últimos meses. Es decir: no es lo que viene, es lo que hay ahora mismo.  ¿Qué es lo que se está viendo cada vez más en diseño web?

Esta plantilla la hice para Adobe Muse, un sistema de webs que no es WordPress

Animación

No hablo de videos animados, sino de animación de los propios elementos de la web. Según avanzas van apareciendo suavemente bloques de textos imágenes. O surgen desde ángulos que no esperas mientras vas haciendo scroll.

Es genial porque la navegación de los visitantes la creas tú. Les llevas donde decides y les sorprendes, porque ciertamente no es lo que estaban esperando encontrar.

La sensación es suave, mágica y la experiencia es muy agradable.

Es una de las tendencias que más me gustan (¡tengo que aprender animación!) porque me puedo imaginar la de posibilidades que tiene. Sobre todo porque conecta con el hecho de contar, de narrar. Y esto hace que la experiencia sea aun más personal y emocional. Ya te contaré lo que pienso sobre esta oleada de webs tan parecidas.

Mira lo que te digo en esta web, merece la pena entrar en una de las casas, tocar allí y allá, sacar el menú y ver cómo se mueven los elementos. Es una gozada.

Daniel Hopwood

No es casualidad que los primeros que están utilizando esta tecnología sean las agencias creativas, como Build in Amsterdam. Prueba la navegación y verás.

Build in Amsterdam

Reputation Squad, de nuevo una agencia creativa. La animación nos lleva a través de la historia de algunos de sus proyectos. De verdad merece la pena que entres y la mires. Una manera evolucionada de enseñar un portfolio de imágenes. ¿No te da la sensación de que vamos hacia algo similar al cine?

Reputation Squad

Bloques que se solapan

¡Bienvenida sea una poquita más de libertad al diseñar webs! Al descolocar y solapar bloques tenemos un diseño más dinámico y menos previsible. Da un respiro a la típica retícula de franjas y cuadros. Cuando usamos el blanco como fondo de esos bloques el diseño lo agradece y respira. Creo que esta tendencia se queda porque en realidad es un abrir las puertas a la flexibilidad en las composiciones. Y eso nos gusta y no cansa.

Mira la web de Jasmine Star:

Jasmine Star

O la de The Fotonaut, que es un curioso servicio de photobooth (o fotomatón).

The Fotonaut

Esto no es exactamente una web. Se trata de un .psd, que se vende (en este caso es gratis) para que los desarrolladores tengan ya ideada la user interface (UI) o hablando más sencillo, que tengan hecho un diseño sobre el que programar.

Les Meubls

Tipografías sans serif y colores difíciles

Sobre todo gruesas como la Sofia Pro, aunque esta tendencia se viene dando más entre creativos webs de diseño. Combinando con un color muy difícil como es el añil. Yo creo que como es muy extremada o no durará mucho o no pasará al mainstream.

En Best Friends Forever tienes las tipografia Sofia Pro en la frase principal y el color en cuestión.

Best Friends Forever

Semplice es una plantilla en WordPress para crear protfolios para diseñadores. En su web puedes ver una muestra de cómo la ha utilizado cada uno de ellos. Es un buen sitio donde podrás ver las tendencias más límite. Algunas de ellas no van a llegar a ponerse de moda.

Semplice

Tipografías gruesas serif bold

Tienen un aspecto entre elegantón y potente, pero creo que este estilo no aguantará demasiado porque es muy cargado. Mientras tanto, queda estupendo. Este portfolio de Jenny Johanson combina esta tipografía (Gokú) con un degradado que le añade expresividad. Fíjate que el resto de las tipografías son intencionadamente pequeñas para no restarle protagonismo.

Jenny Johanson

Casi el mismo esquema en OstroLucky. Esta tipografía es la gratuita de Google Fonts: Playfair Display Bold. Todo el protagonismo para ella.

Ostrolucky

Y la del estudio Karl Anders, donde tenemos la tendencia del azul añil y la tipografia Eksell. En este caso la imagen no queda en segundo plano como las otras. Es un equilibrio entre elementos más arriesgado.

Karl Anders

Portadas de blog menos rígidas

Hace unos años la portada de un blog estaba formada por todos los posts enteros y uno tras otro, más tarde se ponían extractos de los posts uno debajo del otro, de una forma muy parecida. Luego llegó la distribución de posts tipo Pinterest. Pero cada vez el diseño es más libre. Como por ejemplo en la nueva home de Kinfolk.

Kinfolk

O la web de la diseñadora Promise Tangeman, donde, si te fijas, todos son posts. Es una forma mucho más divertida y dinámica de presentarse.

Promise Tangeman

Volvemos a una estructura más clásica, pero con unos cuantos giros. Se trata del blog de Jasmine Star.  Arriba del todo, un slider, a continuación sus posts destacadados en un carrousel, y ya debajo el blog. Y allí tampoco es la disposición clásica: el último post destacado en grande y abajo los extractos de los demás. Visualmente mucho más bonito que el clásico blog, desde luego.

Jasmine Star

La verdad es que creo que me he dejado unas cuantas en el tintero: los textos en vertical, los colores planos y fuertes y las formas geométricas recortánose sobre fondo blanco. El color piel y las fotos enormísimas no solo en las cabeceras. Y hablando de fotos, ninguna de estas tendencias se sostiene con unas fotos malas. Se puede decir que hoy en día sin buenas fotos no hay mucho que hacer. Otro día hablamos de fotos, es un tema que me encanta.

¡Hasta muy pronto!

Guardar

Guardar

Guardar

Guardar

Apúntate a Meisi Club.
Diseño cada día por 10/€ mes

Meisi Club es un servicio de suscripción mensual en el que podrás acceder a videotutoriales y podrás permanecer el tiempo que quieras.