El Parallaksi efekt See on veebikomponent, mida täna kõige rohkem kuulete. Ei piisa sellest, kui öelda, et see on olnud trend juba vähemalt aasta. Pärast HTML5, CSS3, jQuery ja üheleheküljeliste saitide (mis koosnevad ühest lehest) buumi on see optiline efekt jõudnud meid kõige hämmastavamatele veebisaitidele.
Netis surfates näeme, et enamikul lehtedel on selle kasutamine eksperimentaalne. Eriti veebiportfellide kategoorias annavad disainerid oma fantaasiale vabad käed demonstreeri oma oskusi ja proovige astuda veel üks samm, kui kõrvalolev partner on teinud. Siit toome teile 6 parallaksiga veebisaiti, et saaksite neid näha ja kommenteerida.
Mis on parallaks?
Alustame algusest, mis see Parallaksiga on? See ei koosne muudest kui sellest, et kui liigume vertikaalselt läbi lehe (st kerime), siis liigub taust teiste elementidega võrreldes palju aeglasemalt. Tundub, nagu oleks meie veebisait jagatud kaheks või enamaks Photoshopi kihiks. Ja see, mida parallaksi efekt saavutab, annab meile sügavusetunne, mida paljud nimetavad ka 3D-efektiks.
Kõigi nende "uudiste" juures ei tohi me kunagi lasta end trendidel nii palju kaasa haarata, et unustaksime veebilehe tegeliku eesmärgi: suhtlema, ütle midagi. Ja ma olen näinud arvukas saits kus piltide ja ekraanil maagiliselt liikuvate elementide loovus on nii tohutu, et minu pilk väldib peatumist selles, mida selles räägitakse.
6 Parallaksi efektiga veebisaitide näited
- Jalgrattur: Parallaksi efekt, mis töötab ja on kasulik. Teksti on vähe, väga sisutihe, millele on lisatud a illustratsioon see muutub koos temaga. Sellisel juhul ei häiri see efekt mind: see aitab mul huvi tunda sisu vastu, mis muul moel jutustatuna poleks mind kõige vähem köitnud.
- L'unità: Mind köidab toote kvaliteet pilt mis kroonib veebi. Piltide rohkus ja igale lõigule antud madal kõrgus eksitavad mind siiski. Parallaksi efekt ei häiri mind, kuid arvan, et kõrgemates osades võidaksin rohkem. Muide: kui sulgete veebi ja avate selle uuesti, muutub põhipilt.
- Titaanlik: Lihtsalt lahe ja geniaalne. Esimest korda sisenedes ei suutnud ma kogu aeg kerimist vältida, kuni jõudsin lõpuni. Nii olen sisu lugemiseks naasnud veebi algusesse, nautides taas Parallaksi efekti. Ütlete mulle, mida arvate.
- Sony: Kui olete Internetist parallaksi näiteid otsinud, olete tõenäoliselt seda lehte näinud. Ja see on loogiline, sest tulemus on hämmastav. Parim efekti rakendus, mida olen siiani näinud, kõhklemata.
- Soleil noir: Tuletab mulle palju meelde Cyclemoni oma. Need on ka vähese tekstiga ühendatud illustratsioonid. Mulle meeldib väga värvide järgi klassifitseeritud külgriba, mis annab meile võimaluse minna tagasi või liikuda suvalisse sektsiooni.
- Kahtlane: Vabandust, ma pole selles veendunud. See on veebisait, mis ajab mind uimaseks: elemente on liiga palju, mul on tunne, et kõik liigub ... mulle see päris ei meeldi. Mida sa arvad?
- Gilgul: Mulle meeldisid taustgifid. Ma ei saa midagi aru, mida veebis öeldakse, aga mulle meeldib.
Milline kummaline mõju on Paralaxil, tahaksin väga teada saada, kuidas see saavutatakse, et seda praktiseerida ja lisada see mõnda oma veebidisaini.
Kuidas me pääseme nende kujunduste juurde?