Knud Østerbye - NemmeHjemmesider.dk
Baggrunden er et af de enkeltelementer der kan have størst positiv effekt og virkelig sætte en god stemning når du laver din hjemmeside. Men det er også et element der kan ødelægge brugernes oplevelse fuldstændigt.
Der er dog - heldigvis - nogle ret simple regler:
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.
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.
Baggrundsfarver bør som tommelfingerregel være hvide eller lyse.
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.
Et markant skift i baggrund kan fange dine besøgendes opmærksomhed - her er der noget, vi skal se!
En markant farveforskel mellem tekst og baggrund gør tekten let at læse.
Det modsatte kan også virke men teksten lys tekst på mørk baggrund er mere anstrengende at læse.
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.
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.
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.
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.