10 exquisitos ejemplos de efecto Parallax en diseño web

En un diseño plano, este recurso dota a las páginas web de cierto dinamismo, animación y verticalidad. Además de ser un recurso estético, Parallax scrolling es un complemento narrativo y es perfecto para webs que tienen algo muy concreto que contar en varios pasos. El efecto de profundidad y linealidad que proporciona Parallax son perfectos para sumergir al usuario en la historia con una experiencia comunicativa mucho más divertida y cercana a otros medios, como el videojuego o el cómic, por lo que es ideal para storytelling. Hemos preparado una selección de 10 webs, donde el efecto de paralaje es la estrella del diseño o, en otros casos, simplemente añade un toque de profundidad.

1. Bear Grylls

 

Bear Grylls es aventurero, experto en supervivencia en condiciones extremas, presentador y estrella del programa El último superviviente. Bear Grylls, al ser una marca de aventuras, necesitaba nueva visión de su personaje, por lo que su página web, diseñada por la agencia digital Outpost, lleva a los telespectadores a un viaje digital por naturaleza.

2. ToyFight

ToyFight es una agencia creativa, y su página web es pura diversión. Los fundadores de la agencia, Jonny Lander and Leigh Whipday, se han convertido a sí mismos en figuras 3D que aparecen en una serie de escenas en su página web. El uso inteligente de efecto de paralaje amplifica el efecto 3D y se combina perfectamente con fondos planos de colores intensos, por lo que la página web de ToyFight nunca llega a ser abrumadora o irritante.

3. Diesel: BAD Guide

84.Paris ha creado esta impresionante página web con efecto de Parallax para acompañar el lanzamiento de la nueva fragancia de Diesel para hombres, BAD. Esta página web presenta serie de reglas y normas que conforman ‘BAD Guide’. Puedes explorar esta guía arrastrando el ratón por la página de paralaje, que se presenta como un tablón de imágenes e ilustraciones monocromáticas con consejos prácticos.

PROYECTOS RELACIONADOS

ARQ PRO - BRANDING

Estudio de arquitectura.

OLOKUN GROUP - BRANDING

Según el Visual Trends de Freepik, la estética del 2023 va a reflejar la realidad casi distópica en la que vivimos e incluirá combinaciones innovadoras para empezar a diseñar un futuro completamente nuevo, marcado por la Inteligencia Artificial.

Cómo diseñar páginas web responsive con Adobe Photoshop

En este Domestika Basics de 6 cursos aprenderás a maquetar sitios web de manera sencilla y sin complicaciones.

¿Qué regalar a un diseñador gráfico por Navidad?

Las posibilidades para regalar son muchas, pero acertar con el regalo perfecto puede resultar complicado y más aún en el campo creativo. Para facilitar esta tarea, te traemos una selección de la tienda Gràffica con productos para regalar a cualquier creativo en estas fechas sin miedo a equivocarte.

¿Qué tendencias creativas nos esperan en 2023?

El equipo de Adobe Stock ha lanzado su tradicional previsión de las tendencias en cultura visual y creatividad que nos esperan a lo largo de 2023.

10 exquisitos ejemplos de efecto Parallax en diseño web

Seguro que lo has visto mil veces: entras en una web, deslizas hacia abajo y ves que el fondo parece moverse a una velocidad distinta que el contenido, creando un efecto de profundidad o, incluso, de 3D. Este efecto se llama Parallax –paralaje­– y es una tendencia cada vez más popular en el mundo de diseño web. Te presentamos una selección de 10 páginas web que son las reinas en utilizar este efecto al máximo.