Učinek paralakse v astronomiji, fotografiji, spletnem oblikovanju

Optične iluzije - eno izmed najljubših potez oblikovalcev in umetnikov. Pomagajo pritegniti pozornost na zasnovo prostora, sliko na sliki in na vsebino spletnega mesta, da razširijo vmesnik na kateri koli napravi. Danes vam bomo povedali o enem takšnem sprejemu, ki se imenuje paralaksni učinek. Začnemo s svojo definicijo.

Kaj je paralakse?

Paralaksa (grščina. pi-alfa-rho-alfa-lambda-lambda-χxi - "izmenjava", "sprememba nečesa") - to je sprememba vidnega položaja objekta glede na oddaljeno ozadje, odvisno od lokacije opazovalca.

Na tem pojavu temelji binokularni vid - sposobnost jasno ločevanja ene slike, medtem ko jo gledamo z dvema očema. V astronomiji in geodeziji se paralaksni učinek uporablja za merjenje razdalj do oddaljenih predmetov.

Koncept v astronomiji

Tu so razločene naslednje sorte junaka naše pripovedi:

• Geocentrična (dnevna) - razlika smeri do istega astronomskega predmeta od določene točke na površini našega planeta (topocentrični vektor) in od središča njenih mase (geocentrični vektor).
• Letne - spremembe v smeri astronomskega objekta, povezanega z vrtenjem okrog Sonca naše Zemlje.
• Sekularno je sprememba navideznega položaja astronomskega predmeta na nebesni sferi zaradi kombinacije lastnih rotacij in gibanja sončnega sistema v galaksiji.

Na fotografiji

Upoštevajte učinek paralakse pri fotografiranju. Tukaj se pojavlja tudi v več vrstah:

• Paralaksa iskala - slika, ki jo fotograf vidi v optičnem iskalu, ki ne gleda, ne sovpada s tem, kaj se bo zgodilo na sami fotografiji. To se pogosto pojavi pri fotografiranju natančno določenih predmetov.
• Paralakse iskalnika obsega je kot, v katerem je želeni predmet viden med fokusiranjem (izvede se s pomočjo optičnega iskala).
• Binokularna (stereoskopska) paralaksa je kot, pri katerem predmet fotografira stereoskopska foto naprava. Podobno je binokularni vid.
• Čas paralakse - izkrivljanje oblike predmeta s tem učinkom, ki se kaže pri fotografiranju s kamero z zaveso. Občasno, ko posnamete nekaj, kar se premika hitro. Če objekt zadrži pot proti reži zaklopa, se bo raztegnila, drugače - nasprotno.

V spletnem oblikovanju

Tukaj učinek paralakse (na drugačen način - pomik parallaks) - posebna tehnika, v kateri se ozadje v prihodnosti premika počasneje od glavnega načrta. Zadnji je besedilo, slika.

Kako narediti paralaksni učinek? 3D-prostor je ustvarjen s pomočjo več ozadij, ki se pri pomikanju začnejo premikati z različnimi hitrostmi. Izgleda precej spektakularen in impresiven.

Razmislite o programih in aplikacijah, v katerih lahko ustvarite paralaksni učinek:

• jQuery je vtičnik, ki povezuje paralakalno pomikanje z rotacijo miške na uporabniku.
• jParallax - lahko elemente spletne strani spremenijo v absolutno postavljene plasti, ki se bodo odzvali na lokacijo kazalca.
• Scrolldeck je priročen plug-in, ki vam omogoča, da dosežete ta učinek.

Funkcije v spletnem oblikovanju

Želeli bi vas opozoriti na dejstvo, da paralaksni učinek ni univerzalni okras za vsa spletna mesta. Prvi vir, na katerem je bilo mogoče videti, je bilo mesto Nike Corporation. In zaenkrat je zelo dobro za spletne trgovine, ki pomagajo oživiti prikaz ponudbe, gibanje po kategorijah. Ampak v razumnih mejah - uporabnik še vedno želi videti in izbrati tisto, kar potrebuje hitreje, tako da bo učinek nasičenja zelo kmalu začel motiti.

Sporna bo njegova uporaba za poslovne, informacijske vire. Po eni strani paralakse vam omogočajo, da nekako premaknete trdno besedilo v bloke, po drugi strani pa izgleda nekoliko nepomembno. Idealna bo njegova uporaba za otroške, zabavne, kognitivne vire, biografije, pripomogel k prepoznavnosti, izvirnosti in privabljanju pozornosti.

Pomanjkljivosti paralakse-drsenja in načinov, kako jih odpraviti

Parallax je precej lep in eleganten učinek. Vendar zaradi velike uporabe spletne strani jаvascript / jQuery močno naloži stran, morajo opraviti vrsto zapletenih izračunov, da bi lahko nadzirali položaj vsakega piksla. To znatno upočasni hitrost prenosa spletnega mesta. Obstajajo lahko tudi težave z več platformami in združljivostjo med brskalniki.

Rezultat bo, da se stran ne bo posebej znova naložila z elementi z učinkom paralakse, ki bi na eni strani zadostovali 1-2. Drug način je uporaba CSS3. Pomaga ustvariti zelo podoben učinek, ki je manj resursno intenziven. Ampak to ima svoje pomanjkljivosti: samo z njeno pomočjo parallax-drsenje ni mogoče doseči. Poleg tega CSS3 ne podpirajo vsi sodobni brskalniki.

Primeri v spletnem oblikovanju

Če želite razumeti, kakšen paralaksni učinek je, se lahko seznanite z nekaterimi njegovimi izvedbami v spletnem oblikovanju:

• Portfelj fotografij, reagira na gibanje miške.
• Učinek drsenja - Če želite odpreti oglas, članek, morate potegniti puščico na sliki.
• Ko se pomikate po seznamu, se ozadje premakne počasneje od besedila.
• Nekateri predmeti (oblaki, igrače, figurice, oblačila) se premikajo po strani.
• Reagirajo na vaše gibe z miško, sloji ozadja se premikajo.
• Eden od strani strani je občutljiv na lokacijo kazalca, drugi pa v mirujočem položaju.
• Če premaknete miško, lahko sprožite raketo v vesolje, avto, mali čoln itd. Učinek se doseže z dejstvom, da se ozadje premika počasi, in glavni predmet - hitro.

Tudi v vmesniku različnih OS je takšna iluzija uporabljena. Zlasti za iOS 7 je bil paralaksni učinek že značilen.

Tako je predmet naše zgodbe pomemben na mnogih področjih. V zadnjem času se je trdno uveljavil v spletnem oblikovanju, ki pa ne jamči za njegov univerzalni čar za vsa spletna mesta.