Vierittämisen jännitystä on todella kehittynyt, koska voimme käyttää värikkäitä rullaketjuja Internet Explorerissa vuosia sitten.

Tänään löydämme uusia tapoja keksimään uudelleen eleiden, parallaksen vieritysominaisuuksien ja muiden ominaisuuksien vierittämistä. Luomme jännitystä ja kertomme tarinoita. Luomme hyviä käyttäjäkokemuksia ja tehostamme sisältöä. Ongelmana on, että useimmat näistä sivustoista käyttävät pystysuorat vierityksiä.

Ja miten voitko heitä syyttää? Se on normaalia. Se mitä odotetaan. Ja se on usein helpoin toteuttaa.

Mutta missä rakkaus horisontaalisiin vierityskohteisiin? Monet ihmiset eivät luo niitä, lähinnä kehityksen vaikeuksien ja idean vuoksi, että horisontaaliset verkkosivustot ovat vähemmän toimivia. Argumentti horisontaalista rullausta vastaan ​​on seuraavanlainen: "Miksi keksitään pyörä uudelleen?" Mutta pitäisikö olla horisontaalisen rullauksen mahdollisuus?

Milloin ja miksi?

Vaakasuoran vierityksen pitäisi olla mahdollista kahdesta syystä: (1) Nykyisin houkutteleva suunnittelu ja (2) horisontaalisilla sivustoilla on paikka ja tarkoitus, aivan kuten vierityskohteet tekevät.

Jos haluat nopeasti mennä syyn, miksi se toimii reagoivasti, ajattele, miten käytämme puhelimia ja pöytiä, kun vedämme sivustoa niihin. Useimmissa tapauksissa lopetamme puhelimen kääntämisen niin, että se näyttää sisällöllämme maisema-asennossa. Tarkoituksena on, että voimme kääntää puhelimemme näkyviin mahdollisimman leveästi. Miksi emme hyödynnä tätä luomalla sivustoja, jotka voidaan katsella ja navigoida tällä tavoin? Ajattele, kuinka katsomme videoita verkossa ja miten kehitämme ja suunnittelemme sivustoja leveysasteella joka tapauksessa. Miksi me horostamme horisontaalisen vierityksen?

Toinen asia, voin näyttää sinulle paljon paremmin kuin voin kertoa teille. Joten, hyppäämme sisään ja näemme, kuinka nämä muutamat sivustot tekevät hyvää työtä horisontaalisen rullan käyttämisen toimivuuden ja mielenkiinnon vuoksi.

Reverse Buro

Tämä salkun sivusto käyttää sekä vertikaalisia että horisontaalisia vierityksiä yhdistelemällä esiin työnsä. Se on yhä enemmän suosittua piirtää työtä omilla näytöillä ilman häiriötekijöitä, koska se vain on järkevää. Tämä navigointimenetelmä ei ole pelkästään intuitiivinen, vaan luo upean innovaatiotunnuksen tähän suunnittelijaan.

Reverse Büro kopio

Gavin Castleton

Nykyään on välttämätöntä, että musiikkitieteilijät löytävät keinon tehdä itsensä standoutiksi. Tällaisessa pilaantuneessa teollisuudessa taiteilijoiden on luotava täydellinen paketti, joka saa heidät huomion, musiikista web-suunnitteluun. Gavin on luonut hienon verkkosivuston, joka on mielenkiintoista ja täydellistä kaikkien hänen tietojensa säilyttämiseksi.

Gavin Castleton kopio

Bartle Bogle Hegarty

BBH on ilmeisesti yksi maailman tunnetuimmista luova virastoista. Kun olet saavuttanut niiden menestyksen, he alkavat luoda erilaisia ​​konttoreita ja toimistoja eri puolilla maailmaa. Sen sijaan, että luotaisiin eri sivustoja jokaiselle paikalle, heillä on tapana, jolla voit tarkistaa, mitä kukin tekee ympäri maapalloa. Pidän horisontaalisesta navigoinnista, koska se on kuin matkustat kustakin eri paikasta.

Bartle Bogle Hegarty kopio

Jens Lehmann

Jens on tietenkin kaveri, jolla on monia nimikkeitä ja jolla on monia hatut. Hän ei halua sekoittaa niitä yhteen, joten hän on luonut kotona verkon, joka antaa hänelle mahdollisuuden yksilöllisesti esitellä asioita, joita hän tekee. Tämän sivuston horisontaalinen navigointi tekee kustakin nimestä tehdyn muuntamisen helposti ymmärrettäväksi ja näkemiseksi.

Offizielle kotisivu von Jens Lehmann | Jens Lehmannin virallinen verkkosivusto

James Joyce

Toisin kuin Reverse Buro -sivusto, emme näe jokaista teosta erikseen kuvaruutuun. Uskon kuitenkin, että se toimii James Joyce ja hänen suunnitelmansa, koska he ovat niin samanlaisia. Meillä on mahdollisuus todella nähdä ja nauttia hänen tyylinsä.

James Joyce

Tässä Design

Kuten edellä mainitulla verkkosivustolla, saamme horisontaalisen sivuston esittelemään työtä. Tämä luo erinomaisen esimerkin siitä, miten voit säilyttää horisontaaliset oikeutesi, mutta lisää myös muita tällä sivustolla tarvittavia tietoja.

tässä suunnittelussa

CL Holloway

Tämä on yksi ilmeisimmistä horisontaalisen rullauksen käyttökohteista, jonka olen nähnyt. Se on melko älykäs, koska tämä henkilö on taidemaalari ja taidemaalari, joka on luultavasti ollut erilaisissa museoesineissä. Miksi ei tehdä sitä verkossa? Tämä tekee oikeastaan ​​paremman käsityksen siitä, mitä Holloway tekee ja miten hän haluaa nähdä. Pidän todella tästä sivustosta.

Taiteilija, taidemaalari, yrityskuva, afrikkalainen, muotokuvat: CL Holloway

WWF

Tämä sivusto luotiin viime vuonna lisäämään tietoisuutta WWF: n Earth Hourista. Sen sijaan, että tekisimme sivuston vain grafiikalla ja sisällöllä, he päättivät luoda tarinan. Tämä tarina rullaa vaakatasossa ja muistuttaa hyvin sivun kääntämisestä kirjaan. Sillä välin tämä on hyvin hauska ja vuorovaikutteinen sivusto.

WWF

Blocklevel

Ei, tämä sivusto ei selviä suoraan vasemmalta oikealle. Kuitenkin on olemassa nauha, jonka avulla voimme nähdä sisällön vasemmalta oikealle. Se on kuin hyperaktiivinen liukusäädin, joka on järkevää, varsinkin yhden rakkaan yhden sivun sivustoissa.

Blocklevel | Digitaal Productiebureau. Wij maken digitaalisten kampusten verkossa.

Hot Dot

Hot Dot on web-tuotantoyhtiö, joka väittää olevansa erittäin innovatiivinen. Tällaisilla rohkeilla väitteillä sinun kannattaa toivoa, että heillä on verkkosivusto, joka tukee tätä. Onneksi he tekevät. Nyt olemme tottuneet parallaaksen vierityksiin, jotka selaa alaspäin, mutta tällä kertaa saamme parallaalisivuston, joka vierittää vasemmalta oikealle. Se on yhtä jännittävä, ellei enemmän kuin edeltäjänsä ja tekee erittäin innovatiivisesta ulkoasusta.

Hot Dot - verkkotuotanto

Rezo Zero Interactive

Suuri osa web-suunnittelusta ja kehityksestä on käyttäjäkokemusta. Kyse on luomasta mielenkiintoinen paikka verkossa, joka on helppoa ja hauskaa kävijälle. Rezo Zero on yksi niistä sivustoista, joilla on suuria tehosteita, kiinnittää huomiota yksityiskohtiin, on upea ulkoasu ja paljon muuta. Puhumattakaan siitä, että he tekevät suurta työtä aloittavan sivusuunnan luomisen, joka liikkuu lineaarisesti.

Interaktiivinen design studio Lyon | REZO ZERO

Quest for Perfect Pop

Jos rakastat mustavalkoista valokuvausta ja tarinaa verkkosuunnittelussa, tämä on sivusto sinulle. The Quest for the Perfect Pop on omistautunut suurelta osin oluesi äänentoistoon, kun avaat sen auki. Tämä sivusto on ode siihen, luo erittäin mielenkiintoinen tarina, joka on pian saatavilla.

Quest for Perfect Pop

Nerval

Paljon kuin edellä oleva sivusto, saat mahdollisuuden selata tätä työtä ikään kuin kävisit museossa. Ilman ilmeistä grafiikkaa tämä on erittäin puhdas ja tyylikäs tapa luoda tämä tunnelma. Sinulla ei ole mitään tekemistäsi häiritä näkemystä töistä tarpeen lisäksi. Tämä on hieno tapa osoittaa, miten minimalismi yhdistyy tämän tekniikan avulla.

Nerval / Pierre Georges, vuorovaikutussuunnittelija.

Tilani

Jotkut meistä ovat tarpeeksi vanhoja muistaa "Myspace Tom" ja argumentit, joita meillä oli ystäviemme kanssa siitä, ettei heillä ollut 8 tai 16 parhaana. Myspace on päättänyt palata takaisin, mutta on päättänyt roskata sivut kimalluksella ja nallilla karhut putoavat siitä ja sen sijaan meillä on erittäin puhdas ja reagoiva muotoilu, joka liikkuu vasemmalta oikealle. Vaikka muut sosiaaliset verkostot ovat menossa ylös ja alas, Myspace tekee jotain erilaista luomalla vaakasuoran navigoinnin.

Myspace on paikka, jossa ihmiset tulevat yhdistämään, löytämään ja jakamaan.

Giellesse

Giellesse on huonekalusuunnittelutoimisto, jolla on erinomaisia ​​modernia mallia. Sen lisäksi, että ne ovat upeita kokoelmia, ne ovat luoneet todella kauniin web-suunnittelun, jonka avulla voit selata sivua sivulta vaakasuunnassa. Tämä tuntuu paljon kuin pyyhkäisemällä sivua puhelimessa ja ilmeisesti kääntää hyvin mobiililaitteille. Tämä sekoittaa vanhan pystysuoran sivun uudella navigointitavalla.

Giellesse | Koti

johtopäätös

Tietenkin meitä opettaa pitämään asiat yksinkertaisina, mutta meille kerrotaan myös ratkaisujen luominen ongelmiin. Kuten näette, verkossa on tietenkin paikka vaakasuorille sivustoille. Haluatko näyttää jotain tai luoda siisti ja tuore konsepti, siirtyminen oikealta vasemmalle eikä alaspäin voi olla hyödyllistä. Miten käytät tätä tekniikkaa?

Oletko rakentanut vaakasuoran vierityspaikan? Haluatko mieluummin horisontaalisen vierityksen, pystysuoran vai ei lainkaan? Kerro meille kommentit.