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å udvalgte moduler:

I kan se en oversigt over jeres baggrundsfarver her

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:

Eksempel

OBS

Vigtig info!

Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Husk også

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper.

Servicemeddelelse

Husk at tilmelde dig

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac.

Breaking news

Vigtig information

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":

Eksempel:

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.

Mollis Vehicula

Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.

Sollicitudin Aenean

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Nulla vitae elit libero, a pharetra augue.

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.

I kan også sidestille to, forskellige lyse/blide farver

Herunder vises et par eksempler på dette:

Eksempler:

Consectetur Tellus

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Inceptos Pharetra Dolor

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.