6 Webs con efecto Parallax

Soleil Noir, web con efecto Parallax

El efecto Parallax es el componente web del que más se oye hablar hoy en día. Decir que es tendencia desde hace al menos un año es poco. Tras el boom del HTML5, CSS3, jQuery y los sitios one-page (formados por una única página), este efecto óptico ha llegado a las webs más punteras para asombrarnos.

Si navegamos por la red veremos que, en la mayoría de las páginas, su uso es experimental. Sobretodo en la categoría de los portfolios on-line, los diseñadores dan rienda suelta a su imaginación para demostrar su destreza e intentar dar un paso más del que ha dado el compañero de al lado. A continuación te traemos una recopilación de 6 webs con Parallax para que veas y opines.

¿Qué es el Parallax?

Empecemos por el principio, ¿qué es eso del Parallax? Esto no consiste en otra cosa que provocar que, cuando nos desplacemos verticalmente por la página (es decir, hacemos scroll), el fondo se mueva a una velocidad mucho más lenta que los demás elementos. Es como si tuviésemos nuestra web dividida en dos o más capas de Photoshop. Y lo que el efecto Parallax consigue es darnos la sensación de profundidad, que muchos denominan también como efecto 3D.

Con todas estas “novedades”, nunca debemos de dejarnos llevar por las tendencias hasta tal extremo de olvidar la finalidad real de una página web: comunicar, contar algo. Y he visto numerosos sitios en los que es tan abrumadora la creatividad de las imágenes y los elementos que se desplazan mágicamente por la pantalla, que mi mirada evita pararse a leer lo que en ella se cuenta.

6 Ejemplos de webs con el efecto Parallax

  1. Cyclemon: Efecto Parallax que funciona y beneficia. Hay poco texto, muy conciso, que se encuentra acompañado por una ilustración que va cambiando con él. En este caso, el efecto no me molesta: me ayuda a interesarme por un contenido que, narrado de otra forma, no me hubiese atraído lo más mínimo.Cyclemon
  2. L’unità: Me atrae la calidad de la imagen que corona la web. Sin embargo, la abundancia de imágenes y la poca altura otorgada a cada sección me despistan. El efecto Parallax no me molesta, pero creo que en secciones más altas ganaría más. Por cierto: si cerráis la web y la volvéis a abrir, la imagen principal cambia.Imagen de pasta
  3. Titanic: Sencillamente genial y brillante. La primera vez que he entrado no he podido evitar hacer scroll todo el tiempo, hasta llegar al final. Entonces he vuelto al principio de la web para leer el contenido, volviendo a disfrutar del efecto Parallax. Ya me contaréis lo que os parece.Titanic
  4. Sony: Si habéis buscado por Internet ejemplos de Parallax lo más probable es que hayáis visto esta página. Y es lógico, porque el resultado es asombroso. La mejor aplicación del efecto que he visto hasta el momento, sin dudarlo.Web de Sony
  5. Soleil Noir: Me recuerda mucho a la de Cyclemon. Igualmente se trata de ilustraciones conjugadas con poco texto. Me gusta mucho la barra lateral clasificada por colores, que nos da la opción de volver o avanzar a cualquier apartado.Soleil Noir, web con efecto Parallax
  6. Fishy: Lo siento, no me convence. Es una web que me marea: hay demasiados elementos, tengo la sensación de que todo se mueve… No acaba de agradarme. ¿Qué opináis vosotros?Web de tonos azules
  7. Gilgul: Me han encantado los gifs de fondo. No entiendo nada de lo dice en la web, pero me gusta.Gilgul
¿Necesitas contratar un hosting para tu web?
En SiteGround tienes disponible una amplia oferta de hostings para todo tipo de bolsillos y necesidades. Encuentra el hosting que estás buscando al mejor precio, con las últimas tecnologías en velocidad y seguridad web y soporte en español 24h:
HostingHosting WordPress

Categorías

Diseño Web

Lúa Louro

"Si hoy en día se habla de nativos digitales para referirse a aquellos que desde la infancia tienen contacto y aprenden a controlar dispositivos... Ver perfil ›

2 comentarios

  1. Que efecto más curioso el de Paralax, me gustaría mucho aprender cómo se consigue para practicarlo e incluirlo en alguno de mis diseños web.

  2.   Lewis Causado dijo

    Como accedemos para tener estos diseños?

Deja un comentario

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