Illustrasjonsstil

Vy’s illus­trasjon­sstil gjen­speil­er våre verdier og mål i en strek og tone som skal være pålitelig, sjarmerende og overask­ende. Den skaper et felles språk som skal hjelpe våre ansat­te, kun­der, brukere eller sam­mar­bei­dspart­nere når de skal inter­ager­er med merke­varen og våre tjenester. 

Vårt mod­ulære illus­trasjon­ssys­tem der enkle, små illus­trasjon­er kan kom­bineres og formes til større kom­po­sisjon­er gir mulighet for vari­asjon i både skala og kom­plek­sitet. Dette sikr­er at illus­trasjonene fun­ger­er i alle stør­relser og på tvers av flater. Nye illus­trasjon­er som skapes kan gi enda flere kom­bi­nasjon­s­mu­ligheter i framti­den. Grunnlaget er lagt for et illus­trasjon­sunivers som kan vokse over tid for å dekke nye eller endrede behov.

Det er lagt spe­siell vekt på at illus­trasjon­er skal fun­gere opti­malt i små stør­relser, helt ned til skjer­men du hold­er i hånden.

Alle illus­trasjon­er som pro­duseres eller brukes skal ta utgangspunkt i denne man­ualen slik at man sikr­er et kon­sis­tent uttrykk i våre kanaler. Illus­trasjon­sstilen utelukker ikke bruk av annet materiell i kam­pan­jer eller andre sam­men­henger der det er unike behov. Men det er vik­tig at dette ikke før­er til at Vy’s merke­vare blir utvan­net eller uty­delig for brukerne.

Alle god­kjente illus­trasjon­er er tilgjen­gelig for ned­last­ing lengst ned på denne siden. Nye illus­trasjon­er som designes, alle endringer som utføres, og alle til­feller av bruk som skal pub­lis­eres må gå gjen­nom Nina Tøgard som er pro­fi­lans­varlig i Vy. Dette er for å sikre et kon­sis­tent uttrykk i alle våre kanaler.

Vår illus­trasjon­sstil er tett knyt­tet til den visuelle iden­titeten med et dis­tinkt og lett gjenkjen­nelig uttrykk. Stilen tar utgangspunkt i kon­septet beveg­else, med myke for­mer, avrund­ede kan­ter og åpne endinger. Vy skal alltid være i beveg­else, på vei fre­mover. Der­for er det vik­tig å skape dybde ved å bruke over­lap­pende ele­menter eller strek­er som før­er blikket videre. Illus­trasjonene beveg­er seg mel­lom det organ­iske og geometriske, det abstrak­te og konkrete, og mel­lom reisende og infrastruktur.

Uttrykket er i utgangspunk­tet svært stilis­ert og enkelt, men med en per­son­lighet og sjarm som reflek­ter­er hvem vi er og hva vi står for.

Illus­trasjonene er delt inn i fire hov­ed­kat­e­gori­er som skal gjøre det enklere å ta i bruk illus­tr­erte bilder i ulike sam­men­henger. Det som skiller de ulike kat­e­goriene er detaljnivå, farge­bruk og konsept:

Vy_illustrasjonsstil_a_loading

A – Loading-illustrasjoner

Dette er enkle abstra­herte lin­jer med sirkler i ulike farg­er som skal rep­re­sen­tere rei­seveien fra dør til dør. Load­ing-illus­trasjon­er brukes hov­ed­sake­lig som ani­merte ikon­er for å vise at innhold hold­er på å laste. Ulike for­mer for load­ing hjelper bruk­eren å forstå at deres han­dling er i ferd med å utføres. Det kan også skape en illusjon om at laste­ti­den er raskere.

Vy_illustrasjonsstil_b_storeikoner

B – Store ikoner

Enkle illus­trasjon­er som skal gi liv og detal­jer der hvor van­lige ikon­er ikke er gode nok. For­di ikon­er generelt sett er sta­tiske og abstra­herte så trenger vi et sett med illus­trasjon­er som kan utdype og formi­dle bud­skap på en bedre måte. Store ikon­er kan brukes for å kom­ple­mentere bud­skap internt eller eksternt uten å ta for mye plass.

Vy_illustrasjonsstil_c_ikonillustrasjoner

C – Ikonillustrasjoner

Ikonil­lus­trasjon­er er litt mer detal­jerte fargede illus­trasjon­er. Disse er med på å skape en enda større dybde og kan fun­gere på egen­hånd eller sam­men med andre illus­trasjon­er eller bud­skap. De kan også kom­bineres med andre ikonil­lus­trasjon­er for å skape et større miljø.

D – Illustrasjoner

Dette er de mest kom­plekse illus­trasjonene i Vy’s illus­trasjon­sstil og skal brukes der hvor hov­edele­mentet og bud­skapet er selve illus­trasjo­nen. Dette kan være alt fra juleko­rt til marked­skam­pan­jer eller store opp­da­teringer i app eller web. De kan også brukes som deko­ra­tive ele­menter både i app og på web. 

Illus­trasjonene tar ofte utgangspunkt i store ikon­er” eller ikonil­lus­trasjon­er” i kom­bi­nasjon med større illus­tr­erte ele­menter for å skape en sam­men­satt his­to­rie. De fun­ger­er da som byggek­loss­er og skal følge overordnede regler for stil og retning.

Vy_illustrasjonsstil_d_store2
Vy_illustrasjonsstil_d_store1
Vy_illustrasjonsstil_d_variasjon

Vari­asjon­s­mu­ligheter

I de store illus­trasjonene kan man variere kom­plek­siteten. Få eller mange ele­menter, mer eller min­dre farge­fyll, én konkret his­tore, eller mange fortellinger i ett. Dermed er det enkelt å tilpasse illus­trasjo­nen til kon­tek­sten og flat­en den skal brukes på.

Vy_illustrasjonsstil_d_variasjon2

Illus­trasjonene lages med hov­ed­vekt på de sen­trale far­gene i Vy-palet­ten (se eget kapit­tel). Sam­tidig trenger illus­trasjonene et noe større kreativt spillerom for å få til den leken­heten og vari­asjo­nen vi trenger. Der­for har vi tillatt noen til­leg­gs­farg­er, men det er vik­tig å under­streke at disse kun er ment for bruk i illus­trasjon­er. Det er ikke tillatt å bruke disse far­gene andre steder.

Etter­som illus­trasjonene i første omgang er laget for dig­i­tal bruk er far­gene kun defin­ert med fargekoder for skjerm. Denne siden blir opp­datert med fargekoder for trykk når det eventuelt blir aktuelt.

71AA9C
#71AA9C
30B987
#30B987
236861
#236861
27731E
#27731E
45A22A
#45A22A
7ED9E3
#7ED9E3
36BFD0
#36BFD0
8D8894
#8D8894
9BAABE
#9BAABE
CC9B74
#CC9B74
E5D6CC
#E5D6CC
FFB275
#FFB275
FF9E86
#FF9E86
FF8264
#FF8264
Vy_illustrasjonsstil_bruk

Det er vik­tig å tenke over hvor når man skal ta i bruke illus­trasjon­er, uavhengig om det er små eller store sam­men­henger. For eksem­pel er det vik­tig at ikke illus­trasjon­er blir forstyrrende ele­menter i et kjøp­sløp, eller at infor­masjo­nen man leter etter blir vanske­ligere å finne frem til. Vi må vise respekt for kun­dene våre ved å gjøre brukerop­plevelsen enkel og forståelig. Illus­trasjon­er skal der­for være sekundærele­menter i våre dig­i­tale kanaler. 

Eksem­pler på god bruk av illus­trasjon­er kan være en God tur” meld­ing du får når du har gjen­nom­ført et kjøp, eller når du gjen­nom­før­er et søk og det opp­står en feil, eller ingen resul­tater er tilgjen­gelige. Man bør alltid følge opp med tekst slik at alle brukere kan forstå budskapet.

I sosiale kanaler, internt eller eksternt kan illus­trasjon­er brukes til alt fra marked­skam­pan­jer og nyhets­brev til interne pre­sen­tasjon­er og oppdateringer.

Vy_illustrasjonsstil_a_loading
B_store-ikoner.001
B_store-ikoner.002
B_store-ikoner.003
B_store-ikoner.004
B_store-ikoner.006
B_store-ikoner.005
C_ikonillustrasjoner.001
C_ikonillustrasjoner.002
C_ikonillustrasjoner.004
C_ikonillustrasjoner.003
C_ikonillustrasjoner.005
C ikonillustrasjoner 006
D-Illustrasjoner.006
D-Illustrasjoner.001
D-Illustrasjoner.002
D-Illustrasjoner.003
D-Illustrasjoner.004
D-Illustrasjoner.005
D mobilitet landskap gods