5 parimat näidet fikseeritud navigeerimisest - ja kuidas seda õigesti kasutada

Autor: Randy Alexander
Loomise Kuupäev: 3 Aprill 2021
Värskenduse Kuupäev: 16 Mai 2024
Anonim
5 parimat näidet fikseeritud navigeerimisest - ja kuidas seda õigesti kasutada - Loominguline
5 parimat näidet fikseeritud navigeerimisest - ja kuidas seda õigesti kasutada - Loominguline

Sisu

Kuna selliseid tööriistu nagu jQuery kasutatakse laialdaselt, näeme reageeriva veebisaidi kujundamisel uusi suundumusi. Üks neist on fikseeritud navigeerimine, kus lehe peamised navigeerimiselemendid on paigas fikseeritud, olgu siis veebisaidi paigutuse päises või ühel küljel. Seda tüüpi üldine navigeerimiselement võib olla nii kasulik kui ka visuaalselt huvitav, kuid hoiduge veebisaidi loomisel navigeerimispulga tegemisest ainult selle nimel.

Fikseeritud navigeerimiskujunduse jaoks tasub proovida palju kaalutlusi. Mis sobib suurte ekraanisuuruste jaoks, näiteks laua- või sülearvuti monitor, ei pruugi töötada väiksemal ekraanil nagu iPhone. Peamine suhtlus on keskendunud kerimisele, nii et kui leht on väga pikk, võib see ideaalselt sobida; aga kui ei, siis võib see tunduda tasuta.

Kas navigeerimiskujundus töötab visuaalselt paigutusel püsielemendina? Mõned edukamad kasutusalad on sellised, kus disainielemendid sulanduvad üksteise sisse ja kerimisel kaovad või toimivad mingil moel, tekitades palju rikkama interaktsiooni kui lihtsalt värviplokk mõne lingi taga. Kui see on ühe lehe kujundus, saate fikseeritud navigeerimise abil teavitada külastajat sellest, millist lehe osa ta praegu vaatab, täpselt nagu siis, kui ta viidi uuele lehele.


Fikseeritud navigeerimine võib olla võimas kujundusmuster, kui seda kasutatakse külastaja abistamiseks. See võib ka oluliselt parandada teie veebisaidi kasutamise kogemust, kui see kujundusega visuaalselt suhtleb. Nagu kõik asjad, peaks ka sellel olema põhjus. Kui te ei saa seda mingil viisil põhjendada, peaksite astuma sammu tagasi ja mõtlema, miks te seda kasutate. Halvasti teostatud navigeerimine võib kasutajakogemuse jaoks katastroofi tekitada.

Viis näidet, mida vaadata

01. Teooria

Veebidisainifirma Theory navigatsioonikujundus on suurepärane prototüüpne fikseeritud navigeerimiskujundus, mida uurida. See seguneb visuaalselt lehekujundusega hästi ja tähistab värvi, mida lehe osa praegu vaatate.

02. Loominguline laisk


Disainibüroo Creative Sloth veebisaidi fikseeritud navigeerimispäis on hea näide selle kohta, et selle väljanägemiseks pole vaja palju muud kui mõnda visuaalse kujunduse järjekorda.

03. Kiawahi saar

Puhkekeskuse Kiawah saare veebisaidi fikseeritud navigeerimissuhtlus on ainulaadne selle poolest, et see püsib fikseeritud piisavalt kaua, et pääseksite slaidiseansi jaoks kasutatud suurest pildist enne selle kadumist.

04. Vancouveri NMKÜ

Vancouver YMCA veebisaidi navigeerimiskujundus on fikseeritud lehe vasakul küljel. See aitab, kui näidata, millist jaotist te vaatate.

05. Google Ventures


Google Venturesi veebisaidil puudub tüüpiline fikseeritud navigeerimine. See on kerimise ajal fikseeritud vaid lühikese aja jooksul, seejärel kaob.

Sõnad: Gene Crawford

See artikkel ilmus esmakordselt ajakirja .net 234. numbris.

Meie Soovitus
Animeeritud liikide lähedased kohtumised
Loe Rohkem

Animeeritud liikide lähedased kohtumised

Nüüd, juba 18. korda toimuv lühifilmi- ja animat ioonife tival Encounter on iga-aa tane filmiloojate talent, mi ke kendub meediumi kahele kõige nõudlikumale teadu harule.2012....
5 suurepärast näidet isikupärastatud sotsiaalsete ikoonide kohta
Loe Rohkem

5 suurepärast näidet isikupärastatud sotsiaalsete ikoonide kohta

ot iaalmeedia ikoonid on peaaegu iga eal a uva veebi aidi lahutamatu o a. Kuigi mõned võivad valida tradit ioonili e, oovivad tei ed li ada oma kontaktandmetele natuke i ik u t. iin oleme v...
Tippdisainerid maalivad heategevusürituseks Oscari võitnud koera
Loe Rohkem

Tippdisainerid maalivad heategevusürituseks Oscari võitnud koera

uurbritannia Bri toli linn on tuntud oma kultuurili e mitmeke i u e poole t ja tutvu tab ageli tänavakun ti, et tähi tada loominguli u t ja koguda vahendeid erinevatele heategevu organi at ...