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.
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:
¿Quieres o debes rediseñar, optimizar o actualizar tu sitio web?
Averigua a través de este 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.
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:
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.
¿Quieres más ejemplos?
Aquí te dejo mi colección de diseños en pinterest. ¡A disfrutar!
Comentarios
No hay comentarios