Et udstillingsvindue af enkeltwebsites
Ved design af et websted med et minimalt antal sider og ikke et ton af indhold kan et enkelt-sidedes design være en innovativ måde at indstille webstedet fra hinanden.
Enkelsidede websteder bruger ofte JavaScript og Flash sammen med HTML og CSS til at passe mere indhold på en side uden væsentligt større belastningstider.
Navigation skal gives særlig opmærksomhed når det gælder sider på en side for at sikre, at besøgende kan komme tilbage til hjemmesiden af hjemmesiden uden problemer, og navigere fra et afsnit til et andet afsnit. Dette opnås ofte gennem klæbende overskrifter eller gentagelse af navigation i hvert afsnit.
Nedenstående websteder er alle gode eksempler på websider på en side. De er både brugbare og æstetisk behagelige og drage fuld fordel af enkeltsidens format.
Roaaar
Roaaar-webstedet indeholder et link til "Tilbage til toppen" i bunden af hvert afsnit, hvilket gør det nemt for besøgende at komme tilbage til navigationen i overskriften.
Duplos af Ricardo Mestre
Duplos-webstedet har en anden tilgang, idet du lægger hovedindholdet nederst på siden. Navigation tager dig længere op på siden, snarere end nedad.
Grzegorz Kozak
Fyrmotivet her løber hele længden af siden, går fra rummet ned til jorden. Bannere, der hænger ud af vinduer på fyret, vender dig tilbage til toppen af siden, hvor navigationen er.
Kalejdoskop
Kalejdoskopets hjemmeside bruger forskellige baggrundsbilleder og teksturer bag hvert afsnit af hjemmesiden. Dette differentierer hvert indholdsareal fra hinanden indholdsareal.
Dan Scotton
Korte sider som denne med minimal indhold fungerer særligt godt. Navigeringen forbliver i sidebjælken, når du ruller ned på siden.
Viktor Shvaiko
Dette websted bruger en vandret skyder til at indlæse nyt indhold, glide gennem andet indhold for at nå den side, du har navigeret til. Navigationslinjen forbliver øverst uanset hvilken side du er på.
Jon Rundle
Enkle, personlige profilwebsites som denne passer perfekt til et enkelt-sidedes design. Ikonerne og accentfarverne giver en smule mere visuel interesse for designet, hvilket ellers er meget neutralt.
Jason Reed
Brug af en accordeon effekt til at vise nyt indhold fungerer godt, når indholdet ikke er for langt. Det illustrerede headerbillede og det grå og oransje farveskema gør begge sider skarpt ud.
Tweet CC
Brug af teksturer og enkle illustrationer gør Tweet CC-webstedet visuelt tiltalende, mens det også holdes enkelt med et monokromatisk farveskema.
PSD Layout
Websteder, der tilbyder direkte fremadrettede tjenester, kan fungere særligt godt i et enkeltsidet format. Der er ikke for meget information at tilbyde og holde det hele på en side gør det nemt for potentielle kunder hurtigt at finde, hvad de har brug for.
Feelwire
Feelwire-webstedet holder tingene simple, og giver ekstra information med værktøjstips. Den hvide baggrund holder den minimalistisk, og de dristige ikoner tilføjer visuel interesse.
Hot Meteor
Hot Meteor site bruger et typografi-fokuseret, gråt og rødt design. Overskriften er klæbrig og holder navigationen øverst på siden.
Mia Makila
Mia Makila-webstedet er lidt anderledes end de fleste af de andre steder, der er inkluderet her, ved hjælp af et mere traditionelt 3-kolonne design. JavaScript bruges til at vise illustrationer i hver kategori.
Costas Theoharis
Dette websted bruger en interessant glidereffekt, med hver sektion (overskrift, hovedindhold og sidefod), der glider adskilt fra hinanden.
Javan Makhmali
Gitterdesignet, der bruges her, ses ikke meget ofte i single-page designs. Men med masser af hvidt rum fungerer det godt at medtage meget forskellige indhold i et meget strømlinet design.
Team Nomad
Designet her er enkelt og ligetil, og 2-kolonne design fungerer godt for at passe mere indhold på siden uden at gøre det ser tungt ud.
Jorge Fino
Jorge Finos websted sætter fokus på designerne. Navigation er ikke-eksisterende (bortset fra rulning), og kontaktoplysningerne er inkluderet i både overskriften og sidefoden.
Moly Yim
Her er et andet websted uden navigation. Det holdes dog i en rimelig længde, så det er ikke et problem.
Justin Tsang
Navigationen her er lidt anderledes. I stedet for at inkludere knapper, der tager dig tilbage til toppen eller navigation på hver skærm, er knapper inkluderet ved siden af hvert projekt og indholdsområde for at gå op eller ned på en skærm. Der er også en navigationslinje øverst for at springe over til hver hovedafdeling.
Mogulista
Midlertidige hjemmesider er en god tid til at bruge et enkelt side-websted. Dette websted bruger JavaScript til at indlæse nyt indhold for hver "side" på webstedet.
Chirag Solanki
Navigation på denne side kombinerer både hovednavigering og links i slutningen af hvert afsnit for at returnere besøgende til toppen af siden. Illustreret doodles knytter sammen hvert afsnit, hvilket giver en følelse af kontinuitet til hele siden.
Deluge Studios
Layoutet på Deluge Studios-webstedet er en af de mest unikke funktioner her. To kolonner giver fem indholdsområder, alle sammenknyttet fra den øverste navigation. Inkluderende hovedindholdsafsnit i den mindre "sidebar" -stile-kolonne gør siden væsentligt kortere.
Trin 5 Studio
Stage 5 Studio site er kort, uden navigation. "Læs mere" -links glider ud mere information om hvert projekt, mens andet indhold holdes i "sidebjælken".
SmartCube
SmartCube-webstedet bruger et klæbrig overskrift til at holde navigationen på skærmen til enhver tid. Det bruger også en kombination af 1- og 2-kolonne layout, afhængigt af indholdet.
Eclectique Designs
Indholdsafsnittene her er differentieret af unikke baggrundsteksturer. Typografi trækker alt sammen i hele siden, og JavaScript bruges til at vise flere produkter uden at optage mere plads.
Inside Secrets til en iPhone App
Dette er en af de længere websider, der findes her. Den bruger et klæbrig overskrift med navigation for at gøre det nemt at komme fra et afsnit til andre.
Dræb spillet
At holde et velgørende websted som dette kort og til det punkt er næsten sikker på at øge antallet af donationer, der kommer ind. Den dristige typografi, grafiske billeder og inddragelse af en donationsform i bunden virker perfekt sammen.
Emily Whitesmith
Her er et andet websted, der starter dig nederst på siden. Ved at klikke på linket "Find ud af mere" rulles siden op til et porteføljeområde. Modal vinduer der giver nærbilleder af hvert stof.
Flyer
Appwebsites er velegnede til single page designs, da de ofte har begrænset indhold og kun et skærmbillede eller to til billeder.
Hayley Smith
Her er en anden meget lang side. Navigationen gentages øverst i hvert afsnit, og logoet glider ned på siden, mens det ruller.
Conway Anderson
Conway Anderson-webstedet bruger en blanding af skydere (til om- og kontaktinfo) og modale vinduer (til arbejdet) for at vise indhold. Det enkle, gitterbaserede design og monokromatiske farveskema holder tingene simple og moderne.
Daniel Moir
Daniel Moirs websted er enkelt med minimalt indhold og ingen navigation. Designet 2-kolonne organiserer de forskellige typer indhold på webstedet og holder det kortere.
Latte Per Day
Pre-launch websites er meget velegnede til single side designs, som det ses her. Der er ikke nok indhold endnu for at retfærdiggøre et flersidet websted.
The Beehive Market
Her er en anden længere enkelt side side. De lyse gule baggrunds- og biillustrationer binder hele stedet sammen, og navigationen gentages øverst i hvert afsnit.
Rubidine
Rubidinsiden bruger et klæbrig overskrift med en gennemsigtig baggrund, der passer ind i hvert enkelt indholdsafsnit.
Jakub Szymanski
Dette websted bruger JavaScript til at indlæse nyt indhold og glide ned på siden. En klæbende footer vises efter hjemmesiden "side" med et "return to top" link.
Tyler Termini
Tyler Terminis hjemmeside er kort, kun med navigation i overskriften. Fordi det ikke er en meget lang side, er det ikke rigtig et problem at skulle rulle tilbage til toppen (eller bare rulle gennem hvert afsnit uden at bruge navigationen overhovedet).
Josh Sender
Grayscale-farveskemaet ser godt ud. Det viste arbejde går i fuld farve, når du svinger over, og når du klikker på et farvemodalt vindue, åbner du en større version.
Skrevet og udarbejdet udelukkende til WDD af Cameron Chapman .
Hvad kan du bedst lide om enkeltwebsider? Har du nogen favoritter, der ikke blev præsenteret her? Venligst del i kommentarerne nedenfor ...