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.
Alle illustrasjoner som produseres eller brukes skal ta utgangspunkt i denne manualen slik at man sikrer et konsistent uttrykk i våre kanaler. Illustrasjonsstilen utelukker ikke bruk av annet materiell i kampanjer eller andre sammenhenger der det er unike behov. Men det er viktig at dette ikke fører til at Vy’s merkevare blir utvannet eller utydelig for brukerne.
Stil
Vår illustrasjonsstil er tett knyttet til den visuelle identiteten med et distinkt og lett gjenkjennelig uttrykk. Stilen tar utgangspunkt i konseptet bevegelse, med myke former, avrundede kanter og åpne endinger. Vy skal alltid være i bevegelse, på vei fremover. Derfor er det viktig å skape dybde ved å bruke overlappende elementer eller streker som fører blikket videre. Illustrasjonene beveger seg mellom det organiske og geometriske, det abstrakte og konkrete, og mellom reisende og infrastruktur.
Uttrykket er i utgangspunktet svært stilisert og enkelt, men med en personlighet og sjarm som reflekterer hvem vi er og hva vi står for.
Illustrasjonene er delt inn i fem hovedkategorier, A–E, som skal gjøre det enklere å ta i bruk illustrerte bilder i ulike sammenhenger. Det som skiller de ulike kategoriene er detaljnivå, fargebruk og konsept.
Dette er enkle abstraherte linjer med sirkler i ulike farger som skal representere reiseveien fra dør til dør. Loading-illustrasjoner brukes hovedsakelig som animerte ikoner for å vise at innhold holder på å laste. Ulike former for loading hjelper brukeren å forstå at deres handling er i ferd med å utføres. Det kan også skape en illusjon om at lastetiden er raskere.
Enkle illustrasjoner som skal gi liv og detaljer der hvor vanlige ikoner ikke er gode nok. Fordi ikoner generelt sett er statiske og abstraherte så trenger vi et sett med illustrasjoner som kan utdype og formidle budskap på en bedre måte. Store ikoner kan brukes for å komplementere budskap internt eller eksternt uten å ta for mye plass.
Ikonillustrasjoner er litt mer detaljerte fargede illustrasjoner. Disse er med på å skape en enda større dybde og kan fungere på egenhånd eller sammen med andre illustrasjoner eller budskap. De kan også kombineres med andre ikonillustrasjoner for å skape et større miljø.
Klistermerkene brukes som et lekent tilleggselement, primært i sosiale medier. De er godt egnet til bruk oppå bilder, video eller fargede bakgrunner. Alle klistermerkene har en hvit kant på ca. 4–6 px.
Dette er de mest komplekse illustrasjonene i Vy’s illustrasjonsstil og skal brukes der hvor hovedelementet og budskapet er selve illustrasjonen. Dette kan være alt fra julekort til markedskampanjer eller store oppdateringer i app eller web. De kan også brukes som dekorative elementer både i app og på web.
Illustrasjonene tar ofte utgangspunkt i “store ikoner” eller “ikonillustrasjoner” i kombinasjon med større illustrerte elementer for å skape en sammensatt historie. De fungerer da som byggeklosser og skal følge overordnede regler for stil og retning.
I de store illustrasjonene kan man variere kompleksiteten. Få eller mange elementer, mer eller mindre fargefyll, én konkret histore, eller mange fortellinger i ett. Dermed er det enkelt å tilpasse illustrasjonen til konteksten og flaten den skal brukes på.
Farger
Illustrasjonene lages med hovedvekt på de sentrale fargene i Vy-paletten (se eget kapittel). Samtidig trenger illustrasjonene et noe større kreativt spillerom for å få til den lekenheten og variasjonen vi trenger. Derfor har vi tillatt noen tilleggsfarger, men det er viktig å understreke at disse kun er ment for bruk i illustrasjoner. Det er ikke tillatt å bruke disse fargene andre steder.
Ettersom illustrasjonene i utganspunktet er laget for digital bruk er fargene kun definert med fargekoder for skjerm. La programvare ta seg av konvertering til CMYK når illustrasjoner skal trykkes.
Farge | HEX |
|---|---|
 | #30B987 |
 | #236861 |
 | #71AA9C |
 | #45A22A |
 | #27731E |
 | #7ED9E3 |
 | #36BFD0 |
 | #9BAABE |
 | #8D8894 |
 | CC9B74 |
 | #E5D6CC |
 | #FFB275 |
 | #FF9E86 |
 | #FF8264 |
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.
