10 síður sem gera lóðrétta flakk
Meirihluti vafrans valmyndir flæða lárétt yfir síðuna. Þetta kemur frá sögu þess að hefðbundnar skjáir eru breiðari en ekki hærri.
En með svo miklum skjárýmum er það nú mögulegt fyrir vefsíður að nota lóðrétta flakkar í staðinn. Og margir þeirra líta vel út.
Þessar 10 dæmi um lóðrétta valmyndir eru fullkomnar til að læra fyrir einstaka hönnun stíl og mismunandi notkun.
1. Petersham Leikskóla
Á Petersham Leikskóla website þú munt finna hreiður lóðrétta flakk. Þessi tækni er ekki eitthvað sem þú munt finna mjög oft en það virkar vel á þessari síðu.
Hver aðalhlekkir tengilinn notar táknið í bakgrunni til að flytja tenglana sjónrænt. Og fyrstu tveir tenglarnar opna undirvalmyndirnar í takt við aðalvalmyndina. Þetta tekur stað dropdowns sem þú sérð venjulega á láréttum valmyndum.
Þessi síða er móttækileg, þannig að í minni stærðum hverfa þessar tenglar á bak við hamborgara valmyndina. Þetta skapar sanngjarna skiptingu milli notenda skrifborðs með nægilegu plássi fyrir lóðrétt tengsl og notendur sem gera betur með láréttum stikum.
2. Arbor Restaurant
Annað mjög einstakt dæmi er Arbor Restaurant sem hefur hreint lóðrétt hníf með nóg pláss á milli tengla. Innihaldið birtist í renna ílát sem einnig snýst lóðrétt við hliðina á leiðsögninni.
Þessi innihaldsstíll er frekar einstakur. Flestir lóðréttir nafngreinar halda innihaldi sínum í samræmi við aðalhliðina, en í þessu tilviki geturðu sýnt / falið efnið með vellíðan. Það bætir ákveðinni hæfileika við lóðrétta flakk sem heldur áfram að skriðþunga blaðsins rennur niður með efninu.
3. Smokey bein
Smokey Bein hefur tvö atriði að fara fyrir það: frábært mat og morðingjavefur.
Sérhver síða notar langa lóðrétta flakk sem er fastur til vinstri. Þetta er hefta fyrir flesta vefsíður vegna þess að meirihluti vestrænna lesenda neyta efni frá vinstri til hægri, og efst til vinstri horni er hefðbundinn staður fyrir svæðismerki.
Eitt aukið eiginleiki sem mér líkar er að matseðillinn flytur upp alla rétti veitingastaðarins. Ef þú smellir á "valmynd" tengilinn munt þú sjá hvernig þetta virkar líka eins og undirvalmynd bætt við lóðrétt. Ákveðið flott hugmynd sem virkar vel fyrir lítil veitingastað.
4. Mammoth Media
Þegar þú hefur minna efni getur þú komist í burtu með fleiri ósigrandi leiðsögn. Mammoth Media er gott dæmi sem aðeins hefur fimm aðal síður á vefsvæði sínu ásamt bloggi.
Eitt tiltekið flötur af þessari flakk er falinn fellilisti. Ef þú smellir á tengilinn "vinna" færðu 2 aðra tengla sem þú getur smellt á. Þeir birtast undir aðal tengilinn svo að þeir taki þátt í minni fellilistanum.
Jafnvel á farsíma fylgir þessi leiðsögn svipuð stíl. Það er sönnun þess að þegar þú hefur ekki of mörg tengsl getur þú virkilega ýtt á sköpunargáfu.
5. Amazon
Allir og ömmu þeirra vita um Amazon. The netverslun smásala hefur ótrúlega úrval, en þeir hafa líka frábær UI hönnun með lóðrétt tenglar á vöru leitarsíðum.
Amazon hefur heilmikið af flokkum fyrir hvert leitarorð. Þetta þýðir að þeir þurfa leið til að kynna hreinsaðar leitaraðgerðir án þess að yfirfylla síðuna. Lóðréttar siglingar gera bara skynsemi vegna þess að þeir geta haldið í burtu við hliðina en enn að vera aðgengileg.
Ef þú ert að hanna einhverjar svipaðar tegundir af síunarnav, mælum ég örugglega með að læra stefnu Amazon. Þeir hafa bjartsýni á síðuna sína til enda, svo að það er nóg af ástæðu til að ætla að lóðréttar flokkunartenglar þeirra virka vel.
6. Corum
Corum er Vefsíðan hefur aðra hreina lóðrétta flakk, með mjög einföldum aðgerðum. Höfuðhlekkir, dökk texti, hreinsa sveifla stíl og sterk mótsögn gegn aðal síðunni.
Þetta er eitt af stærstu þáttum við hönnun lóðrétta flakk. Þú vilt yfirleitt búa til sterkan skiptingu milli lóðréttra flakkastikunnar og innihald síðunnar. Í þessu tilfelli er gert með því að nota léttari bakgrunnslit með Corum merkinu nálægt toppnum.
Og hreyfanlegur móttækilegir notendur fá í staðinn fellilistann sem virkar vel sem valkost fyrir skjái sem er lengri en breiðari.
7. Nua Hjól
Ein besta leiðin til að nota lóðrétta flakk er með einni síðuuppsetningu. Upplýsingamiðstöðvar eins og Nua Bikes þurfa ekki alltaf heilmikið af síðum sem innihalda fullt af efni.
Svo með lóðréttu nafnsvalmynd er miklu auðveldara að fletta í gegnum efni á hegðun með því að nota fjör og sérsniðnar blaðsíður. Í þessu tilviki blandar Nua Bikes nav saman á síðuna þar sem það er beint tengt öllu innihaldi þessarar síðu.
8. Michael Ngo
Annar staður sem fylgir einni síðu lóðréttu hnút stefnu er Eigu Michael Ngo .
Það hefur nokkuð heillandi haus mynd sem strax grípur athygli þína og dregur þig inn. En efnið er áhugaverður hluti þar sem allt vinnur með 3 mismunandi tenglum: heima, vinnu og snertingu.
The nav tenglar hafa eigin texta þeirra svo þú getur séð hvað þeir gera jafnvel í hnotskurn.
Eitt sem þarf að hafa í huga er hvernig húfurinn er fastur meðan hann er að fletta niður á síðunni. Þetta heldur öllum tenglum aðgengileg frá hvaða punkti sem er lykilatriði í minni lóðréttum valmynd.
9. Medienstadt.koeln
Þýska síða Medienstadt.koeln hefur nokkuð mismunandi taka á lóðrétta flakk. Höfuðborgin þeirra er enn falin á bak við hamborgara valmyndina á öllum tímum, en það nær enn um allt skjáhæð.
Það felur einnig í sér fleiri tengla en bara dæmigerður toppur lárétt hnútur. Þetta er skynsamlegt en getur verið ruglingslegt fyrir suma gesti.
Það sem mér líkar mest við lóðréttan stíl er hvernig það helst í tölvunni þar til þörf er á henni.
Leyfð eru umræður um uppgötvunarvandamál með hamborgara valmyndir. En ég held að þetta tákn sé fljótt að verða viðurkennd og þessi hönnun er frábært dæmi um falið lóðrétta flakk í aðgerð.
10. The Metrick System
Auglýsingastofan Metrick System heldur leiðsögn sinni einfalt og að því marki. Það fylgir lóðréttum stíl en það er líka mjög öðruvísi en allir aðrir í þessari færslu.
Mér líkar við falinn fellilistann sem aðeins sýnir auka tengla þegar aðal tengilinn er smelltur. "Journal" tengilinn þeirra er gott dæmi. Nýjar tenglar birtast til hliðar og þeir hverfa í skoðun með einum smelli.
Farsímafyrirtæki fá svipaða reynslu nema þessar undirlínuskiptar birtast undir helstu tengilinn. En þetta nafla er svo lítið að það geti unnið fyrir nokkurn veginn alla skjástærðina.
The Wrap Up
Lóðrétt flakk virkar best á vefsvæðum sem treysta á auka skjárými. Þetta eru yfirleitt eignasöfn, veitingastaðir, smáfyrirtæki og verslanir í viðskiptum.
En án tillits til þessarar síðu geturðu alltaf reynt að bæta lóðrétta flakk í hönnunina. Og ég vona að þessi dæmi geti byrjað með nokkrum góðum hugmyndum um vírframleiðslu og mockup hönnun.