6 Webs amb efecte Parallax

Soleil Noir, web amb efecte Parallax

El efecte Parallax és el component web de què més se sent parlar avui dia. Dir que és tendència des de fa al menys un any és poc. Després del boom de l'HTML5, CSS3, jQuery i els llocs one-page (formats per una única pàgina), aquest efecte òptic ha arribat a les webs més punteres per sorprendre'ns.

Si naveguem per la xarxa veurem que, en la majoria de les pàgines, el seu ús és experimental. Sobretot en la categoria dels portfolis on-line, els dissenyadors donen curs a la seva imaginació per demostrar la seva destresa i intentar fer un pas més de què ha donat el company de a la banda. A continuació et portem un recull de 6 webs amb Parallax perquè vegis i opinis.

Què és el Parallax?

Comencem pel principi, què és això de l'Parallax? Això no consisteix en res més que provocar que, quan ens desplacem verticalment per la pàgina (és a dir, fem scroll), el fons es mogui a una velocitat molt més lenta que els altres elements. És com si tinguéssim la nostra web dividida en dos o més capes de Photoshop. I el que l'efecte Parallax aconsegueix és donar-nos la sensació de profunditat, Que molts denominen també com a efecte 3D.

Amb totes aquestes "novetats", mai hem de deixar-nos portar per les tendències fins a tal extrem d'oblidar la finalitat real d'una pàgina web: comunicar, Explicar alguna cosa. I he vist nombrosos llocs en què és tan aclaparadora la creativitat de les imatges i els elements que es desplacen màgicament per la pantalla, que la meva mirada evita parar-se a llegir el que en ella s'explica.

6 Exemples d'webs amb l'efecte Parallax

  1. Cyclemon: Efecte Parallax que funciona i beneficia. Hi ha poc text, molt concís, que es troba acompanyat per una il · lustració que va canviant amb ell. En aquest cas, l'efecte no em molesta: m'ajuda a interessar-me per un contingut que, narrat d'una altra manera, no m'hagués atret gens ni mica. Cyclemon
  2. L'Unità: M'atrau la qualitat de la imatge que corona el web. No obstant això, l'abundància d'imatges i la poca alçada atorgada a cada secció em despisten. L'efecte Parallax no em molesta, però crec que en seccions més altes guanyaria més. Per cert: si tanqueu la web i la torneu a obrir, la imatge principal canvia. Imatge de pasta
  3. Titanic: Senzillament genial i brillant. La primera vegada que he entrat no he pogut evitar fer scroll tot el temps, fins a arribar a al final. Llavors he tornat a del principi del web per llegir el contingut, tornant a gaudir de l'efecte Parallax. Ja m'explicareu el que us sembla. Titanic
  4. Sony: Si heu buscat per Internet exemples de Parallax el més probable és que hagueu vist aquesta pàgina. I és lògic, perquè el resultat és sorprenent. La millor aplicació de l'efecte que he vist fins al moment, sense dubtar-ho. Web de Sony
  5. soleil Noir: Em recorda molt a la de Cyclemon. Igualment es tracta d'il·lustracions conjugades amb poc text. M'agrada molt la barra lateral classificada per colors, que ens dóna l'opció de tornar o avançar a qualsevol apartat. Soleil Noir, web amb efecte Parallax
  6. Peixós: Ho sento, no em convenç. És un web que em mareja: hi ha massa elements, tinc la sensació que tot es mou ... No acaba d'agradar-. Què en penseu vosaltres? Web de tons blaus
  7. Gilgul: M'han encantat els gifs de fons. No entenc res del que diu a la web, però m'agrada. Gilgul

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   proyectoycreacionweb.com va dir

    Que efecte més curiós el de Paralax, m'agradaria molt aprendre com s'aconsegueix per practicar-i incloure'l en algun dels meus dissenys web.

  2.   Lewis Causat va dir

    Com accedim per tenir aquests dissenys?