Lav en flot og overskuelig hjemmeside med baggrundsbilleder

Guide: Lav en flot og overskuelig hjemmeside korrekt brug af baggrunde

En trin for trin guide

OPRET HJEMMESIDE
LÆS MERE

Baggrundsbilleder kan ødelægge oplevelsen - sådan bruger du dem rigtigt

Knud Østerbye - medejer af NemmeHjemmesider.dk

Knud Østerbye - NemmeHjemmesider.dk

Baggrunden er et af de enkeltelementer der kan have størst positiv effekt på en hjemmeside. Men det er også et element der kan ødelægge brugernes oplevelse fuldstændigt.

Der er dog - heldigvis - nogle ret simple regler:

1) Brug ikke baggrundsbilleder bag almindelig tekst – kun overskrifter.

Hvis tekst skal være nem at læse, er det en fordel hvis det er på en ensartet baggrund. Det er selvfølgelig afhængig af farver, skriftstørrelse og andet, men generelt skal man være meget varsom med tekst på baggrundsbilleder.

2) Gør du det alligevel, så kig grundigt efter om teksten er nem at læse – også på mobiltelefonen.

Telefonens skærm er mindre og i et andet format end computerskærmen. Derfor vil du se forskellige udsnit af baggrundsbilledet. Og derfor kan tekst, der godt kunne læses på computerskærmen, fordi den var placeret i et "roligt" område godt blive vist i et "larmende" område på telefonen - og dermed være ulæseslig.

3) Brug lyse / sarte baggrundsfarver. Hvid og lysegrå er rigtigt godt – husk at vælge mørk tekst!

Baggrundsfarver bør som tommelfingerregel være hvide eller lyse.

4) Skift imellem farver

Det kan give overskuelighed at og opmærksomhed at man skifter baggrundsfarve nedover en side. Se eksemplet nedenfor. Det kan være ganske små ændringer, der gør forskellen.

5) Brug stærke baggrundsfarver til at fremhæve noget særligt vigtigt

Et markant skift i baggrund kan fange dine besøgendes opmærksomhed - her er der noget, vi skal se!

6) Sørg for at der er stor kontrast imellem tekstfarve og baggrund

En markant farveforskel mellem tekst og baggrund gør tekten let at læse.

7) Sort/mørk tekst på hvid baggrund fungerer altid

Det modsatte kan også virke men teksten lys tekst på mørk baggrund er mere anstrengende at læse.



Eksempel på korrekt brug af baggrunde i praksis

Opsætning af eventyr med simpel brug af baggrunde


Trin 1
Baggrund 1

En tekst oven på et billede kan være problematisk. I dette tilfælde er det særlig grelt, da baggrundsbillidet har mange nuanceforskelle og ikke har nogen "rolige" eller ensfarvede områder med plads til teksten. Teksten er stort set ulæselig.



Trin 2
Baggrund 2

Jeg vil gerne bevare baggrundsbilledet da det giver blikfang og stemning til siden.

Derfor klippe-klistrer jeg i teksten, så overskriften som den eneste står tilbage i et overskriftelement.

Jeg har under sektionsindstillingerne sat den indvendige margen til 300 pixels i toppen og 100 pixels i bunden.
Overskrift-elementet er sat med en sort baggrundsfarve med med en gennemsigtighed på 7.



Trin 3
Baggrund 3

Jeg indsætter nu en ny sektion under sektionen med overskriften. Her indsætter jeg teksten med et tekst/billede-element.
Da teksten er lang vælger jeg at lave yderligere en sektion som i stedet for hvid, får en sart lysegrå baggrundsfarve.

Dette giver et lille skift som kan markere et skift i historien - eller det indhold du nu engang arbejder med.



Trin 4
Baggrund 4

Drama! For at skabe opmæksomhed er denne sektion sat op med rød baggrund. Det markante skift understreger at der er tale om vigtigt indhold.

Nu er indholdet sat op efter reglerne og du har nu en tekst som er læsevenlig og indbydende at se på.

Baggrundsbilledet er der stadig og kan fortsat sætte stemningen for siden.

I dette eksempel er der tale om et eventyr - men reglerne gælder generelt.


Kommentarer eller spørgsmål? Så skriv eller ring
Email: info@nemmehjemmesider.dk
Telefon: 93 94 30 90

Vi vil rigtig gerne bygge en lækker ny hjemmeside til dig også:

LÆS MERE HER

Vores kunder elsker os

  • “Det er let at lave sin hjemmeside, som man gerne vil have den, og der er utrolig hurtig og effektiv hjælp ved hånden, hvis man støder på det mindste problem undervejs.”

    Karen Langkjær på Trustpilot.dk


    PRØV SELV - HELT GRATIS
  • " Jeg valgte at lave min webshop og blog via nemmehjemmesider, da den er professionel og man får hurtigt svar hvis man har et problem. Priserne er super gode. "

    Mie Bak Kjærulff på Trustpilot.dk


    PRØV SELV - HELT GRATIS
  • "Jeg er utrolig imponeret over jeres utrolig gode service. Hver gang jeg har kontaktet jer, er I super-hurtige til at svare og hjælpe."

    Gitte fra sønderjyskhundeklip.dk


    PRØV SELV - HELT GRATIS
Til toppen