El Učinak paralaksa To je web komponenta o kojoj danas najviše čujete. Malo je reći da je to trend barem godinu dana. Nakon procvata HTML5, CSS3, jQuery i web stranica s jednom stranicom (koje se sastoje od jedne stranice), ovaj je optički efekt dosegnuo i do najmodernijih web mjesta koja su nas zadivila.
Ako surfamo mrežom, vidjet ćemo da je na većini stranica njegova upotreba eksperimentalna. Posebno u kategoriji internetskih portfelja, dizajneri daju mašti na volju demonstrirajte svoje umijeće i pokušajte napraviti još jedan korak više nego što je poduzeo susjedni partner. Ovdje vam donosimo kompilaciju od 6 web stranica s Parallaxom koje možete vidjeti i komentirati.
Što je Parallax?
Krenimo od početka, što je ovo s Parallaxom? To se sastoji samo od uzroka da se, kad se okomito pomičemo stranicom (odnosno pomičemo), pozadina kreće mnogo sporijom brzinom od ostalih elemenata. Kao da smo svoju web stranicu podijelili u dva ili više slojeva Photoshopa. A ono što postiže Parallax efekt daje nam osjećaj dubine, koji mnogi nazivaju i 3D efektom.
Uz sve ove "vijesti", ne smijemo se nikada dopustiti da nas trendovi ponesu do te mjere da zaboravimo stvarnu svrhu web stranice: komunicirati, reci nešto. I vidio sam brojna stranicas u kojima je kreativnost slika i elemenata koji se čarobno pomiču na ekranu toliko neodoljiv da moj pogled izbjegava zaustaviti se da bih pročitao ono što je u njemu rečeno.
6 Primjeri web stranica s Parallax efektom
- ciklomon: Paralaks efekt koji djeluje i donosi koristi. Malo je teksta, vrlo jezgrovitog, koji je popraćen slovom ilustracija to se kod njega mijenja. U ovom me slučaju učinak ne smeta: pomaže mi da se zainteresiram za sadržaj koji me, ispričan na drugi način, ne bi nimalo privukao.
- L'unità: Privlači me kvaliteta slika koja okrunjuje mrežu. Međutim, obilje slika i niska visina dana za svaki odjeljak me zavaraju. Parallax efekt mi ne smeta, ali mislim da bi viši odjeljci dobili više. Usput: ako zatvorite web i ponovno ga otvorite, glavna slika se mijenja.
- Titanski: Jednostavno cool i briljantno. Kad sam prvi put ušao, nisam mogao izbjeći pomicanje cijelo vrijeme, sve dok nisam stigao do kraja. Tako sam se vratio na početak weba kako bih pročitao sadržaj, ponovno uživajući u Parallax efektu. Reći ćete mi što mislite.
- Sony: Ako ste na internetu pretraživali primjere Parallaxa, najvjerojatnije ste vidjeli ovu stranicu. I logično je, jer je rezultat nevjerojatan. Najbolja primjena učinka koji sam do sada vidio, bez oklijevanja.
- Soleil noir: Podsjeća me puno na Cyclemon-ove. Oni su također ilustracije u kombinaciji s malo teksta. Stvarno mi se sviđa bočna traka razvrstana po boji koja nam daje mogućnost povratka ili prelaska u bilo koji odjeljak.
- Sumnjiv: Oprostite, nisam uvjeren. To je web mjesto koje mi vrti u glavi: ima previše elemenata, imam osjećaj da se sve pokreće ... Ne sviđa mi se baš. Što misliš?
- Gilgul: Volim gif u pozadini. Ne razumijem ništa što piše na webu, ali sviđa mi se.
Kakav neobičan učinak Paralaxa, jako bih volio naučiti kako se postiže prakticiranje i uključiti ga u jedan od mojih web dizajna.
Kako pristupiti tim dizajnom?