En utstilling av enkelsidede nettsider
Ved utforming av et nettsted med et minimalt antall sider og ikke massevis av innhold, kan en enkeltsideutforming være en nyskapende måte å sette nettstedet på hverandre.
Enkelsidige nettsteder bruker ofte JavaScript og Flash, sammen med HTML og CSS, slik at de passer til mer innhold på en side uten å øke belastningstiden betydelig.
Navigasjon må gis noen spesiell hensyn når det gjelder nettsider for enkeltsider, for å sikre at besøkende kan komme tilbake til hjemmesiden av siden uten problemer, og navigere fra en hvilken som helst seksjon til en annen seksjon. Dette oppnås ofte gjennom klissete overskrifter eller gjentatt navigering i hver seksjon.
Nettstedene nedenfor er alle gode eksempler på nettsider på en side. De er både brukbare og estetisk tiltalende, og dra full nytte av enkeltsidens format.
Roaaar
Roaaar-nettsiden inneholder en "return to top" -link nederst på hver seksjon, noe som gjør det enkelt for besøkende å komme tilbake til navigasjonen i overskriften.
Duplos av Ricardo Mestre
Duplos-siden tar en annen tilnærming, og legger hovedinnholdet nederst på siden. Navigasjon tar deg lenger opp på siden, heller enn ned.
Grzegorz Kozak
Fyrmotivet her løper hele lengden på siden, går fra plass ned til bakkenivå. Bannere som henger ut av vinduer på fyret, kommer deg til toppen av siden der navigasjonen er.
Kaleidoscope
Kaleidoskopets nettsted bruker forskjellige bakgrunnsbilder og teksturer bak hver del av nettstedet. Dette skiller hvert innholdsområde fra hvert annet innholdsområde.
Dan Scotton
Korte sider som denne med minimal innhold fungerer spesielt godt. Navigeringen forblir i sidefeltet når du ruller nedover siden.
Viktor Shvaiko
Dette nettstedet bruker en horisontal skyveknapp for å laste inn nytt innhold, skyve gjennom annet innhold for å nå siden du har navigert til. Navigeringsfeltet forblir øverst uansett hvilken side du er på.
Jon Rundle
Enkle, personlige profilområder som denne er perfekt tilpasset en enkeltsidedesign. Ikonene og aksentfargene gir litt mer visuell interesse for designet, noe som ellers er veldig nøytralt.
Jason Reed
Bruke en trekkspill effekt for å vise nytt innhold fungerer bra når innholdet ikke er for langt. Det illustrerte toppbildet og det grå og oransje fargeskjemaet gjør at nettstedet skiller seg ut.
Tweet CC
Ved hjelp av teksturer og enkle illustrasjoner gjør nettstedet Tweet CC visuelt tiltalende, samtidig som det også holdes enkelt med et monokromatisk fargeskjema.
PSD Layout
Nettsteder som tilbyr direktefremmende tjenester, kan fungere spesielt godt i et enkeltsidet format. Det er ikke for mye informasjon å tilby og å holde alt på en side, gjør det enkelt for potensielle kunder å raskt finne det de trenger.
Feelwire
Feelwire-siden holder ting enkelt, og gir ekstra informasjon med verktøytips. Den hvite bakgrunnen holder den minimalistisk, og de dristige ikonene legger til visuell interesse.
Varm meteor
Hot Meteor nettstedet bruker en typografi-fokusert, grå og rød design. Overskriften er klebrig, og holder navigeringen øverst på siden.
Mia Makila
Mia Makila-området er litt annerledes enn de fleste av de andre nettstedene som er inkludert her, ved hjelp av en mer tradisjonell 3-kolonne-design. JavaScript brukes til å vise kunstverk i hver kategori.
Costas Theoharis
Dette nettstedet bruker en interessant glidereffekt, med hver seksjon (topptekst, hovedinnhold og bunntekst) som skyves separat fra hverandre.
Javan Makhmali
Rutenettet som brukes her, ses ikke veldig ofte i enkeltsidesigner. Men med rikelig med hvitt mellomrom virker det godt å inkludere mye annet innhold i en svært strømlinjeformet design.
Team Nomad
Designet her er enkelt og greit, og 2-kolonnedesign fungerer godt for å passe mer innhold på siden uten å gjøre det ser tungt ut.
Jorge Fino
Jorge Fino nettsted setter fokuset rett på designene. Navigering er ikke-eksisterende (annet enn rulling) og kontaktinformasjonen er inkludert i både topptekst og bunntekst.
Moly Yim
Her er et annet nettsted uten navigering. Det holdes til en rimelig lengde, skjønt, så det er ikke et problem.
Justin Tsang
Navigeringen her er litt annerledes. I stedet for å inkludere knapper som tar deg tilbake til toppen, eller navigering på hver skjerm, er knapper inkludert ved siden av hvert prosjekt og innholdsområde for å gå opp eller ned på en skjerm. Det er også en navigeringslinje øverst for å hoppe over til hver hoveddel.
Mogulista
Midlertidige nettsteder er en flott tid til å bruke et enkelttsidens nettsted. Dette nettstedet bruker JavaScript til å laste inn nytt innhold for hver "side" på nettstedet.
Chirag Solanki
Navigering på dette nettstedet kombinerer både hovednavigasjon og koblinger på slutten av hver seksjon for å returnere besøkende til toppen av siden. Illustriserte doodler knytter sammen hver seksjon, noe som gir en følelse av kontinuitet til hele siden.
Deluge Studios
Oppsettet på Deluge Studios-nettstedet er en av de mest unike egenskapene her. To kolonner gir fem innholdsområder, alle sammenkoblet fra toppnavigasjonen. Inkludert hovedinnholdsdeler i den mindre kolonnen "sidebar" -stil gjør siden betydelig kortere.
Stage 5 Studio
Stage 5 Studio-området er kort, uten navigering. Lenkene "Les mer" skjuler mer informasjon om hvert prosjekt, mens annet innhold holdes i "sidebar".
SmartCube
SmartCube-nettstedet bruker en klebrig header for å holde navigasjonen på skjermen til enhver tid. Den bruker også en kombinasjon av 1- og 2-kolonneoppsett, avhengig av innholdet.
Eclectique Designs
Innholdsseksjonene her er differensiert av unike bakgrunnsstrukturer. Typografi trekker alt sammen gjennom hele siden, og JavaScript brukes til å vise flere produkter uten å ta opp mer plass.
Inside Secrets til en iPhone App
Dette er en av de lengre enkelsidede nettstedene som er omtalt her. Den bruker en klebrig overskrift med navigasjon for å gjøre det enkelt å komme fra en seksjon til noen andre.
Drep spillet
Å holde et veldedighetssted som dette kort og til nå, er nesten sikker på å øke antall donasjoner som kommer inn. Den dristige typografien, grafiske bilder og inkludering av et donasjonsskjema nederst, fungerer perfekt sammen.
Emily Whitesmith
Her er et annet nettsted som starter deg nederst på siden. Ved å klikke på linken "finn ut mer" ruller siden opp til et porteføljeområde. Modale vinduer der gir nærbilder av hvert stoff.
Flyer
App nettsteder er velegnet til enkeltside design, da de ofte har begrenset innhold og bare et skjermbilde eller to for bilder.
Hayley Smith
Her er en annen veldig lang side. Navigeringen gjentas øverst i hver seksjon, og logoen glir nedover siden som den ruller.
Conway Anderson
Conway Anderson-siden bruker en blanding av skyveknapper (for om- og kontaktinfo) og modale vinduer (for arbeidet) for å vise innhold. Det enkle, rutenettbaserte design og monokromatiske fargeskjema holder ting enkle og moderne.
Daniel Moir
Daniel Moirs nettsted er enkelt med minimal innhold og ingen navigasjon. 2-kolonnens design organiserer ulike typer innhold på nettstedet og holder det kortere.
Latte per dag
Pre-launch nettsteder er svært velegnet til enkeltside design, som vist her. Det er ikke nok innhold ennå for å rettferdiggjøre et flersides nettsted.
The Beehive Market
Her er et annet lengre enkeltsides nettsted. Den lyse gule bakgrunnen og bileillustrasjonene knytter hele stedet sammen, og navigeringen gjentas øverst i hver seksjon.
Rubidine
Rubidin-stedet bruker en klebrig topp med en gjennomsiktig bakgrunn som passer inn i hver enkelt innholdsdel.
Jakub Szymanski
Dette nettstedet bruker JavaScript til å laste inn nytt innhold og å skyve ned på siden. En klissete bunntekst vises etter hjemmesiden "side" med en "return to top" -link.
Tyler Termini
Tyler Terminis nettsted er kort, kun med navigering i overskriften. Fordi det ikke er en veldig lang side, er det egentlig ikke et problem å måtte rulle tilbake til toppen (eller bare bla gjennom hver seksjon uten å bruke navigasjonen i det hele tatt).
Josh Sender
Grayscale fargevalget her ser bra ut. Arbeidet som vises vises i full farge når den svinger over, og når det klikkes på et fargemodusvindu, åpnes en større versjon.
Skrevet og utarbeidet utelukkende for WDD av Cameron Chapman .
Hva liker du best om nettsidene? Har du noen favoritter som ikke var omtalt her? Vennligst del i kommentarene nedenfor ...