Descubre las últimas tendencias del diseño web

Diseña tu página web siguiendo estas últimas tendencias de diseño y consigue que se vea espectacular.

Laura Catalan

Dedicada a la gestión de proyectos online, 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.

¿Quieres o debes rediseñar, optimizar o actualizar tu sitio web?

Averigua a través de este breve cuestionario cuál es la mejor solución para ti.

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

¿Necesitas generar o incrementar ventas en tu tienda online?

Los Sistemas de diseño explicados en 7 post

Así entendemos el diseño de productos digitales

Otros contenidos de Diseño web

Comentarios

Deja un comentario

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

  He leído y acepto la política de privacidad de la web *

No hay comentarios