Descubre las últimas tendencias del diseño web

Descubre las últimas tendencias del diseño web

El diseño y las tendencias en el mundo online van a toda velocidad. ¿Pero cómo saber que es lo que se lleva? ¿Cómo conseguir transmitir profesionalidad, frescura, modernidad y marcar tendencia?

Ponte al día de las tendencias y presume de web a la última.

El scroll: ¿quién dijo miedo?

Las páginas web con complejas arquitecturas de la información, multitud de secciones y decenas de páginas han caído en desuso. Si bien pueden llegar a tener alguna ventaja desde un punto de vista SEO, desde un punto de vista gráfico están “demodé”.

Hoy en día los sitios web presentan una estructura más sencilla, con páginas de contenido largas y con una clara apuesta por el componente estético por medio de grandes imágenes y vídeos.

El usuario, no sólo ha perdido el miedo al scroll, sino que está más que acostumbrado debido la navegación desde dispositivos móviles. El gesto de arrastrar el dedo por la pantalla para hacer scroll forma parte de nuestro día a día.

En estos diseños los contenidos se ordenan bajo un scroll vertical “infinito”, con amplios espacios, tipografías generosas, intercalando grandes imágenes, o vídeos que potencian un acceso a la información de una manera más amable, sencilla e impactante.

Diseños con un scroll sin complejos:

Ouiwill
Adventure

Imágenes y vídeos muy grandes

Actualmente se apuesta por el uso de grandes imágenes y vídeos. Siendo muy usados incluso como fondo de sito. De esta manera los contenidos se superponen a las imágenes y se pueden crear distintas atmósferas que contextualizan el contenido.

Te dejo algunos ejemplos:

Squarespace
Newjumoconcept
Chanel
Designova
RWS&Z

Sticky menú

¿A que si ves tres rayitas una encima de la otra sabes lo que es? Claro, un menú.
¿Y lo de sticky? Traducido del inglés sería algo así como “menú pegajoso”. Es decir, se queda pegado, fijo en la cabecera de la ventana de navegación.
Este recurso proviene del diseño responsive para móviles y pero cada vez se ve más en cualquier diseño y resolución. ¡Fíjate bien!.

Ventajas:

  • El menú acompaña la navegación del usuario en todo momento siendo mucho más práctico y accesible cambiar de sección.
  • Al eliminar el menú y “esconderlo” debajo del icono, obtenemos un resultado más limpio y claro.

Echa un ojo, aquí tienes algunos ejemplos:

Union
Wild.as

Remplazo de pictogramas por iconos tipográficos

Los iconos hasta ahora eran archivos de imágenes (jpg, gif, pngs). Estos archivos presentan dos problemas: aumentan el peso del sitio web y al escalarlos pierden calidad y nitidez.

Estos problemas se solucionan por medio de iconos tipográficos.
Al ser una fuente tipográfica, son de formato vectorial, y de esta manera se reduce el peso y son escalables. Así podemos ir reduciendo el tamaño de los iconos a los distintos dispositivos sin perder calidad ni resolución.

Mira aquí qué montón de iconos y distintos efectos:

Streamlineicons

Las cuadrículas están de moda

Los layouts cuadriculados están de moda. Abundan los diseños donde las imágenes y contenidos se organizan en composiciones cuadriculadas , regulares o desordenadas donde se van intercalando imágenes, vídeos y contenidos textuales.

Esta composición favorece la fluidez de los contenidos en el diseño responsive.

Mira qué diseños tan chulos se pueden crear.

Auberge handfield
Martinauer

¿Quieres más ejemplos?

Aquí te dejo mi colección de diseños en pinterest. ¡A disfrutar!

Square web design
Web design Inspiration


servicios-ttandem

Laura Catalán

Dedicada a la gestión de proyectos online, diseño web y estudio de la experiencia de usuario desde hace 7 años.

Adicta a: los viajes y la naturaleza, el diseño, la decoración, la ilustración y la fotografía.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *

No hay comentarios