8 isječke koda kako bi se izdvojila stranica

Straniranje je jedna od onih malih dizajnerskih potreba koje se često zanemaruju. No, za blogove i druge web stranice koje su bogate sadržajem pruža vrlo važno sredstvo za navigaciju. Dobro dizajniran izbornik može potaknuti korisnike da istraže Ŕto može ponuditi.

Vjerovali ili ne, postoje dizajneri koji se usuđuju podići paginaciju na sljedeću razinu. Evo nekoliko vrlo kreativnih isječaka koda koji možete koristiti za poboljÅ”anje vlastite web stranice.

Jednostavni i intuitivni efekti pomicanja

NaÅ” prvi primjer pokazuje kako neki osnovni efekti pomicanja mogu značajno poboljÅ”ati standardnu ā€‹ā€‹stranicu. Ultra glatko podvlačenje koje prati vaÅ” pokazivač čini ga mnogo intuitivnijim doživljajem. Također, cijeli je meni vrlo jednostavan za čitanje. Ovo je jednostavan način pomoći korisnicima.

Račun uživo

Jedan od najfrustriranijih dijelova stranice može biti način na koji izbornici obrađuju veliki broj stranica. Ovaj isječak koristi jQuery da se automatski zamota da prikaže susjedne brojeve stranica dok kliknete. To je puno lakÅ”i način da se prodre u mjesto.

Kuhinjski sudoper

Ovdje je vrlo zanimljiv koncept. Dizajnirano tako da odgovori i pristupačnije, ovo korisničko sučelje za straničenje sadrži viÅ”e načina za navigaciju, uključujući i tipkovnicom. Traka nalik vremenskoj traci na vrhu jasno označava trenutnu stranicu i nudi izvrstan pregled svega dostupnog.

Neka se Yeti pobrine za to

Kažu da je dobru pomoć teÅ”ko pronaći. Ali ovaj isječak pruža pomoć Yetija (barem Yetijeve ruke) klikom na brojeve stranica. Iako Yetis možda ne odgovara njegovom motivu, ovo je primjer kako možemo dodati element zabave (i iznenađenja).

PoboljÅ”ano za zaslone mobilnih uređaja

Na manjim ekranima straničenje se može teÅ”ko koristiti. Navigacijski elementi često su premali i teÅ”ki za čitanje. Ovaj isječak daje izvrsnu alternativu za mobilne uređaje. Svaki je element veći jer se navigacija proteže okomito. Rezultat je to da se korisnici mobilnih uređaja mogu kretati bez Å”kljocanja ili zumiranja.

Ne trebaju brojevi

Ponekad nam nije potrebno numerirati svaki element unutar stranice. Ovaj je primjer atraktivno minimalan s koriŔtenjem bodova, a ne brojeva. To je dobro rjeŔenje za prezentacije ili za kretanje kroz viŔe ploča sadržaja.

Prijateljski dodir

Mobilno korisničko sučelje najbolje funkcionira kada reagira na dodir korisnika. Ovdje imamo paginaciju koja korisniku omogućuje da prstom prijeđe do sljedeće ili prethodne stavke. Ova mala pogodnost može napraviti razliku kada je u pitanju upotrebljivost.

Beskonačni pomak / stranični kombinirani

Dizajneri često koriste beskonačno pomicanje za zamjenu stranice. Ali ovo je jasan koncept kako ih se može kombinirati. Frustracija beskonačnog pomicanja je u tome Å”to može biti teÅ”ko vratiti se i pronaći tu posebnu stavku na dugom popisu. Ova skripta dodaje nove brojeve stranica u navigaciju dok se vi dalje krećete prema dolje Å”to olakÅ”ava povratak unatrag.

Pomicanje stranice naprijed

Izvrstan web dizajn ne zanemaruje različite elemente koji čine stranicu. Prethodni profesionalci pokazuju da paginacija može viŔe ponuditi kada je pokuŔate poboljŔati. Stoga iskoristite inspiraciju za ove primjere i stvorite izbornike za stranicu sa stranicama koji izgledaju i djeluju bolje.