Skip to content
Vy logo

Illustrasjoner

Vys illustrasjonsstil speiler verdiene og ambisjonene våre, med en strek og tone som oppleves pålitelig, sjarmerende og overraskende. Den danner et felles visuelt språk som hjelper ansatte, kunder, brukere og samarbeidspartnere i møte med merkevaren og tjenestene våre.

Vys illustrasjoner er bygget som et fleksibelt, modulært system som kan kombineres og skaleres på tvers av flater og formater. Systemet er laget for å fungere like godt i små størrelser som i større komposisjoner, og gir rom for variasjon over tid.

Alle godkjente illustrasjoner er samlet i illustrasjonsbiblioteket. Her finner du ferdige elementer klare til bruk.

Skal du bestille eller lage nye illustrasjoner, kan du lese videre for retningslinjer og krav til uttrykk og bruk.

Illustrasjonsbibliotek

Utforsk illustrasjonsbiblioteket

Retningslinjer

Skjerm som viser vy.no med en illustrasjon

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.


Stil

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:

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.

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.

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.

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å.

Farger

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 utganspunktet er laget for dig­i­tal bruk er far­gene kun defin­ert med fargekoder for skjerm. La programvare ta seg av konvertering til CMYK når illustrasjoner skal trykkes.

Bruk

Det er viktig å vurdere når og hvordan illustrasjoner tas i bruk, enten det er i små eller større sammenhenger. Illustrasjoner skal ikke forstyrre et kjøpsløp eller gjøre informasjon vanskeligere å finne. Vi skal vise respekt for kundene våre ved å gjøre brukeropplevelsen enkel, tydelig og intuitiv. I våre digitale kanaler skal illustrasjoner derfor alltid brukes som sekundære elementer.

Eksempler på god bruk av illustrasjoner er en «God tur»-melding etter gjennomført kjøp, eller ved feilsituasjoner og tomme søkeresultater. Illustrasjoner skal alltid følges opp med tekst, slik at budskapet er forståelig for alle brukere.

I sosiale kanaler, både internt og eksternt, kan illustrasjoner brukes bredere – fra markedskampanjer og nyhetsbrev til interne presentasjoner og oppdateringer.

Relatert innhold