30 parallaxia osoittavat sivustot eivät ole kuollut

Parallaksen vieritys määritellään sivustoksi, jolle taustakuva kääntyy etualalle nopeammin, mikä luo vaikutelman syvyydestä. Tämä jäykkä määritelmä on useimpien partaalleeksen myyttien perusta: se ei sovi useille sivuille, se ei sovi suurille sivustoille, se ei ole käyttökelpoinen mobiililaitteissa, se on päivätty suuntaus, se on huonosti käytettävyys, käyttäjät eivät pidä siitä , se on huono SEO, voisin jatkaa ...

Parempi määritelmä olisi: Parallax vieritys on sivusto, jossa elementit selaa eri nopeuksilla ja luo dynaamisen vaikutelman.

Kuten mikä tahansa, parallaalis vieritys on huono verkkosivustolle, kun se on tehty huonosti. Mutta niin monet sivustot parallaksi hyvin.

Pari vuotta sitten parallaksi suunta ei ollut oikeastaan parallaksi, se oli noin tasomaisia kuvituksia, selaamalla ikuisesti päästäkseen sisältöön, yhden sivun sivuilla, joissa on lineaarisia nararoituja. Nämä käyttäjäkokemukset ovat vanhentuneet, mutta parallaalis itse ei ole siksi, että vieritys verkossa on luonnollista.

Moderni paralaktiikka heikentää gracefully, laiska loads elementtejä ja edistää myönteisesti käyttäjän kokemuksia. Käyttäjät tarvitsevat visuaalista palautetta vuorovaikutuksilleen ja parallaksin vieritys on täydellinen tapa saada palautetta Webin yleisimmistä vuorovaikutuksesta, vierittämällä.

Header-parallaksi

Yksi parallaksen rullaamisen yleisimpiä toteutuksia on otsakkeen parallaksi. Kun silmäsi näkevät syvyyden, on vaikea nähdä sitä, joten luodaksesi klassisen vaikutelman syvyydestä, sinun tarvitsee vain esitellä se otsikossa. Jätä loput sisältösi vierittämällä normaalisti.

Chris Roberts

Tim de Graag

Milano Design Week

Y7K

kontor

Bill Byron -viinit

Spaces

Karen Atherley

Tekstin parallaksi

Parallaxia käytetään usein parantamaan UX: ia pitämällä tekstisisältöä etupuolella ja keskittämällä tukemalla sisältöä, kuten kuvien vieritys käyttäjälle.

Fletcher Systems

Teollisuus Art

Omena

Toinen Escape

I Like Photo

Ohut parallaksi

Kuten entinen mellakoiras, jonka ainoa nyökkäys teini-ikäisilleen on ylimielinen eyelinerille lauantai-iltana, parallaksen vieritys on kasvanut. Hiljaiset parallaksit, joita sovelletaan muutamiin elementteihin, luovat tyylikkään selauskokemuksen, joka hurmaa ja kiinnostaa käyttäjää.

Merkki

Nutsandwoods

Sinun täytyy rakastaa etukäteen

Hay Rosie

Harewood Estate

Kiinteä pisteparalaksi

Kiinteäpistekohtainen parallaksi on ihanteellinen, jos haluat keskittyä ensisijaiseen sisältöön. Tällainen parallaksi saadaan usein CSS: llä yksin ja tuottaa tehokkaita ja toimivia sivustoja. Se on ihanteellinen tekniikka tuotteen demoja varten.

Muoto

polttoaineena

Simon Foster

Klassinen parallaksi

Klassista, täydellistä, parallaksikokemusta tuotetaan edelleen. On olemassa kymmeniä sivustoja, jotka käyttävät sitä tehokkaasti. Parallaxilla on nyt paljon muutakin kuin trendi, se on luonnollinen vaikutus verkkoon, kuten nämä sivustot osoittavat.