One-page websites er varme og populære - ingen tvivl om det. Men de er ikke for alle eller enhver virksomhed. Det er let at have en, fordi de er populære; og hvis det gøres rigtigt, kan dit være et hit. Men sørg for at du er kvalificeret til projektet først.

En god kandidat til en webside er ikke super tung på indholdet. Du har kun en side for at få dit punkt på tværs, og der er kun så mange animationer og tricks du kan smide ind, før de bliver forældede.

Plus, de fleste websider er ukonventionelle i deres layout. At prøve at passe meget indhold på en side uden at se rodet er ret hårdt.

Potentielle anvendelser varierer, men nogle af de mest populære kandidater til websider er personlige porteføljer og hjemmesider til virksomheder, som kun sælger nogle få produkter eller tjenester.

Hvis du kvalificerer dig, skal du sørge for at dit website rammer markeringen. Der er altid visse ting, du skal følge igennem, når du laver nogen hjemmeside, men nedenstående punkter er særligt kritiske for websider på en side.

1. Bliv fokuseret

Gør alt så enkelt som muligt for publikum. Chancerne er, at hvis du overvejer et enkeltwebsider, har du sandsynligvis ikke masser af indhold. Det er fint. Vi er nogle gange fristet til at tilføje en masse fluff til vores hjemmesider. Enkeltidswebsteder kræver ikke nogen fluffing, fordi deres eneste formål er at nå frem til det. Hvis du er designer med at sammensætte en portefølje, præsentere dit bedste arbejde; ikke blive distraheret af middelmådige projekter eller din side t-shirt business.

Strip din hjemmeside af enhver fluff, og kom ned til de ting, der betyder noget. Selv om dette er en god strategi for enhver hjemmeside, kan de fleste sider med flere sider komme væk med lidt fluff, fordi brugerne normalt vil vide, hvor de skal finde de oplysninger, de ønsker. Med en-personsøgere får du et skud, og hvis den information, som nogen leder efter, ikke er der, vil du miste dem.


Der er ingen tvivl om, hvad denne e-handelswebsite sælger.


Denne portefølje får ret til det punkt. Et ganske vidunderligt minimalistisk design også.

2. Giv layoutet et hierarki

Sammen med at opretholde den besøgendes fokus skal en enkeltwebsted udvise dit produkt eller din tjeneste. Hvis du tænker på websteder med en side, du har stødt på, har de sandsynligvis et enestående formål, om du vil fremvise et agenturs designarbejde eller tromme interessen for en kommende begivenhed.

Et godt design og fokuseret layout kan hjælpe med at definere dit websites formål. Du som designer har beføjelse til at lede de besøgendes øjne, hvor du vil have dem til at gå. Folk bemærker naturligvis store ting først og små ting varer, så brug det til din fordel. Vigtige ting bør ikke være de mindste eller sidste ting på siden.

De indledende afsnit med store skrifttyper er blevet så populære på designerporteføljer, fordi de kommer til det punkt hurtigt og godt tiltalende for folk, der søger en designer. Den sidste ting du sandsynligvis vil se, er, hvilken skole de tog eksamen fra. Men du vil gerne vide, hvad de specialiserer sig i og hvad slags arbejde de gør.

Igen har du dyrebare få muligheder for at få din besked på tværs, så få det rigtigt. Hvis du finder ud af, at du har for meget indhold for at kunne gøre dette, skal du overveje at gå på en flersidet website.


Mens denne hjemmeside gør flere forskellige punkter, selv inden for dette screenshot, kan vi stort set fortælle hvad der er vigtigst.


Vi kan fortælle hvad dette firma gør, men det visuelle hierarki kunne være bedre.

3. Ryd navigering

Nogle sider på én side er statiske sider, hvis navigation tager besøgende til eksterne websteder. For eksempel kan en musiker have en navigeringsindstilling på deres hjemmeside, der er mærket "Videoer", der fører dig til deres YouTube-konto. Absolut intet er galt med dette, og det gør endda tingene let (især for ikke-kodere). Det eneste er, at besøgende skal vide, hvornår de bliver sendt til en ekstern side.

Hvis din side på én side er at fremvise et produkt, og dit indkøbslink sender kunder til en ekstern betalingsplatform uden at fortælle dem, så kan du miste noget salg.

Dit mål er at holde alt enkelt. Omdirigering af brugere til eksterne websteder uden advarsel kan være forvirrende. De kan antage, at linket er brudt eller forkert. Overvej at bruge ikoner (masser af gratis er derude) eller overskrifter for at lade besøgende vide, hvor de er på vej.


Her er hvad ikke at gøre. Linkene øverst tager dig uden for hjemmesiden uden varsel. Dette kastede mig virkelig af.


Design og kodning af denne hjemmeside er meget usædvanlig. Ikke desto mindre skelnes der links til eksterne sider af de grønne cirkler, og de er mærket som sådan.

4. Gå design skør

Nu kommer vi til den sjove del: ved at bruge en enkelt side website til at vise frem. Du vil ikke have hjemmesiden til at være kedelig eller gentagne, så gå nødder. Tag designet til det næste niveau, og tænk uden for boksen. En uortodoks design er fint at gøre opmærksom på dit produkt og gøre det mindeværdigt.

One-personsøgere bliver synonymt med godt design, fordi du kan gøre mere med det større lærred. Du er ikke tvunget til at bruge den samme baggrund overalt; du ændrer det på tværs af sektionerne. Rulning gennem websteder med en side er ofte som tommelfingre gennem et magasin eller en velassorteret diaspræsentation. Udnyt mulighederne.

Gør designet godt, uanset om du bruger store billeder, der spænder over hele browservinduet eller skaber en fantastisk illustreret baggrund. Du får bonuspoint og kan ende med at blive fremhævet i webdesign udstillingsvinduer.


Dette design er betagende, noget som en plakat. Og resten af ​​hjemmesiden skuffer ikke.


Renheden af ​​dette design (og koden) er fantastisk. Det får dig til at stoppe og stirre.

5. Gå kodning skør

Ligesom med designet, vil du også vise dine kodningsfærdigheder. Enkeltidswebsteder skal interagere med. Brugeroplevelsen er kritisk, så pas på detaljerne. Koden kan tage din hjemmeside til næste niveau.

Nogle ting at være opmærksomme på er farver og adfærd af links (især svævevælgeren); formernes udseende og opførsel (for eksempel, at formularen passer til designet og bruger AJAX- og JavaScript-validatorer); indsendelses- og fejlmeddelelser (bruges med formularerne og nogle AJAX); og net og placering af indhold (samt indholdets adfærd i browservinduet). Alle disse skal stemme overens med designet.


En god simpel måde at sætte kode på arbejde på en enkelt side hjemmeside.


Jeg kan være forspændt, fordi jeg kan lide det trick, hvor indholdet belastes på rulle, men opmærksomheden på detaljer i koden her er utroligt rundt omkring.

6. Få det i bevægelse

Udover at tage sig af kodningsoplysningerne, kan du bruge kode til at skabe bevægelse og spænding på siden. Igen, undgå at være kedeligt. Giv din side en følelse af liv og bevægelse; få det til at se ud som om det flytter med besøgende. Tilføj nogle sjove animationer eller overgange for at få siden til at skille sig ud.

Sprog som jQuery og AJAX er blevet standarden for at skabe bevægelse på et websted. Uanset om du får indholdet til at falde fra forskellige sider eller gøre baggrunden til et diasshow, skal du holde publikum engageret.


Denne baggrund er en animation. Jeg har ingen anelse om, hvad hjemmesiden handler om, men det ser pænt ud.


Overgangerne på denne hjemmeside er fremragende. Elsk denne!

Hvilke andre ting er der nødvendige for at gøre en side til et websted særligt?