Updated

Designspråk

Designspråk er den helhetlige opplevelsen av identiteten der farger, budskap, illustrasjoner og foto spiller sammen i et gjenkjennelig system.
Dette kapittelet vises vektlegger ulike konkrete flater som viser hvordan elementene fungerer sammen. Alle visueller er eksempler som skal fungere som utgangspunkt for videre arbeid.

Avrundede hjørner

Avrundede hjørner på elementer bidrar til å holde uttrykket vennlig og moderne. Formspråket stammer fra Miljøfyrtårn sin logo og alle elementer bruker denne avrundingen som f.eks. bildebokser, knapper og tekstbokser.

Designspråk avrunding

Avrundede hjørner på UX elementer

Screenshot 2024 11 21 at 15 59 43

Avrundede hjørner på bildebokser

Lyskjegle 2

Avrundede hjørner på lyskjeglen

Screenshot 2024 11 21 at 16 05 04

Det er viktig at det ikke er for mye avrundinger. Heller mer beskjedent enn for rund.

Layout og komposisjon

Miljøfyrtårn sin visuelle identitet baserer seg på designkonseptet belyse og forenkle. Dette etterstrebes gjennom hele designsystemet. Lyskjeglen bidrar til å sette innhold i fokus, og tekstmarkering, vektlegger essensen i et budskap. Disse verktøyene gir mye identitet og bør brukes så ofte som mulig på aktuelle flater. Vi bruker lysskjeglen og tekstmarkering hver for seg, og vi kombinerer de ikke på samme layout. På flater som består av mye innhold, som f.eks. en wordmal, så bruker vi ikke disse verktøyene da dette er rene informative flater.

Lyskjegle 3
Highlight 1
Screenshot 2024 11 05 at 12 52 54

På digitale flater er det stort mulighetsrom for funksjonelle interaksjoner med animasjon.

Det er viktig at vi ikke "dekorerer" en flate. Men heller tenker funksjonelt og "ryddig". Visuelle elementer som lyskjegle og tekstmarkering må ikke forstyrre innhold. Det er også viktig at vi er kortfattet og lette i språket. Vi trenger ikke overforklare eller bruke altfor mye plass til tekst. Dette kan påvirke den visuelle identiteten i en negativ retning.

MFT Mockup Maison DD E01
MFT Roll Up Mockup 2 2
MFT Roll Up Mockup 4

Volumknapp

I en identitet med flere visuelle virkemidler, så er det viktig å vite når og hvor de benyttes. På informative flater som f.eks. brevark trenger vi luft og plass til mengdetekst. På flater som f.eks. SoMe har vi stort mulighetsrom til å vise mer identitet med tekstmarkering og lyskjegle.

Volumknapp

Informasjonsgrafikk

For at fargen har nok forskjell etter hverandre, er denne fargerekken anbefalt.
Fargerekkefølgen defineres i ppt mal og gjelder for standariserte grafer som søyle-, kake- og linjediagram.

Screenshot 2024 11 22 at 13 17 07
Farger graf
Co branding
Co branding 1

I f.eks. årsrapport og redaksjonelle flater, er det mulighet for å skreddersy stilen på grafer for mer identitet.

Mulighetsrom infografikk

Omgivelse

I fysiske omgivelser er det mulighetsrom for å benytte lyskjeglen på ulike flater, med ulike profilfarger. Dette grepet passer konseptet godt, og grafikken kan belyse omgivelser, mennesker eller informasjon. Sistnevnte kan kombineres med skilting (wayfinding). Bildene som vises under er referansebilder og kun for inspirasjon.

7884224622fbfd81e46d277bcca66935
8ed80e8807a08f2a06132acc30a4c13a
E1df25573230e0e304a2bc8e39e562c1
De0899bd944bdd4579c44abaf631ba3d
B36afd4807fc8df998c56c7b55fecbdb

Skilting

Konseptet gir også mulighetsrom for å utvikle skilter eller wayfinding.

MFT ARTD C03 MTL Metal Plaque 002 copy
Screenshot 2024 12 13 at 13 14 28