Baggrunde 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.
Kort svar: Baggrunden skal hjælpe teksten – ikke konkurrere med den. Brug rolige baggrunde bag tekst, og gem de kraftige billeder til sektioner med lidt eller ingen tekst.
Baggrundens opgave
En baggrund gør tre ting, når den bruges rigtigt: den deler siden op i afsnit, den skaber stemning, og den fremhæver det vigtige. Bruges den forkert, gør den præcis det modsatte – siden bliver rodet, og teksten forsvinder.
Kontrast er ikke til forhandling
Mørk tekst på lys baggrund eller lys tekst på mørk baggrund. Grå tekst på lysegrå baggrund ser elegant ud på din skærm og er ulæseligt i sollys på en telefon. Tjek altid siden på en mobil udendørs, hvis du er i tvivl.
Baggrundsbilleder: fire regler
- Vælg et roligt billede. Meget detaljerede billeder gør tekst ovenpå umulig at læse.
- Læg en overlay på. En let mørkning eller lysning bag teksten løser de fleste problemer.
- Tænk over beskæringen. Et bredt billede beskæres kraftigt på mobil – sørg for, at motivet ikke forsvinder.
- Hold filstørrelsen nede. Store baggrundsbilleder er en af de hyppigste årsager til langsomme hjemmesider.
Skift baggrund for at dele siden op
Den nemmeste måde at gøre en lang side overskuelig er at skifte mellem lys og let tonet baggrund fra sektion til sektion. Det giver rytme, uden at du skal tilføje streger og rammer.
Hold dig til to eller tre baggrundsvarianter på hele hjemmesiden, så siden hænger sammen.
Mønstre, gradienter og video
- Mønstre – meget diskrete mønstre kan fungere som sektionsbaggrund, aldrig direkte bag lang brødtekst
- Farveovergange – hold dem svage, og brug dem samme sted hver gang
- Videobaggrund – kan se flot ud, men koster indlæsningstid og opmærksomhed. Brug det højst ét sted, øverst
Tjek til sidst
- Kan du læse al tekst uden at knibe øjnene sammen?
- Ser sektionerne stadig rigtige ud på mobil?
- Loader siden hurtigt, når du henter den på mobildata?
Ofte stillede spørgsmål
Kan jeg have tekst oven på et baggrundsbillede?
Ja, hvis billedet er roligt, og du lægger en let mørkning eller lysning bag teksten, så kontrasten er tydelig.
Hvor stort må et baggrundsbillede være?
Så lille som muligt uden at blive uskarpt. Store billedfiler er en af de mest almindelige årsager til, at en hjemmeside loader langsomt – især på mobil.
Hvor mange forskellige baggrunde bør jeg bruge?
To eller tre på hele hjemmesiden. Så bliver skiftet mellem sektioner tydeligt, uden at siden bliver rodet.
Relaterede artikler
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.
DesignMobilvenlig 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.
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.