Design din egen hjemmeside – sådan griber du det an
Du behøver hverken designuddannelse eller kodning for at designe din egen hjemmeside. Her er den rækkefølge, der gør arbejdet nemt.
Kort svar: Design din hjemmeside i denne rækkefølge – indhold, struktur, skabelon, farver og skrifttyper, billeder, mobil. Starter du med farverne, ender du med at lave det hele om.
Denne artikel handler om selve designarbejdet. Skal du bygge siden fra bunden, så start med hvordan man laver en hjemmeside, og skal du bruge inspiration til indholdet, kan du læse om hjemmesidens opbygning.
1. Beslut, hvad siden skal opnå
Design er ikke pynt – det er at gøre det nemt for den besøgende at gøre det, du gerne vil have, de gør. Skriv én sætning ned: "Den besøgende skal …" ringe, bestille, booke, melde sig til eller finde åbningstiderne. Alt design herfra måles op mod den sætning.
2. Læg strukturen, før du vælger farver
Skitsér siderne og menuen. Hvor mange sider er der brug for? Hvad ligger på forsiden? En simpel struktur er nemmere at designe – og nemmere at bruge.
3. Vælg en skabelon som udgangspunkt
En skabelon giver dig et gennemtænkt udgangspunkt: sammenhængende farver, læsbar typografi og et layout, der virker på både mobil og computer. Herfra skifter du billeder, tekster og farver ud, indtil det er dit.
4. Hold farverne få
To til tre farver rækker: en hovedfarve, en neutral baggrund og en accentfarve til knapper. Sørg altid for tydelig kontrast mellem tekst og baggrund – det er den enkeltfaktor, der oftest ødelægger ellers pæne hjemmesider.
5. Vælg højst to skrifttyper
Én til overskrifter, én til brødtekst – eller bare én i to vægte. Brødteksten skal være stor nok til at læse på mobil.
6. Brug luft og gode billeder
Luft omkring elementerne gør siden nemmere at læse end nogen anden justering. Og brug dine egne billeder, hvor du kan – ægte billeder af arbejdet virker mere troværdige end lagerfotos.
7. Tjek det hele på mobil
Størstedelen af dine besøgende sidder med en telefon. Gennemgå hver side på mobil, før du udgiver.
De fem klassiske begynderfejl
- For mange farver og skrifttyper
- For lille tekst og for lidt kontrast
- Menu med 12 punkter
- Ingen tydelig knap til det, siden handler om
- Billeder i forkert format, der bliver strukket eller beskåret skævt
Klar til at gå i gang?
Ofte stillede spørgsmål
Skal jeg kunne designe for at lave min egen hjemmeside?
Nej. Med en skabelon er de svære valg – layout, typografi og opbygning – truffet på forhånd. Du tilpasser farver, billeder og tekst.
Hvor mange farver bør en hjemmeside have?
To til tre: en hovedfarve, en neutral baggrund og en accentfarve til knapper og links.
Kan jeg ændre designet igen senere?
Ja. Farver, skrifttyper og layout kan ændres løbende, uden at du skal bygge indholdet om.
Relaterede artikler
Mobilvenlig hjemmeside – sådan fungerer et responsivt website
Hvad er en mobilvenlig hjemmeside, hvad betyder responsivt design, og hvad skal du selv tjekke på telefonen? Praktisk gennemgang.
DesignBaggrunde på hjemmesiden: sådan bruger du dem rigtigt
Baggrundsfarver og baggrundsbilleder kan løfte en hjemmeside – eller gøre teksten ulæselig. Her er reglerne, der holder.
Design7 tips til valg af font / skrifftype til din hjemmeside
Valg af skrifttype er en af de vigtigste beslutninger du står over for når du designer hjemmeside. Læs med og træf et klogere valg.