Efectul parallaxului în astronomie, fotografie, web design

Iluziile optice - una dintre mișcările preferate ale designerilor și artiștilor. Acestea ajută la atragerea atenției asupra designului camerei, imaginii din imagine și conținutului site-ului, pentru a diversifica interfața pe orice dispozitiv. Astăzi vă vom spune despre o astfel de recepție, numită efect parallax. Începem cu definiția sa.

Ce este paralaxa?

Parallax (greacă. pi-alfa-alfa-Rho-lambda-lambda-άxi- - „întrețesut“, „schimba nimic“) - așa-numita schimbare a poziției aparente a obiectului în raport cu fundalul la distanță în funcție de locația observatorului.

Pe acest fenomen se bazează viziunea binoculară - capacitatea de a distinge în mod clar o imagine, în timp ce se uită la ea cu două ochi. În astronomie și geodezie, efectul de parallax este utilizat pentru a măsura distanțele față de obiectele îndepărtate.

Concept în astronomie

Aici se disting următoarele soiuri ale eroului narațiunii noastre:

• Geocentrică - diferența de direcții către același obiect astronomic dintr-un anumit punct de pe suprafața planetei noastre (vectorul topocentric) și din centrul maselor sale (vector geocentric).
• Anual - schimbări în direcția obiectului astronomic asociat rotației în jurul Soarelui Pământului nostru.
• Lecția seculară este schimbarea poziției aparente a obiectului astronomic pe sfera cerească datorită unei combinații de rotații proprii și a mișcării sistemului solar în interiorul galaxiei.

În fotografie

Luați în considerare efectul parallaxului în fotografie. Aici se întâlnește și în mai multe tipuri:

• Paralaxul vizorului - imaginea pe care fotograful o vede în vizorul optic non-specular, nu coincide cu ceea ce se va întâmpla în fotografia în sine. Adesea, acest lucru se manifestă atunci când fotografiați obiecte apropiate.
• Parallaxul detectorului de distanță este unghiul sub care obiectul dorit este vizibil în timpul focalizării (se efectuează cu ajutorul unui detector de distanță optică).
• Parallax binocular (stereoscopic) este unghiul la care un obiect este fotografiat de un dispozitiv foto stereoscopic. Este similar cu viziunea binoculară.
• Parallax de timp - distorsionarea formei unui obiect prin acest efect, manifestată la fotografierea cu o cameră cu o perdea. În mod evident când capturați ceva care se mișcă repede. Dacă obiectul menține calea spre fanta obturatorului, acesta va fi întins, altfel - dimpotrivă.

În designul web

Aici, efectul paralaxei (într-un mod diferit - parallax-scrolling) - o tehnică specială, în care fundalul în viitor se mișcă mai lent decât planul principal. Ultimul este textul, imaginea.

Cum de a face un efect de parallax? Un spațiu 3D este creat cu ajutorul mai multor fundaluri, care, la derulare, încep să se miște la viteze diferite. Arată destul de spectaculos și impresionant.

Luați în considerare programele și aplicațiile în care puteți crea un efect de parallax:

• jQuery este un plugin care leagă paralaxarea-derularea la rotirea utilizatorului a roții mouse-ului.
• jParallax - poate transforma elementele unei pagini web în straturi absolut poziționate care vor răspunde la locația cursorului.
• Scrolldeck este un plug-in convenabil, care vă permite să obțineți acest efect.

Caracteristici în Web Design

Aș dori să atrageți atenția asupra faptului că efectul de parallax nu este un decor universal pentru toate site-urile. Prima resursă pe care putea fi văzută a fost site-ul corporației Nike. Și până acum este destul de bun pentru magazinele online, ajutând la relansarea afișării sortimentului, mișcării pe categorii. Dar, în limite rezonabile, utilizatorul dorește să vadă și să aleagă mai rapid ceea ce are nevoie, astfel încât efectul de saturație va începe foarte curând să-l deranjeze.

Disputabil va fi utilizarea sa pentru afaceri, resurse de informații. Pe de o parte, paralaxa vă permite să rupeți cumva un text solid în blocuri, pe de altă parte, pare un pic trivial. Ideal va fi utilizarea sa pentru copii, divertisment, resurse cognitive, site-uri biografice, va ajuta la recunoașterea, originalitatea, atragerea atenției.

Dezavantaje ale paralaxelor și modalități de a le elimina

Parallax este un efect destul de frumos și elegant. Cu toate acestea, încarcă greu pagina din cauza utilizării jаvascript / jQuery: trebuie să efectueze o serie de calcule complexe pentru a controla poziția fiecărui pixel. Acest lucru încetinește semnificativ viteza de descărcare a site-ului. S-ar putea să existe și probleme cu compatibilitatea între platforme și cross-browser.

Rezultatul va fi să nu reîncărcați site-ul cu elemente cu efect de parallax, suficient de 1-2 pe o singură pagină. O altă modalitate este utilizarea CSS3. Ajută la crearea unui efect foarte asemănător, care este mai puțin resurse intensive. Dar are dezavantajele sale: numai cu ajutorul lui parallax-scrolling nu poate fi realizat. În plus, CSS3 nu este acceptat de toate browserele moderne.

Exemple în Web Design

Pentru a înțelege ce este efectul de parallax, vă ajută să vă familiarizați cu unele dintre implementările sale în designul web:

• Portofoliu de fotografii, care reacționează la mișcarea mouse-ului.
• Efectul parcurgerii - pentru a deschide anunțul, articolul, trebuie să trageți săgeata de pe imagine.
• Când parcurgeți lista, fundalul se mișcă mai lent decât textul.
• Unele obiecte (nori, jucării, figurine, articole de îmbrăcăminte) se deplasează de-a lungul paginii.
• Reacționând la mișcările dvs. cu mouse-ul, straturile de fundal se deplasează.
• O parte a paginii site-ului este sensibilă la locația cursorului, iar a doua este staționară.
• Mutarea mouse-ului, puteți lansa o rachetă în spațiu, o mașină, un om mic, etc. Efectul se realizează prin faptul că fundalul se mișcă încet, iar obiectul principal - rapid.

În interfața cu diverse sisteme de operare, se folosește și o astfel de iluzie. În special, pentru iOS 7, efectul de parallax a fost deja caracteristic.

Astfel, obiectul povestii noastre este relevant în multe domenii. Recent, sa stabilit cu fermitate în designul web, care, totuși, nu garantează farmecul său universal pentru toate site-urile.