Fastir veffluggar
Notkun fasteignaþáttanna hefur vaxið í vinsældum og orðið algeng þáttur á vefnum.
Þessi aðferð felur í sér að ákveða einhvern þátt í vafranum meðan restin af síðunni rollar. Oftast finnum við þetta gert á hlutum haussins, þ.mt aðalleiðsögn fyrir síðu. Þetta er líka vinsæl nálgun á vefsíðum á einstökum vefsíðum þar sem á síðunni flakk þarf að vera til staðar. Við finnum einnig ýmsar þættir vefsíðna læst á sínum stað með slíkum aðferðum.
Það eru margar aðstæður sem við getum fundið hvar ákveða þáttur á síðunni er gott, en það kemur allt aftur í eitt tilgang. Í næstum öllum þessum aðstæðum er fastur þáttur ávallt mikilvægur hluti af síðunni fyrir framan notendur.
Mikilvægi þessara þátta breytilegt, en að nokkru leyti er grundvallarmarkmiðið að halda hluta af síðunni ávallt í sýnapallinum.
Þegar þú hefur í huga að nota þessa tækni mælum við mjög vel með því að íhuga vandlega hvers vegna og hvernig þú gerir það. Hafðu í huga að hvaða hluti af síðunni þinni ekki hreyfist mun sjálfkrafa draga mikla athygli. Svo vertu viss um að þú hafir sett það í vinnuna. Skulum kafa inn!
Fastir hausar
Fastir fyrirsagnir eru afar algengustu fastir staðarþættirnir, svo mikið svo að ég þurfti að byrja að bæta við þetta safn til að forðast of mörg sýni. Oftast er hausinn festur til að tryggja að síðurnar séu alltaf til staðar. Eins og ég nefndi áður, þetta er sérstaklega við þegar að takast á við eina síðu vefsíðu.
Það eru margar lúmskur afbrigði af því hvernig þú getur séð fasta haus svo við munum skoða nokkrar sýni fyrir ýmsar hugmyndir um þessa nálgun.
Frækjur & myndarlegur
Þetta er það sem ég myndi íhuga klassískt dæmi um þessa tækni. Hausinn er fastur á sínum stað þegar þú flettir um síðuna. Þetta felur í sér lógóið og helstu flakkþáttana. Að auki er það eina síðu vefsíðu. Með því að smella á aðalleiðsögnina flettir þú á viðeigandi hluta síðunnar.
Í slíkum tilfellum gerir þetta kleift að vafra um eina síðu beint fram. Það forðast einnig einn af the fleiri pirrandi þættir margra síðu síðu: þegar flakk er aðeins efst á síðunni, en það flettir um aldirnar. Sem slíkur lítur fastur hausinn ekki bara vel út og heldur aðalmerkinu fyrir framan og miðstöð svæðisins, en einnig tryggir að vefsvæðið sé auðvelt í notkun.
Mapalong
Þetta dæmi notar fasta hausinn, en með eigin minniháttar snúningi. Þessi síða er einnig ein síðuuppsetning, en skortir ekki á síðuleiðsögn. Í þessu tilviki inniheldur fastur haus aðalmerkið og táknmyndarhnappur, bæði mjög mikilvægir þættir. En, jafnvel betra en þetta, þegar þú flettir niður á síðunni færist aðalviðfangsefnið í hausinn þar sem það rennur út úr myndinni. Þess vegna er aðalviðskiptipunktur vefsvæðisins alltaf sýnilegur. Og enn betra en þessi aðgerð aðgerðarinnar sem hverfur í sjónarhóli kallar athygli notandans á það og leggur frekar áherslu á viðskiptahlutfallið í hönnuninni! Að mínu mati er frábært að nota nálgunina.
Kisko Labs
Annar snjall nálgun við föstri stöðuhausinn er tækni sem ég kallar renna og stafur. Á Kisko Labs-síðunni er aðeins hluti af hausnum festur. Þegar þú flettir niður á síðunni flýgur aðalleiðsögnin líka. Það er þar til það smellir efst á skjánum, þá festist það þar. Þannig liggur leiðsögnin (eða rolla) eins og venjulega og festist síðan efst.
Auka smáatriði sem er mjög gott hér er hvernig flakkið lýsir hluta síðunnar sem þú ert að skoða núna. Þar sem þetta er einni síðuhönnun er gagnlegt að hafa núverandi hluta síðunnar skilgreind sem þú myndir með venjulegum "núverandi síðu" stöðu hvaða leiðsögu sem er.
Hækka þakið
Algeng viðbót við þessa stíl er að fella inn nokkra gagnsæi í klípulaga lagið. Í mörgum dæmum sem þú finnur hérna er þetta gert með því einfaldlega að hafa ójafn brún á klíbbsins. Stundum er þetta gert með því að hafa frumefni stækka frá föstu barnum, öðrum tímum með hakkaðri brún. Á Raise the Roof síða hefur það verið náð með mjög lífrænum og næstum handahófi landamærum.
Í þessu sýni finnum við áhugaverð sjónræn afleiðing. Með því að nota skarast þætti skapar svæðið sjónrænt dýpt þar sem innihaldið flettir á bak við hausinn. Þetta er frekar lögð áhersla á tunglið í bakgrunni sem er einnig fast. Niðurstaðan er þrjú sjónlag. Slík dýpt bætir miklum sjónrænum áhuga og getur skapað sjónrænt sláandi hönnun.
Velkomin á vatnið
Velkomin á vatnið er frekar óvenjulegt sköpun. Mjög lítið um þetta vefsvæði passar viðmiðin fyrir vefútlit og hönnun. Af sérstakri áherslu á efni þessa grein er fastur hausinn. Á þessari síðu sem fastur þáttur þjónar sem siglingar tól til the staður. En á margan hátt hefur það meira af tækjastiku tilfinningu fyrir því.
Viðbótarupplýsingar sýnishorn af föstum hausum
Hér eru nokkur dæmi um fasta haus. Þú munt finna margs konar stíl og lúmskur afbrigði hér.
Tam Cai
Marlon Messam
Big Eye Creative
Balencic Creative Group
Ivo Mynttinen
Krista Ganelon
Creattica
Ian James Cox
Gerðu betri forrit
Matthew Carleton
Shweplantis
TruQua
Rodolphe Celestin
Holcomb gítarar
Trussystem
Fastur fótleggur
Kannski er augljósasta andstæða föstu haussins fastur fótinn. Í slíkum tilvikum er fótinn á síðunni fastur neðst á skjánum. Eins og notandinn skrúfur, þá heldur þátturinn áfram.
Eins og allir aðrir fastir þættir, er að búa til brennidepli enn aðalmarkmiðið. Athyglisvert þó að með fótum eins og þessum er það oftast um efri hlutverk sem er enn aðal markmið.
Unleaded Group
The Unleaded Group síða er gott dæmi um þetta. Hér er fastur fótinn með þætti sem eru aðgerðarstilla og slá í kjarna tilgangi svæðisins. Fyrst skaltu hafa í huga að öll atriði í þessu stiku eru hlutir sem notandi getur gert: kynna þau á félagslegum fjölmiðlum, hringdu eða hringdu í þau. Í öðru lagi eru þau aðal aðgerðirnar sem stofnunin líklega vill að þú takir. Þeir vilja annað hvort að þú kynnir þær eða hafðu samband við þá. Þetta eru meginástæður þess að hafa síðuna eins og þetta. Svo gerir það góðan skilning að festa þá í stað ég fæti þar sem þeir vilja fá mikla athygli.
Envato
Envato síða hefur einnig fastan fót. Hér inniheldur barinn aðalmerki svæðisins, sem hefur verið áhugavert flutt hér frá dæmigerðum efst til vinstri. Frankly, fyrir vörumerki eins og Envato þetta er ekki mál. Einnig finnur þú röð af fellivalmyndum sem hleypa af stokkunum á mismunandi vefsíðum. Þessi einfalda aðgerð er raunveruleg markmið þeirra. Reyndar gætirðu sagt að þessi viðskiptasnið síða sé ekki í raun þar sem þeir vilja að fólk lendi í endanum. Sem slíkur er áherslan á að keyra þig aftur á vefsíðum þeirra áberandi og óhjákvæmilegt.
Kiyuco
Fyrir margar síður eins og þennan, eru markaðssetningarfyrirtækin þeirra afar mikilvæg. Eins og svo er að hafa fastan fótfestu sem leggur áherslu á skráningareyðublaðið getur verið langt til að vaxa slíkar póstlistar. Get email markaðssetning hjálpa þér að kynna síðuna þína yfir lengri tíma og stunda viðskiptavini á skilvirkan hátt? Ef svo er, kannski fastur fótfestur eins og þessi væri frábært tól.
Stöðvar í fastri stöðu
Læsa þættir vefsíðunnar á sinn stað eru ekki eitthvað takmörkuð við haus og fætur, þótt þær væru vinsælustu. Það virðist sem fasti hliðarstaður er náinn sekúndu.
Fastir stöðurnar innihalda oft mjög svipaðar upplýsingar um það sem þú vilt finna í haus. Þetta felur í sér hluti eins og lógó, siglingar og félagsleg fjölmiðlaverkfæri. Hér eru nokkrar sýnishorn til að íhuga hvort þú viljir nota þessa aðferð.
Jorge Rigabert
Þessi svakalega síða er fullkomið dæmi um stíl í vinnunni. Hér á hliðarstikunni eru helstu vörumerki og siglingar valkostir. Þessi tegund af nálgun er frábær vegna þess að það heldur áfram að skoða siglingar þegar blaðið flettir, en einnig vegna þess að það sker ekki við efnið sem það hreyfist. Þó að þetta gæti verið lúmskur greinarmunur, gerir það fyrir ótrúlega slétt tengi. Síður eins og þetta sýna glæsileika sem virðist einfalt, en er ótrúlega erfitt að setja saman.
Fleiri áhættu fleiri hetjur
Ég elska virkilega hvernig þessi síða virkar. Fastir þættir í hliðarstikunni eru kjarnastarfsemi sem eigendur svæðisins vilja að þú takir. Meira en nokkuð sem þeir vilja að þú heyrir tónlistina! Sem slíkur er áberandi og varanlegur á skjánum "leik" lögun tilbúinn og bíða. Ég get ekki ímyndað mér mikilvægari þáttur á vefsvæðinu, og að sýna það svo áberandi birtist bara góðan skilning. Og þú verður að elska að það hefur ekki verið kynnt á óþægilegan hátt; það er ekki einu sinni sjálfvirk spilun. Kudos til hönnuðarinnar sem stjórnaði þeim freistingu.
Yowza
Stundum er æskilegt að búa til eina Sticky frumefni sem stuðlar að tilteknu hlutverki. Við höfum séð þetta með ýmsum endurgjöf og þjónustu sem þú getur stungið inn á síðuna þína. Í þessu tilviki hefur Facebook eins og hnappur verið festur við hliðina á síðunni. Það heldur áfram þar sem þú flettir síðunni. Þetta vekur auðvitað athygli notandans á frumefni og hvetur þá til að nota það. Ég myndi segja að þetta sýnir kraft og mikilvægi félagslegra tilvísana í vefverslun, svo sem þetta.
Sem hliðarbréf, ég elska snúning síðunnar á 10px efstu landamærunum sem hefur orðið svo vinsæl. Hér flettir hluturinn einfaldlega eftir. Ekki stórkostlegt fjör, en eitthvað um það er skemmtilegt og bætir lag af áhuga og lífinu á síðuna.
Fat-Man Collective
Þessi síða fylgir öllum mynstri sem við höfum fundið í fyrri sýnum okkar. En það stendur upp á gríðarstóran hátt vegna einfaldrar hreyfingar. Þegar þú flettir niður á síðunni eykur stafurinn í hliðarstikunni og gengur. Þessi þáttur eykur handhafa svæðið í einstakt og eftirminnilegt flokk. Hvernig er það að eitthvað svo léttvægt getur haft slík áhrif. Það tekur þetta einfalda vefsvæði og dælur það fullt af awesomeness. Það sýnir að stofnunin á bak við það elskar að fægja vinnu sína með þeim tegundum klára snertir hvaða viðskiptavinur er að fara að deyja fyrir.
Fleiri fastir hliðarþættir
Hér eru nokkur dæmi um fasta hliðarsniði á vinnustað.
Kjánalegt ljóð
Colin McKinney
Upplýsingafulltrúi
Þetta er Marcela
Janette D. ráðsins
Einungis merki
Aðferð sem við finnum ekki allt sem oft er föst stöðumerki. Í þessu dæmi hefur lógóið verið læst á sinn stað, jafnvel þótt blaðið flettir. Þessi óhefðbundna nálgun heldur nafn netsins framan og miðju. Hönnun eins og þetta getur verið áhugavert að íhuga. Það er mjög erfitt að giska á hvers vegna þeir gætu hafa gert þetta, en aðeins má gera ráð fyrir að helsta merkingin sé afar mikilvæg. Kannski hafa þeir mikið af svipuðum samkeppni? Kannski viltu bara ganga úr skugga um að þú manst nafnið sitt? Engu að síður er áhugaverð tækni sem þarf að hafa í huga ef það á við um verkefnið þitt.
"Aftur á toppinn"
Þegar það kemur að mjög löngum síðum er góð leið til að bæta við tengil sem tekur þig efst á síðunni. Og með klættum þætti er hægt að búa til slíka tengil sem heldur áfram á sama stað og þú flettir síðunni. Þetta er nákvæmlega það sem sýnin sem hér eru veitt.
Oftast er slík þáttur rétt fyrir utan skipulagið. Þannig truflar það ekki neitt annað í hönnuninni eins og það fer yfir síðuna. Þú verður einnig að taka eftir því hvernig þessi þættir hafa oft örvandi bendingu - kannski augljós þáttur til að innihalda, en mjög mikilvægt að hafa í huga þar sem það upplýsir notendur hratt um tilgang þess.
Þessi nálgun andstæðir andstæða hugmyndina um klípandi haus. Í þessu tilviki er leiðsögnin oftast aðeins efst á síðunni. Svo aftur það er mikilvægt eins og það gerir fólki kleift að fljótt stökkva um vefsvæði innihald. Ef um er að ræða vefsíðum á vefsíðum þó að þetta geti verið svolítið pirrandi viðbótarskref.
Overlapps
Þetta sýnishorn sýnir fallega aukalega snertingu í því að það sýnir ekki aftur til efnisþáttar nema þú sést ekki í raun efst á síðunni. Kannski augljós smáatriði að fela í sér, en eins og þú munt finna er það ekki alltaf raunin. Hluti af krafti í þessari nálgun er sú að mjög athöfnin sem birtist vekur athygli á því til að tryggja að notandi sé meðvitaður um það.
Tveir fleiri sýni
Tveir eftirfarandi dæmi hafa bæði snúið aftur til toppa, þótt þau séu sýnileg allan tímann. Það er áhugavert að mér sést að þessi þáttur sést oftast í neðst hægra horninu á skjánum. Það er ekki mest áberandi hluti af hönnuninni, svo kannski er það efri náttúran gott fyrir slíka mikilvægu þáttur. Þú munt taka eftir að sjálfsögðu þó að þátturinn sé ennþá hápunktur með því að brjóta landamærin og með feitletruðum litum. Ég geri ráð fyrir að siðferðis sagan sé að íhuga mikilvægi þess að nota hönnunina. Ef það skiptir öllu máli, vertu viss um að það sé sýnilegt.
Wildcard hugsun
Dusanka & David
Margfeldi fastar þættir
Í þessu síðasta dæmi munum við kíkja á síðu sem hefur marga fasta þætti á síðunni. Á margan hátt brýtur þessi síða með flestum reglum vefhönnun og skipulag. Fyrir utan lógóið efst í vinstra horninu er næstum ekkert á venjulegum stað.
Við finnum nokkrar þættir sem við þekkjum á grundvelli þessa grein þó, svo sem föst hliðarstiku. Hins vegar verður þú að taka eftir því að tveir aðrir eru langt frá dæmigerðum. Til dæmis er fastur fótfestingin sem inniheldur nokkrar vísbendingar um breitt svæði. Hlutir eins og persónuverndarstefnur og skilmálar og skilyrði réttlæta sjaldan svo áberandi stöðu á síðu. Samt sem áður finnurðu þau fest á síðunni með nokkrum öðrum mikilvægum siglingaleiðum.
Mér líkar mjög eftir því hvernig þeir hafa klappað notendareikningunum í efra hægra hornið. Þetta er þar sem þeir eru oft settir, þó sjaldan fastir þar óháð því að fletta eins og í þessu tilfelli. Mér líkar þetta vegna þess að það tryggir að þú getir alltaf fljótt fengið aðgang að eiginleikum meðlimsins á síðunni; eitthvað sem kannski einhver önnur forrit og vefsíður gætu notið góðs af.
Allt í allt er þessi síða langt frá venjulegum, en eitthvað um það virkar ótrúlega vel og er auðvelt að elska. Óvenjuleg skipulag hennar gerir það ekki erfitt að nota og endalokið er greinilegur og ánægjuleg reynsla.
Resources
Að lokum, með þessari umferð, vil ég gjarnan taka nokkrar handlagnar jQuery tappi sem fjallar um nauðsyn þess að ákveða þætti á tiltekinn stað á síðu. Þau bjóða upp á mismunandi eiginleika sem passa við ýmsar þarfir sem þú gætir haft, svo vertu viss um að kanna þá alla til að finna réttan passa.
The mikill hlutur er að þeir eru allir jQuery tappi og þeir eru frábær einfalt að framkvæma. Ef þú vilt framleiða þessa stíl, þá mun þetta að minnsta kosti gera það auðvelt starf.
Meerkat
Meerkat er eitt af uppáhalds verkfærum mínum fyrir þetta tiltekna starf. Það er hæfileiki til að vera falinn gerir það frábært tól til að birta kynningarefni eða mikilvægar aðgerðir, svo sem skráningarblöð í tölvupósti.
Stickyscroll
Stickyscroll er tappi sem gerir þér kleift að búa til þætti sem fletta með síðunni þar til þau koma efst og þá standa þau í stað. Þessi tappi hjálpar einnig að tryggja að þættir fletta ekki inn í fótgangandi svæði með því að gefa það neðst mörk; A ágætur auka eiginleiki fyrir viss.
Vegvísir
Vegvísir leyfir þér að kveikja á jQuery atburðum þegar notandi flettir að tilteknum punktum á síðu. Þetta er hentugt ef þú vilt að auðkenna eða breyta leiðsögninni til að passa við staðsetningu notandans á síðunni. En gaman endar ekki þar sem það eru ótal hlutir sem þú gætir gert á síðu eða hönnun þegar notandi rollar og hefur samskipti við það.
Niðurstaða
Fastir þættir eru nú algengir þáttur hönnuðir geta sett í vinnuna. Verkfæri til að ná slíkum eiginleikum og fullur stuðningur við vafra eru ekki lengur vandamál.
Sem slíkur er það frábær aðferð til að halda í belti tækisins og draga út þegar tíminn er réttur. Slíkar aðferðir eru að sjálfsögðu ekki tegund af hlutum sem þú notar á hverjum degi, en getur verið ótrúlega öflugt þegar það er notað á áhrifaríkan hátt.