Informasjonsgrafikk flytskjema
Sist publisert: 7. mai 2025
Flytskjema beskriver som regel en prosess, eller er en visualisering av tekst. Disse skiller seg fra diagrammer og grafer ved at de inneholder mer beskrivende informasjon og har mer tekst og mindre data.
Grafiske elementer i flytskjema
- I hovedsak bruker vi linjer, bokser og piler for å differensiere innholdet i flytskjema.
- Det anbefales ikke å bruke ikoner (da de ikke bør være meningsbærende).
- Flytskjema som er designet med bokser i hvitt, skal ligge på lysegrå bakgrunn (lysegrå: #F0F0F0, RGB 240, 240, 240).
- Piler er satt i gult: #776D46, RGB 119,109,70.
- Fotnoter som hører til flytskjema settes inn som en del av figuren.
- Fargepaletten er basert på Finanstilsynets fargepalett og samsvarer med fargepaletten for diagrammer. Det er benyttet tre farger som beskrives med toneverdier (lys->mørk).
- Husk WCAG-kravene for kontrast.
Farger i flytskjema
- I flytskjema brukes turkis i overskrifter på hvit bakgrunn. På turkis bakgrunn brukes hvit tekst:
- Nivå 1: Overskrift Bold 28px #117B8C. Nivå 2: Open Sans Bold 20px #16535B.
- Gul brukes til piler og delelinjer.
- Lysegrå (#F0F0F0) brukes som boksfarge eller som farge bak hvite bokser. Merk at denne fargen ikke alene kan differensiere et element fra et annet.
- I eksemplene under bidrar både streker og piler (i tillegg til teksten) til å differensiere innholdet.
Typografi i flytskjema
Primærfont er Arial. All tekst skal plasseres horisontalt.
Størrelsen på filene varierer etter hvilken flate den skal presenteres på. Det vil derfor ofte være nødvendig å bruke noe skjønn når figurene må skaleres.
Forkortelser
- Benytt bokstaver: mrd. / mill. / tusen og kr. (ikke kroner).
- Bruk %-tegnet hvis det er del av en setning.
- Ikke benytt forkortelser i figurtittel eller kilde/note. Der skrives variablene helt ut. Eksempel: mrd. skives milliarder kroner.
For mer informasjon om forkortelser:
Eksempler på flytskjema
Flytskjemaene under er laget i Illustrator. Dersom de skal brukes i Word, bør slike figurer settes opp i Powerpoint.
Eksempel på flytskjema med tre kolonner:
Eksempel på flytskjema med flere nivåer:
Eksempel på flytskjema med rader:
Eksempel på flytskjema med visualisering av tekst:
Eksempel på flytskjema som viser sammenhenger:
Eksempel på flytskjema som viser fremdrift/prosesser:
