Paralaksa učinak u astronomiji, fotografiji, web dizajnu

Optičke iluzije - jedan od omiljenih poteza dizajnera i umjetnika. Oni pomažu privući pažnju na dizajn sobe, sliku na slici i sadržaj web mjesta kako bi se diverzifikacija sučelja bilo kojeg uređaja. Danas ćemo vam reći o jednom takvom prijemu, koji se naziva efekt paralakse. Počnimo sa svojom definicijom.

Što je paralaksa?

Paralaksa (grčki. pi-alfa-ro-alfa-lambda-lambda-άxi- - „isprepleteno”, „ništa promijeniti”) - tzv promjenu prividnog položaja objekta u odnosu na daljinskom pozadini, ovisno o lokaciji promatrača.

Na tom se fenomenu temelji binokularna vizija - sposobnost da se jasno razlikuje jedna slika, gledajući ga s dvije oči. U astronomiji i geodeziji, efekt paralakse koristi se za mjerenje udaljenosti udaljenim objektima.

Koncept u astronomiji

Ovdje se izdvajaju sljedeće vrste heroja naše pripovijesti:

• Geocentrična (diurnalna) - razlika smjera prema istom astronomskom objektu od određene točke na površini našeg planeta (topocentrični vektor) i iz središta njegovih masa (geocentrični vektor).
• Godišnje - promjene u smjeru astronomskog objekta povezane s rotacijom oko Sunca naše Zemlje.
• Sekularna je promjena u prividnom položaju astronomskog objekta na nebeskoj sferi zbog kombinacije vlastitih rotacija i gibanja Sunčevog sustava unutar galaksije.

Na fotografiji

Razmotrimo učinak paralakse u fotografiju. Ovdje se također pojavljuje u nekoliko vrsta:

• Paralaksa tražila - slika koju fotograf vidi u ne-specularnom optičkom tražilu, ne podudara se s onim što će se dogoditi na samoj slici. Često se to očituje pri snimanju blisko lociranih objekata.
• Paralaksa tražila dometa je kut pod kojim je željeni objekt vidljiv tijekom izoštravanja (provodi se uz pomoć optičkog tražila dometa).
• Binokularni (stereoskopski) paralaksa je kut pri kojem se objekt fotografira stereoskopskim foto uređajem. Slično je binokularnoj viziji.
• Paralaksi vremena - izobličenje oblika objekta s ovim efektom, koji se očituje pri snimanju kamerom s zavjesom. Pažljivo kad uhvatite nešto što se brzo kreće. Ako objekt zadrži put prema rasclu zatvarača, to će biti rastegnut, inače - naprotiv.

U web dizajnu

Ovdje je učinak paralakse (na drugačiji način - paralaksa-pomicanje) - posebna tehnika u kojoj se pozadina u budućnosti kreće sporije od glavnog plana. Posljednji je tekst, slika.

Kako napraviti efekt paralakse? 3D prostor se stvara uz pomoć nekoliko pozadina, koji, prilikom pomicanja, počinju pomicati pri različitim brzinama. Izgleda prilično spektakularno i impresivno.

Razmotrite programe i aplikacije u kojima možete stvoriti efekt paralakse:

• jQuery - je dodatak koji se veže paralakse pomicanje korisniku rotira kotačić.
• jParallax - može pretvoriti elemente web stranice u apsolutno postavljene slojeve koji će odgovoriti na mjesto pokazivača.
• Scrolldeck je zgodan dodatak koji vam omogućuje postizanje ovog učinka.

Značajke u web dizajnu

Željeli bismo privući vašu pažnju na činjenicu da efekt paralakse nije univerzalni ukras za sve stranice. Prvi resurs na kojemu se može vidjeti bio je mjesto tvrtke Nike Corporation. A do sada je prilično dobro za online trgovine, pomažući da se oživi prikaz asortimana, kretanje prema kategorijama. No, u razumnim granicama - korisnik i dalje želi vidjeti i izabrati ono što mu treba brže, tako da će zasićenje učinit vrlo brzo početi smetati.

Sporno je njezino korištenje za poslovne i informacijske resurse. S jedne strane, paralaksa vam omogućuje da nekako razbiješ kruti tekst u blokove, s druge strane, izgleda pomalo trivijalan. Idealno će biti njegova upotreba za dječje, zabavne, kognitivne resurse, biografske stranice, pomoći će priznavanju, originalnosti i privlačenju pozornosti.

Nedostaci pomicanja paralakse i načine kako ih eliminirati

Paralaksa je prilično lijep i elegantan efekt. Međutim, jako se učitava stranica zbog upotrebe jаvascript / jQuery: moraju izvesti niz složenih izračuna kako bi kontrolirali položaj svakog piksela. To značajno usporava brzinu preuzimanja web mjesta. Može se pojaviti i problem s kompatibilnošću platforme i cross-preglednika.

Izlaz će biti da ne precizno ponovo učita stranicu s elementima s djelovanjem paralakse, dovoljno 1-2 na jednoj stranici. Drugi način je korištenje CSS3. Pomaže stvoriti vrlo sličan učinak, koji je manje resursno intenzivan. No, ima svoje nedostatke: samo s njegovom pomoći ne može se postići paralaksa. Nadalje, svi moderni preglednici ne podržavaju CSS3.

Primjeri u web-dizajnu

Da biste razumjeli što je efekt paralakse, pomoći se upoznavanju s nekim od njegovih implementacija u web-dizajnu:

• Portfolio fotografija, reagirajući na kretanje miša.
• Utjecaj knjigu - za otvaranje oglasa, članak, morate povući strelicu na slici.
• Kada se pomičete kroz popis, pozadina se kreće sporije od teksta.
• Neki objekti (oblaci, igračke, figurice, odjeća) kretati se po stranici.
• Odgovarajući na vaše pokrete s mišem, pozadinski slojevi se razdvajaju.
• Jedan dio stranice stranice je osjetljiv na mjesto pokazivača, a drugi je stacionaran.
• Premještanjem miša, možete pokrenuti raketu u svemir, automobil, mali čovjek itd. Učinak postiže činjenicom da pozadina polako kreće, a glavni objekt - brzo.

U sučelju različitih OS također se koristi takva iluzija. Konkretno, za iOS 7, efekt paralakse bio je već karakterističan.

Dakle, predmet naše priče važan je u mnogim područjima. U posljednje vrijeme, on je čvrsto ukorijenjeni u web dizajnu, koji, međutim, ne jamči univerzalni poslastice za sve stranice.