Brug af farver

I dette afsnit kan du læse om "do's and don'ts" ift. farvemuligheder.

Baggrundsfarver

Du kan vælge baggrundsfarver på udvalgte moduler.

Se videoen om baggrundsfarver i vores e-learning univers:

Lær, hvordan du ændrer baggrundsfarve på et modul

Du kan i GoBasic vælge mellem disse forskellige baggrundsfarver på f.eks. multiboksmoduler og linklister:


Du kan også se en oversigt over alle baggrundsfarverne her

Det kan være svært at gennemskue hvilke farver, du skal vælge, når du opretter et modul i GoBasic. Her kommer et par gode tommelfingerregler:

Brug den blå farve som udgangspunkt

Som udgangspunkt bruges denne blå baggrundsfarve på kasser, linklister mm. Dog kan der være tilfælde, hvor du som redaktør har brug for at bruge andre farver.

Fremhævelsesfarven

Den gule farve som ses på denne boks er en fremhævelsesfarve. Brug denne farve, hvis du vil markere særlig vigtig information. Det er vigtigt at være konsekvent ved brugen af denne farve, så brug den ikke på f.eks. link- eller tekstbokse, men derimod "OBS" eller "Breaking"-bokse.

Undgå "lyskrydset"

Det kan være fristende at give den gas med hele farvepaletten og vælge én af hver på en side. Det kan dog skabe et lettere kaotisk udtryk, og det kan være svært for læseren at finde overskuelighed i et udtryk som dette:

Information

Læs venligst dette:

Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper.

NB

Husk også

Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper.

Servicemeddelelse

Husk at tilmelde dig året konference

Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper.

Breaking news

Vigtigt for nyuddannede dyrelæger

Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper.

Nyhed

Servicemeddelelse til alle autoriserede fødevareforhandlere

Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper.

I stedet for at vælge en masse farver, så beslut dig for at vælge maksimalt to forskellige baggrundsfarver på hver side, du laver. Tænk på baggrundsfarverne som "opmærksomhedsfarver": Brug dem til at lede brugerens opmærksomhed hen på en særlig information.

Et eksempel kunne være som vist herunder i denne prøve-artikel:

Sem Pellentesque Lorem

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec sed odio dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Condimentum Adipiscing

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mollis Vehicula

Cras mattis consectetur purus sit amet fermentum. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue.

Sollicitudin Adipiscing Cursus

Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum.

Amet Tellus Bibendum

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem Quam Ullamcorper Elit

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

 

Her bruges farverne til at indkapsle særlige informationer, som man gerne vil have læseren til at fokusere på. Samtidigt bryder de også artiklen op og skaber luft og overskuelighed.

Men - hvad hvis du gerne vil lave to forskellige farver ved siden af hinanden?

Det kan være, du står i en situation, hvor du har brug for at sidestille to tekstbokse, hvoraf den ene har en højere plads i det visuelle hierarki end den anden. Her vil vi anbefale ikke at bruge to mørke "pangfarver" ved siden af hinanden, men derimod en blid og en hård.

På denne måde skaber du mere opmærksomhed på kassen, der har den "hårde"/skarpe farve end på boksen med den bløde farve. 

Herunder vises et par eksempler på dette:

Hård baggrundsfarve

Denne boks kalder på mere opmærksomhed, da den har en mørkere/hårdere baggrundsfarve.

Blid baggrundsfarve

Denne boks tiltrækker ikke ligeså meget opmærksomhed som dens sidemakker.

Blid baggrundsfarve

Denne boks tiltrækker ikke ligeså meget opmærksomhed som dens sidemakker.

Hård baggrundsfarve

Denne boks kalder på mere opmærksomhed, da den har en mørkere/hårdere baggrundsfarve.