11 leiðir til að hanna hið fullkomna vefsvæðaleit
Höfuðflakkavalmyndir geta oft verið gleymast þegar kemur að uppbyggjandi og skapandi vefhönnun. En þar sem aðal leiðin notendur skoða og hafa samskipti við vefsvæðið þitt, að fjárfesta í að taka þátt í hausleiðsögn þýðir að gestir heimsækja meira tíma á síðuna þína og endar að sjá miklu meira en bara áfangasíðuna þína. Það er ekkert mál að hafa ljómandi vefhönnun á innri síðum ef hausinn þinn gerir það ekki auðvelt (og skemmtilegt) að smella í gegnum það.
Þannig að við höfum sett saman samantekt á vefsíðum sem hafa nýtt sér mest af flakkaranum sínum með fallegri, sléttum og nýstárlegri hönnun. Kíktu hér að neðan og fáðu innblástur!
1. Sistrix
Sistrix er þýska fyrirtækið á eftir vinsælustu SEO hugbúnaðarpakka Sistrix Toolbox. Sem slíkur er vefsíða þeirra (þar á meðal vinsælustu fréttavefsblöðin sín) fær reglulega umferð frá stafrænum sérfræðingum. Þegar það er markaðurinn þinn, þá er ekki mikið pláss fyrir sloppiness þegar kemur að vefhönnun.
Halda hlutum sléttur og stílhrein, Sistrix siglingarvalmyndin samanstendur af fjórum einföldu niðurvalmyndum: Verkfæri, Blog, Resources og Stuðningur. Höggva yfir hvern haus birtist listi yfir viðeigandi tengla, hver táknuð með einföldum tákni. Þetta er sérstaklega snjallt hugmynd þegar vefsvæðið þitt hefur eins marga síður og Sistrix hefur.
Bara að sýna textablokk getur verið yfirþyrmandi þegar reynt er að fletta í gegnum stóra vefsíðu, en þessar vel hönnuð tákn fljótt beina gestinum þar sem þeir þurfa að fara. Ertu að leita að hjálp með farsíma SEO? Einföld smartphone táknið dregur augað og fær þig þar hraðar. Aðlögun notendaupplifunar fyrir gesti á vefsvæðinu er ein helsta aðgerð góðs flakkhausa, og þetta er eitthvað sem Sistrix síða neglur.
2. Reiss
Þegar þú ert tískuvari, er það klárt að sýna nýjustu hönnun eins mikið og mögulegt er. Þó að margar fellilistarvalmyndir séu eingöngu textasamstæður, eru tískuvörur í Bretlandi Reiss leggur áherslu á nýsköpunarsafnið sitt með því að nota myndir í niðurhölunum fyrir konurfatnað og tískufyrirtæki, tveir af kjarna vöruflokka þeirra. Það hjálpar að þeir hafi fjárfest í hágæða ljósmyndun - með myndum sem líta svo vel út, af hverju ekki fella þær inn sem lykilþáttur í leiðsögunarupplifuninni?
3. Vibrains
Vibrains er eignasafn fyrir Emiliano Borzelli, framhaldsframkvæmdaraðila. Þegar það kemur að síðunni er það sannarlega út af þessum heimi. Að velja skýr hönnunarmót eins og "rúm" gefur samhengi útlit á öllu síðunni. Allt frá lógóhönnunum til lykilupplýsingatáknanna nýtir rúmmyndagerð. A einfaldur líflegur borði gerir vafra síðuna finnst eins og fljótandi í geimnum, en alger standout hönnun lögun er fullkomlega líflegur fjör sólkerfisins þegar þú stökkva inn í ferlið kafla.
Með því að mæla fyrirmyndir af nálægum plánetum okkar vekur það barnalegan áhuga fólks með pláss til að halda gestum þátt í að sigla um síðuna. Ef þú ert eins og þráhyggju við þessa hreyfimynd eins og við erum, munt þú vera glaður að heyra að við horfðum á opinn kóða fyrir það á CodePen hér !
4. Weecom
Stafræn stofnun í Brasilíu Weecom notaðu hamborgara-valmyndarhnappinn til að halda heimasíðunni þinni sléttur og lægstur, með flakk valkostum aðeins pabbi upp eins og þú sveima yfir táknið. Það er nokkuð staðlað nálgun að flakkhausum, en það sem við elskum um vef Weecom er hvernig að fletta niður á síðunni veldur hamborgari táknið að skipta frá toppi til vinstri og neðst til hægri. Það er einfalt, dynamic snerting sem sýnir hversu mikilvægt það er að nota flakkavalmyndir sem vinna í kringum aðal innihald síðunnar.
5. Mashable
Þegar þú ert efni nexus eins Mashable , það getur verið mikil röð sem sýnir allt innihald þitt í hefðbundnum flakkaranum. Fyrirsagnir, undirfyrirsagnir, undirfyrirsagnir - að tryggja að þú hafir skýrleika er lykillinn að því að veita góða notendaupplifun fyrir gesti þína.
Það er þar sem mega-matseðillinn kemur inn. Þegar þú hefur sveiflast yfir flipann 'Meira' verður fellilistanum sem nær yfir alla skjáinn þinn sýnilegur. Þetta gefur plássið til að innihalda röð dálka eins og 'Rásir' eða 'Fyrirtæki' þar sem hægt er að birta lista yfir undirfyrirsagnir. Ef þú ert að hanna vefsíðu sem hýsir mikið af efni, er miðað við mega-valmynd eins og þennan einn af leiðandi leiðum til að höndla siglingar.
6. Oars
Annað dæmi um mega-valmynd, ferðalög Oars notar skýran skipulag til að hjálpa þér að finna það sem þú vilt. Til dæmis er sveifla yfir áfangastaða sýnd í mega-valmyndinni skipt upp í staðbundnar áfangastaði Bandaríkjanna í Bandaríkjunum, alþjóðlegum áfangastaða, þjóðgarða og ám.
Annað frábært viðbót við mega-valmyndina er að nota myndir undir reynslu þinni, Stories + Video og Plan + Reserve headers. Gerðu sem mest úr plássi sem þeir hafa, þessir auga-smitandi myndspjöld taka þátt í gestum og hvetja til smelli.
7. Paper Collective
Sérhæfir sig í töfrandi listprentun fyrir heimili eða skrifstofu, það er ljóst Paper Collective hefur auga fyrir góðan hönnun. Þess vegna hafa þeir gert snjallan notkun skyggnusýningarmiðju-valmyndarinnar, sem þýðir að siglingar á vefsvæðinu sínu skemma aldrei heimsmyndarafurðir sínar, heldur færir þær örlítið til hægri í staðinn.
8. Ólympíuleikarnir
Kannski erum við hönnunarmörk, en einn af uppáhalds hlutum okkar um Ólympíuleikana er að sjá merkimerkin sem hver hýsa borg kemur upp með. Algjörlega einstaklingsbundin við menningar- og hönnunarskynfæri tímans, þau eru frábær leið til að líta aftur á fyrri leiki.
Þetta er eitthvað sem er valmyndarhönnun fyrir IOC heimasíðan virðist hafa í huga - eins og þú sveima yfir helstu "Ólympíuleikana" hausinn eru hver Ólympíuleikar fulltrúa ásamt sérstökum merkinu. Lokað út á einfaldan, straumlínulagaðan hátt sem auðveldar leiðsögn með tímaröð, þetta setur gullgildi fyrir góða valmyndarhönnun.
9. Næstu Hætta
Næst er breska vörumerki sem selur allt frá fötum til skóna, blómaskreytingar, húsgögn. Sem slíkur þarf leiðsagnarvalmyndin að gera mikið af þunglyftum til að sýna alhliða vörulista þeirra. Ein af þeim aðferðum sem þeir nota eru harmónikaflipar - þegar þú sveima yfir heimili og húsgögn hausinn sérðu undirvalmynd flipa sem þú getur smellt í gegnum til að sjá tengla fyrir svefnherbergi húsgögn, eldhús innréttingar og fleira! Ef fyrirtækið þitt hefur fjölbreytt úrval af vörum á netinu er þessi aðferð við að skipta upp fyrirsögnum, undirfyrirsagnir og undirfyrirsagnir frábær leið til að fara.
10. ESPN
Snjallsiglingarhönnun þýðir að vita hvað fólk er að leita að og sýna það eins auðveldlega og mögulegt er. Fyrir íþrótta fjölmiðla heimsveldi ESPN , flestir viðskiptavina sinna eru að leita að einum hlut: stigið.
Með mikilli vitund um þetta hefur ESPN gert góða ákvörðun um að birta valmyndina Top Events yfir venjulegu valmyndinni, sem gefur fljótlegan árangur fyrir nýjustu stig í vinsælustu leikjum. Í sambandi við venjulega valmyndina (sem notar lógóta undir NBA, NFL, AFL, NRL og Krikkethausa til að auðvelda vafra) er það hönnun sem er beint upplýst með því hvernig og hvers vegna fólk notar ESPN-síðuna.
11. Bentley
Bentley er vörumerki sem er haldið í mikilli virðingu fyrir sléttum bílum sínum og svo virðist sem sléttur vefur hönnun líka. A snjall skipulag hefur gert siglingar á Bentley síðuna gleði. Ef smellt er á hausinn fyrir líkanið í efstu valmyndinni birtist skenkur. Eins og þú sveiflar yfir hverju bíll líkan svið, þú ert að fá stílhrein hliðsjón af einstökum gerðum sem boðið er upp á.
Með orðstír fyrir fallegar bíla er það ekki á óvart að hágæða myndir eru svo þungar í Bentley flakkavalmyndinni. Það er lexía sem við getum öll lært þegar kemur að vefhönnun: ef þú hefur fengið það, hrópa það!
