Mood board og style guide til website
Et mood board er fremragende til at fastlægge den overordnede stil og stemning FØR vi vælger detaljer og designer sider.
Et mood board kan især bruges til at vurdere stil og stemning ved at samle og vise skrifttyper, farver og billeder.
Et mood board ender ofte med at blive forvandlet til en style guide – til et værktøj, der gør det nemmere og hurtigere at lave det endelige design på de færdige sider.
En style guide indeholde de vigtige beslutninger vedrørender designet: hvilke farver skal bruges. Hvilke koder har de forskellige farver. Hvilke skrifttyper og -størrelser.
Hvordan skal knapper se ud. Hvordan skal bokse med fakta se ud. Hvor skal der bruges baggrundsfarver og baggrundsbilleder. Etc.
Når man arbejder efter en style guide kan man arbejde hurtigt og sikkert – og fastholde en bestemt stil hele vejen igennem.
Har du et billede, der kan bruges til at finde DIN farveskala?
Billedet skal matche din stil. Din business. Det du tilbyder.
Og så skal det bruges til at definere din farveskala.
Hent billedet ind i Adobe Color og placer de runde cirkler på de farver, du gerne vil have
Dette mood board er lavet ved at bruge DIVI pagebuilder til WordPress
Overskrift 1
Overskrift 2
Overskrift 3
Overskrift 4
Lorem ipsum dolor. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Skrifttype til rubrikker: Georgia
Overskrift 1
Overskrift 2
Overskrift 3
Overskrift 4
Overskrift 5
Skrifttype til brødtekst: Montserrat
En lys, let, letlæselig feminin skrift
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Et dinim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.
Den rigtige størrelse til billeder
Vi kan sætte udvalgte billeder ind herover for at se, om de skaber den rette stemning og stil. Og om de passer til både store og små skærme.
BILLEDSTØRRELSER:
Overvejende 16:9 format
- 1280 x 720 px
- 1080 x 608 px
- 795 x 449 px
KOMPRIMERING AF BILLEDER
Billeder bør ikke veje for meget:
- 795 x 449 px kan som regel komprimeres til omkring 100kb
- 1080 x 608 px kan som regel komprimeres til omkring 150 kb
- 1280 x 720 px kan som regele komprimeres til omkring 200 kb
Vikingerne kommer!
I sidste uge bekendte mangemilliardæren Elon Musk, ophavsmand til Tesla, SpaceX sig som den første vært med Aspergers syndrom på Saturday Night Live. Endnu én er ude af skabet! Som sædvanlig delte reaktionerne sig i to: dem, der fandt det overdrevet fedt, at...
Svend Brinkmanns gamle krikke
Svend Brinkmann trækker i Politiken den 4. april 2021 sin sædvanlige gamle krikke af stalden i en advarsel imod alle de diagnoser, vi unødigt påfører børn i mistrivsel: "Hvis vi reagerer for langsomt, risikerer vi at menneskers problemer vokser og bliver...
Er du Chewbacca eller Darth Vader?
Hvilken personlighed har du? Har du nogensinde prøvet at tage en personlighedstest? Hvad landede dit resultat på? Måske er du fuldstændig afklaret: du er introvert, ekstrovert, eller meget intuitiv. Den mest udbredte og anerkendte personlighedstest er Myers-Briggs...
Lorem ipsum dolor
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Link i tekst skal have denne farve
Eiusmod tempor incididunt ut labore
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Åbn boksen for at læse mere
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Kig på indholdet
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Vi kan også sætte billeder ind
Denne metode til præsentation af indhold er velegnet, når indholdet kan formuleres a la spørgsmål (den synlige titel) og svar (læse indholdet i boksen)
Det er stadig vigtigt, at indholdet er overskueligt. At der ikke er for mange bokse og at det skjulte indhold ikke er for langt.
Her er linjelængden passende. Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Linjelængden er alt for bred, når den går fra kant til kant
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Her er linjelængden passende – men max.
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Excepteur sint occaecat
Dolore eu fugiat nulla
Esse cillum pariatur
Excepteur sint occaecat
Dolore eu fugiat nulla
Esse cillum pariatur
Excepteur sint occaecat
Dolore eu fugiat nulla
Excepteur sint occaecat
Esse cillum pariatur
Fold dig ud
Et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.
