6 parallaksi efektiga veebisaiti

Sallil Noir, parallaksi efektiga veeb

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

  1. 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. Jalgrattur
  2. 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. Pasta pilt
  3. 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. Titaanlik
  4. 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. Sony veebisait
  5. 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. Sallil Noir, parallaksi efektiga veeb
  6. 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? Siniste toonide veeb
  7. Gilgul: Mulle meeldisid taustgifid. Ma ei saa midagi aru, mida veebis öeldakse, aga mulle meeldib. Gilgul

Artikli sisu järgib meie põhimõtteid toimetuse eetika. Veast teatamiseks klõpsake nuppu siin.

2 kommentaari, jätke oma

Jäta oma kommentaar

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on tähistatud *

*

*

  1. Andmete eest vastutab: Miguel Ángel Gatón
  2. Andmete eesmärk: Rämpsposti kontrollimine, kommentaaride haldamine.
  3. Seadustamine: teie nõusolek
  4. Andmete edastamine: andmeid ei edastata kolmandatele isikutele, välja arvatud juriidilise kohustuse alusel.
  5. Andmete salvestamine: andmebaas, mida haldab Occentus Networks (EL)
  6. Õigused: igal ajal saate oma teavet piirata, taastada ja kustutada.

  1.   projectycreationweb.com DIJO

    Milline kummaline mõju on Paralaxil, tahaksin väga teada saada, kuidas see saavutatakse, et seda praktiseerida ja lisada see mõnda oma veebidisaini.

  2.   Lewis põhjustas DIJO

    Kuidas me pääseme nende kujunduste juurde?