Optičke iluzije - jedan od najomiljenijih poteza dizajnera i umjetnika. Oni pomažu privući pozornost na oba dizajna sobe, slike na slici, i sadržaj stranice, kako bi se raznolikost sučelja na bilo kojem uređaju. Danas ćemo vam reći jednu takvu tehniku, koja se naziva efekt paralakse. Počnimo s definicijom.
Što je paralaksa?
Paralaksa (grčki "????????" - "izmjena", "promijeni nešto") - ovako mijenja prividni položaj subjekta u odnosu na udaljenu pozadinu, ovisno o mjestu promatrača.
Binokularni se vid upravo na ovom fenomenu temelji na sposobnosti jasnoga razlikovanja jedne slike, gledajući je s dva oka. U astronomiji i geodeziji, učinak paralakse koristi se za mjerenje udaljenosti do udaljenih objekata.
Pojam astronomije
Ovdje se sljedeće varijante heroja naše priče razlikuju:
Geocentričan (dnevna) - razlika smjera na jednom i istom astronomskom objektu od određene točke na površini našeg planeta (topocentrični vektor) i od centra masa (geocentrični vektor).
Godišnje - promjene u smjeru astronomskog objekta, povezane s rotacijom oko Sunca u našoj Zemlji.
Dob - promjena vidljivog položaja astronomskog objekta u nebeskoj sferi, kombinacija vlastite rotacije i kretanja Sunčevog sustava unutar galaksije.
Na fotografiji
uzmimo u obzir učinak paralakse u fotografskoj umjetnosti. Ovdje on također susreće nekolikovrste:
Tražilo paralakse - slika koju fotograf vidi u optičkom tražilu bez zrcala, ne podudara se s onim što se vidi na fotografiji. Često se to očituje pri snimanju obližnjih objekata.
Paralaksni daljinomjer je kut pod kojim je ciljani objekt primijećen pri usmjeravanju prema oštrini pomoću optičkog tražila raspona).
Binokularna (stereoskopska) paralaksa - kut pod kojim se subjekt fotografira sa stereoskopskom postavkom fotografije. Slično binokularnom vidu.
Vremenska paralaksa - izobličenje efekta podatkovnog objekta obrasca, što se očituje pri snimanju fotoaparata s roletom za zavjese. Vidljivo je u trenutku kada se nešto brzo kreće. Ako predmet drži put prema prorezu zatvarača, on će se istegnuti, inače - naprotiv.
U web dizajnu
Ovdje je učinak paralakse (drugim riječima, pomicanje paralakse) posebna tehnika u kojoj se pozadina u budućnosti kreće sporije od glavnog plana. Posljednji je tekst, slika. Kako napraviti efekt paralakse? Stvara 3D prostor s više pozadina, koje se prilikom pomicanja počinju kretati različitim brzinama. Izgleda prilično spektakularno i impresivno. Razmotrimo programe koji mogu stvoriti efekt paralakse:
jQuery je plug-in koji je povezao pomicanje paralakse do rotacije miša kotača.
jParallax - može pretvoriti elemente web stranice koji se pozicioniraju u potpunosti slojeve koji će odgovoriti na položaj pokazivača.
Scrolldeck je zgodanplug-in koji vam omogućuje postizanje takvog učinka.
Značajke u web dizajnu
Skrećemo vašu pozornost na činjenicu da učinak paralakse nije univerzalni ukras za sva mjesta. Prvi izvor na kojem je bilo moguće razmotriti bio je site tvrtke Nike Corporation. I još uvijek je dovoljno dobar za online trgovine, pomažući oživjeti show of asortimana, kretanje po kategorijama. No, unutar razumnog raspona - korisnik i dalje želi brzo pogledati i odabrati ono što mu je potrebno, tako da će ga zasićenje uskoro početi smetati.
Bit će sporno u pogledu njezine uporabe za poslovne, informacijske resurse. S jedne strane, paralaksa omogućuje nekako razbijanje čvrstog teksta u blokove, s druge strane, izgleda malo neizvjesno. Idealno će biti njegovo korištenje za dječje, zabavne, kognitivne resurse, web-stranice, biografije, pomoći će u prepoznavanju, originalnosti, privlačenju pozornosti.
Nedostaci pomicanja paralakse i načini njihovog uklanjanja
Paralaksa - prilično sladak i elegantan učinak. Međutim, stranica uvelike otežava korištenje javascript /jQuery: oni moraju izvršiti niz složenih izračuna za praćenje položaja svakog piksela. To značajno značajno usporava brzinu preuzimanja stranice. Mogu postojati i problemi s cross-platformom i unakrsnim pregledavanjem. Izlaz je da, posebno, nemojte ponovno pokretati stranicu s elementima s učinkom paralakse, dovoljno je samo 1-2 na jednoj stranici. Drugi način je korištenje CSS3. Pomaže u stvaranju vrlo sličnog učinka, koji u isto vrijeme manje troši resurse. Ali ima svoje nedostatke: samo uz njegovu pomoć nemoguće je postići pomicanje paralakse. Osim toga, svi moderni preglednici ne podržavaju CSS3.
Primjeri u webdesignu
Razumjeti učinak paralakse, vidjeti neke od njegovih utjelovljenja u web dizajnu:
Portfolio fotografija koje reagiraju na pokrete miša.
Učinak svitka - za otvaranje oglasa, članka, morate povući strelicu na slici.
Kada pomičete popis, pozadina se kreće sporije od teksta.
Neki objekti (oblaci, igračke, figure, odjeća) se kreću po stranici.
Odgovarajući na vaše pokrete mišem, pozadinski slojevi su raspršeni.
Jedan dio stranice stranice osjetljiv je na položaj pokazivača, a drugi dio je nepokretan.
Pomičući miša, možete ispaliti raketu u svemir, automobil, čovjeka i tako dalje, a to se postiže činjenicom da se pozadina polako kreće, a glavni objekt je brz.
I u sučelju različitih operacijskih sustava primjenjuje se takva iluzija. Posebno za iOS 7, učinak paralakse je već karakteriziran. Stoga je tema naše priče relevantna u mnogim područjima. U posljednje je vrijeme čvrsto pristao na web dizajn, koji, međutim, ne jamči univerzalne čari za sve stranice.