En uppvisning av enskilda sidor
Vid utformning av en webbplats med ett minimalt antal sidor och inte massor av innehåll kan en enkeltsidesdesign vara ett innovativt sätt att ställa in platsen från varandra.
Enkeltsidiga webbplatser använder ofta JavaScript och Flash tillsammans med HTML och CSS för att passa mer innehåll på en sida utan att öka belastningstiderna väsentligt.
Navigering måste ges särskild hänsyn när det gäller sidor på en sida för att se till att besökare kan komma tillbaka till sidans hemsida utan problem och navigera från ett avsnitt till en annan sektion. Detta uppnås ofta genom klibbiga rubriker eller upprepande navigering i varje avsnitt.
Webbplatserna nedan är alla utmärkta exempel på webbplatser på en sida. De är både användbara och estetiskt tilltalande, och utnyttjar enkeltsidans format fullt ut.
Roaaar
Roaaar hemsida innehåller en länk till "Return to Top" längst ner i varje avsnitt, vilket gör det enkelt för besökare att komma tillbaka till navigeringen i rubriken.
Duplos av Ricardo Mestre
Duplos webbplats tar ett annat tillvägagångssätt, och lägger huvudinnehållet längst ner på sidan. Navigering tar dig längre upp på sidan, snarare än nedåt.
Grzegorz Kozak
Fyrmotivet här kör hela längden på sidan, från rymden ner till marknivå. Banderoller som hänger ut ur fönster på fyren återvänder till toppen av sidan där navigeringen är.
Kalejdoskop
Kalejdoskopens webbplats använder olika bakgrundsbilder och texturer bakom varje avsnitt på webbplatsen. Detta skiljer varje innehålls område från varandra innehållsområde.
Dan Scotton
Korta sidor som den här med minimal innehåll fungerar särskilt bra. Navigeringen stannar i sidofältet när du bläddrar ner sidan.
Viktor Shvaiko
Den här webbplatsen använder en horisontell skjutreglage för att ladda nytt innehåll, glida genom annat innehåll för att nå den sida du har navigerat till. Navigationsfältet ligger överst oavsett vilken sida du är på.
Jon Rundle
Enkla, personliga profilwebbplatser som den här passar perfekt för en enkeltsidesdesign. Ikonerna och accentfärgerna lägger lite mer visuellt intresse för designen, vilket annars är väldigt neutralt.
Jason Reed
Att använda en dragspelseffekt för att visa nytt innehåll fungerar bra när innehållet inte är för långt. Den illustrerade toppbilden och det grå och orange färgschemat gör att webbplatsen stannar ut.
Tweet CC
Med hjälp av texturer och enkla illustrationer gör Tweet CC-webbplatsen visuellt tilltalande samtidigt som den också hålls enkel med ett monokromatiskt färgschema.
PSD Layout
Webbplatser med raktjänster kan fungera särskilt bra i ett enkeltsidigt format. Det finns inte för mycket information att erbjuda och att hålla allt på en sida gör det enkelt för potentiella kunder att snabbt hitta vad de behöver.
Feelwire
Feelwire-webbplatsen gör det enkelt och erbjuder extra information med verktygstips. Den vita bakgrunden håller den minimalistisk och de djärva ikonerna lägger till visuellt intresse.
Het meteor
Hot Meteor-webbplatsen använder en typografi-fokuserad, grå och röd design. Rubriken är klibbig och håller navigeringen längst upp på sidan.
Mia Makila
Mia Makila-webbplatsen är lite annorlunda än de flesta andra sidor som ingår här, med en mer traditionell 3-kolonndesign. JavaScript används för att visa konstverk i varje kategori.
Costas Theoharis
Den här webbplatsen använder en intressant glidareffekt, med varje avsnitt (huvudet, huvudinnehållet och sidfoten) som glider separat från varandra.
Javan Makhmali
Nätdesignen som används här ses inte så ofta i enkelsidiga mönster. Men med mycket vitt utrymme fungerar det bra att inkludera mycket olika innehåll i en mycket strömlinjeformad design.
Team Nomad
Designen här är enkel och okomplicerad, och designen med 2 kolonner fungerar bra för att passa mer innehåll på sidan utan att det ser tung ut.
Jorge Fino
Jorge Fino s webbplats sätter fokus på designen. Navigering är obefintlig (annan än rullning) och kontaktinformationen ingår i både rubriken och sidfoten.
Moly Yim
Här är en annan webbplats utan navigation. Det hålls dock i rimlig tid, så det är inte ett problem.
Justin Tsang
Navigationen här är lite annorlunda. I stället för att inkludera knappar som tar dig tillbaka till toppen eller navigering på varje skärm ingår knappar bredvid varje projekt och innehållsområde för att gå uppåt eller nedåt på en skärm. Det finns också en navigeringsfält överst för att hoppa över till varje huvudavsnitt.
Mogulista
Tillfälliga webbplatser är en bra tid att använda en sida på en sida. Denna sida använder JavaScript för att ladda nytt innehåll för varje "sida" på webbplatsen.
Chirag Solanki
Navigering på denna sida kombinerar både huvudnavigering och länkar i slutet av varje avsnitt för att återvända besökare till toppen av sidan. Illustrerade klotter kopplar samman varje avsnitt, vilket ger en känsla av kontinuitet för hela sidan.
Deluge Studios
Layouten på Deluge Studios-webbplatsen är en av de mest unika funktionerna här. Två kolumner ger fem innehållsområden, alla länkade från toppnavigering. Inkluderar huvudinnehållsavsnitt i den mindre "sidobar" -stylkolumnen gör sidan betydligt kortare.
Steg 5 Studio
Stage 5 Studio-webbplatsen är kort, utan navigation. Länkarna "Läs mer" glider ut mer information om varje projekt, medan annat innehåll hålls i sidofältet.
SmartCube
SmartCube-webbplatsen använder en klibbig header för att hålla navigeringen på skärmen hela tiden. Det använder också en kombination av 1- och 2-kolonnlayouter, beroende på innehållet.
Eclectique Designs
Innehållsavsnitten här är differentierade av unika bakgrundstexturer. Typografi drar allt samman genom hela sidan, och JavaScript används för att visa ytterligare produkter utan att ta upp mer utrymme.
Inside Secrets till en iPhone App
Detta är en av de längre webbsidor som finns här. Den använder en klibbig header med navigering för att göra det enkelt att komma från en sektion till någon annan.
Döda spill
Att hålla en välgörenhetsplats som den här är kort och säker på att öka antalet donationer som kommer in. Den djärva typografi, grafiska bilder och inkludering av en donationsblankett längst ner fungerar alla tillsammans.
Emily Whitesmith
Här är en annan sida som startar dig längst ner på sidan. Genom att klicka på länken "ta reda på mer" rullar sidan upp till ett portföljområde. Modala fönster där ger närbilder av varje tyg.
Flygblad
Appwebbplatser är väl lämpade för enkla siddesigner, eftersom de ofta har begränsat innehåll och bara en skärmdump eller två för bilder.
Hayley Smith
Här är en annan väldigt lång sida. Navigeringen upprepas längst upp i varje avsnitt, och logotypen glider ner på sidan när den rullar.
Conway Anderson
Conway Anderson-webbplatsen använder en blandning av reglage (för om- och kontaktinformation) och modala fönster (för arbetet) för att visa innehåll. Det enkla, nätbaserade design- och monokromatiska färgschemat håller sakerna enkla och moderna.
Daniel Moir
Daniel Moirs webbplats är enkel med minimalt innehåll och ingen navigering. 2-kolonndesignen organiserar olika typer av innehåll på webbplatsen och håller den kortare.
Latte per dag
Förlanseringswebbplatser är mycket lämpade för enkelsidiga mönster, som visas här. Det finns inte tillräckligt med innehåll för att motivera en sida med flera sidor.
The Beehive Market
Här är en annan längre sida för en enda sida. Den ljusgula bakgrunds- och biillustrationen knyter samman hela sidan, och navigeringen upprepas längst upp i varje sektion.
Rubidine
Rubidinsidan använder en klibbig header med en genomskinlig bakgrund som passar in i varje enskilt innehållsavsnitt.
Jakub Szymanski
Den här sidan använder JavaScript för att ladda upp nytt innehåll och att glida ner på sidan. En klibbig sidfot visas efter hemmet "sidan" med en "return to top" -länk.
Tyler Termini
Tyler Terminis hemsida är kort, med navigering bara i rubriken. Eftersom det inte är en väldigt lång sida är det inte ett problem att behöva rulla tillbaka till toppen (eller bara bläddra igenom varje sektion utan att använda navigationen alls).
Josh Sender
Grayscale färgschemat här ser bra ut. Det visade arbetet går i fullfärg när den svängs över, och när man klickar på ett färgmodellfönster öppnas en större version.
Skriven och sammanställd uteslutande för WDD av Cameron Chapman .
Vad tycker du bäst om enskilda sidor? Har du några favoriter som inte presenterades här? Vänligen dela i kommentarerna nedan ...