Illustrasjoner

Illustrasjonene våre er lekne, gjenspeiler bredden i folka våre og viser at også vår egen identitet er laget av folk, for folk.

Om illustrasjonene

Med illustrasjonene ønsker vi å kombinere Netlifes personlighet med personligheten til alle folka våre. Løsningen er en illustrasjonsstil som alle har vært med på å utforme. Motiver og innhold kommer fra håndtegninger fra alle ansatte, som så er rentegnet i en enhetlig stil.

Les om prosessen her

Slik bruker du illustrasjonene

Hvit bakgrunn

Illustrasjonene bruker alle fargene i paletten vår, derfor skal de alltid brukes på hvit bakgrunn.

Kombinasjoner

Illustrasjonene kan brukes alene, eller settes sammen i kombinasjoner av to eller flere.

Når vi lager kombinasjoner av illustrasjoner, er det med hele original-illustrasjoner. Vi bruker ikke enkeltelementer (for eksempel bare streker) til å lage noe nytt.

Eksempel: Her er to ulike illustrasjoner som tilsammen blir «Sprint planning»

Velg noe som passer

Når du skal bruke en illustrasjon er det viktig at du ikke bare tar noe tilfeldig, eller noe som «lå i presentasjonen fra før». Bruk en som illustrerer poenget ditt. Spør om tips i Slack-kanalen #merkevaren_vår hvis du trenger!

Pass på at du ikke (ubevisst) har brukt samme illustrasjon flere ganger i samme presentasjon.

Se flere eksempler på bloggen vår.

Skalering

Illustrasjonene kommer i en gitt størrelse i forhold til hverandre, som sørger for at linjetykkelsen alltid er lik. Hvis du bruker kombinasjoner av illustrasjoner, må de grupperes før de skaleres.

I for eksempel Keynote betyr det at du må markere de illustrasjonene du har på samme side, høyreklikke og velge Group.

Animasjoner

Målet er at alle illustrasjonene også skal komme i en animert versjon. Disse bruker vi til å gi liv til nettsiden vår, i presentasjoner og på sosiale medier.

Illustrasjon av en yogaperson med skjerm på ryggen

Slik lages nye illustrasjoner

Hvis du ikke finner det du trenger i illustrasjonsbanken over, gjør dette:

Ofte kan en kombinasjon av to enkeltillustrasjoner løse behovet. Spør gjerne om tips!
Hvis det ikke funka: Meld inn behovet ditt, og når du trenger det til, i Slack-kanalen #merkevaren_vår.
Få en kollega (hvem som helst!) til å tegne noe som passer. Det skal ikke ta mer enn et-par-tre minutter og tegnes for hånd, helst med en 0.8 mm svart fineliner penn. Alle illustrasjonene vi bruker skal være basert på en håndtegning.
Scan inn eller ta et bilde av tegningen (i godt lys, rett ovenfra).
Så digitaliseres den i tråd med illustrasjonsstilen vår (av Will, eller annen egnet person).

Illustrasjoner for modeller og prosesser

Elementer

Prosess- og modeller-illustrasjonene våre har en litt annen verktøykasse enn de andre illustrasjonene våre, selv om de deler noe.

Verktøykassa består av:

Svarte linjer/outline. 2 px m/ round ends.
Geometriske former: sirkler, firkanter, trekanter. Disse kan være hvite med svart outline eller være fylt.
Fargede flater uten outline.
Bryt opp og skap personlighet der det gir mening (f eks i piler).

Husk å holde et øye med detaljene; som avstander og at ting er linjert.

Fargebruk

I modeller og prosessillustrasjoner bruker vi hovedsaklig svart og hvit.
I tillegg bruker vi grønn for å utheve/fremheve eller til å vise hva som er i fokus.
Grå kan brukes til å tone ned ting (det som ikke er i fokus).
Har du behov for å skille ting fra hverandre kan du for eksempel bruke avstand for å gruppere.