Brug af farver

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

Baggrundsfarver

I kan på udvalgte moduler vælge baggrundsfarver. 

Se denne video i vores e-learning univers og lær, hvordan du ændrer baggrundsfarve på et modul

I kan i GoBasic vælge mellem disse forskellige baggrundsfarver på f.eks. multi box moduler og link lister:


I kan også se en oversigt over alle jeres baggrundsfarver her

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

Brug den blå farve som udgangspunkt

Som udgangspunkt bruges denne blå baggrundsfarve på kasser, link lister mm. Dog kan der være tilfælde, hvor man som redaktør har brug for at bruge andre farver. Læs om dem i denne artikel.

Fremhævelsesfarven

Den gule farve som ses på denne boks, er jeres 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 jeres farvepalette, og vælge én af hver på en side. Dog kan dette godt skabe et lettere kaotisk udtryk, og det kan være svært for læseren at finde overskuelighed i et udtryk som dette:

 

OBS

Vigtig info

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.

Obs

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.

 

Beslut dig i stedet 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 her, i denne "dummy 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 jeg 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 skriger på mere opmærksomhed, da den har en mørkere/hårdere baggrunsfarve.

Blid baggrundsfarve

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

Blid baggrundsfarve

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

Hård baggrundsfarve

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