El Efect paralela Este componenta web despre care auziți cel mai mult astăzi. A spune că este o tendință de cel puțin un an nu este suficient. După boom-ul HTML5, CSS3, jQuery și site-urile cu o singură pagină (alcătuit dintr-o singură pagină), acest efect optic a ajuns la cele mai avansate site-uri web pentru a ne uimi.
Dacă navigăm pe net, vom vedea că, în majoritatea paginilor, utilizarea sa este experimentală. Mai ales în categoria portofoliilor online, designerii dau frâu liber imaginației lor demonstrează-ți priceperea și încercați să faceți încă un pas decât a făcut partenerul de alături. Aici vă aducem o compilație de 6 site-uri web cu Parallax pentru a le putea vedea și comenta.
Ce este Parallax?
Să începem de la început, ce este asta despre Parallax? Aceasta nu constă în nimic mai mult decât să facem ca, atunci când ne deplasăm vertical prin pagină (adică derulăm), fundalul să se miște cu o viteză mult mai mică decât celelalte elemente. Este ca și cum am avea site-ul nostru împărțit în două sau mai multe straturi Photoshop. Și ceea ce realizează efectul Parallax este să ne ofere senzație de adâncime, la care mulți se referă și ca efect 3D.
Cu toate aceste „știri”, nu trebuie să ne lăsăm niciodată lăsați de tendințe în așa măsură încât să uităm scopul real al unei pagini web: comunica, spune ceva. Și am văzut site-ul numeroaseîn care creativitatea imaginilor și a elementelor care se mișcă magic pe ecran este atât de copleșitoare încât privirea mea evită să mă opresc să citesc ceea ce este spus în el.
6 Exemple de site-uri web cu efect Parallax
- ciclomon: Efect paralela care funcționează și beneficiază. Există puțin text, foarte concis, care este însoțit de un ilustrare asta se schimbă odată cu el. În acest caz, efectul nu mă deranjează: mă ajută să devin interesat de conținut care, povestit în alt mod, nu m-ar fi atras în niciun caz.
- L'unità: Sunt atras de calitatea imagine care încununează rețeaua. Cu toate acestea, abundența imaginilor și înălțimea redusă dată fiecărei secțiuni mă induc în eroare. Efectul Parallax nu mă deranjează, dar cred că secțiunile superioare ar câștiga mai mult. Apropo: dacă închideți webul și îl redeschideți, imaginea principală se schimbă.
- Titanic: Pur și simplu cool și genial. Prima dată când m-am conectat, nu am putut evita derularea tot timpul, până când am ajuns la final. Așa că m-am întors la începutul webului pentru a citi conținutul, bucurându-mă din nou de efectul Parallax. Îmi vei spune ce crezi.
- Sony: Dacă ați căutat pe Internet exemple de Parallax, cel mai probabil ați văzut această pagină. Și este logic, deoarece rezultatul este uimitor. Cea mai bună aplicare a efectului pe care l-am văzut până acum, fără ezitare.
- Soleil noir: Îmi amintește o mulțime de Cyclemon's. Sunt, de asemenea, ilustrații combinate cu puțin text. Îmi place foarte mult bara laterală clasificată după culoare, care ne oferă opțiunea de a ne întoarce sau de a avansa la orice secțiune.
- De peşte: Scuze, nu sunt convins. Este un site care mă amețește: sunt prea multe elemente, am senzația că totul se mișcă ... nu prea îmi place. Ce crezi?
- Gilgul: Mi-au plăcut gifurile de fundal. Nu înțeleg nimic din ce scrie pe web, dar îmi place.
Ce efect curios al lui Paralax, aș dori foarte mult să aflu cum se realizează practicarea acestuia și să îl includ într-unul din proiectele mele web.
Cum accesăm pentru a avea aceste modele?