Ikoner og symboler

Designprofilen har føringer for ikoner og symboler. Ikoner er klikkbare og finnes bare i digitale tjenester. Symboler gir visuell støtte og finnes både i digitale tjenester og på andre kommunikasjonsflater.

Når bruker vi ikoner?

Vi bruker ikoner kun til navigasjon og interaksjon i digitale tjenester. Ikoner skal alltid være klikkbare. Ikoner skal aldri brukes som dekorasjon eller illustrasjon verken i ditale tjenester eller i utforming av artikler, presentasjoner, sosiale medier eller trykte flater. Når vi forbeholder ikoner til klikkbare funksjoner i digitale tjenester, blir det enklere for brukerne å gjenkjenne ikoner som noe klikkbart. Og det hjelper oss dermed å lage brukervennlige tjenester.

Eksempler på ikoner:

Hvordan bruker vi ikoner?

Ikonene skal følge definert størrelsesskala (8pt-grid) og holdes innenfor spennet fra 16 piksler til 24 piksler for å sikre lesbarhet og konsistens. Når størrelsen overstiger 24 piksler er det rom for mer detaljert grafikk i form av symboler eller illustrasjoner.
Fargen på ikonet skal i hovedsak være lik som tekstfargen til innholdet rundt, med unntak av valideringsikoner som bruker forhåndsdefinerte fargekoder.

Udir bruker samme ikonbibliotek som Digdirs felles designsystem bruker. Ikonbiblioteket er utviklet av Nav og heter Aksel. Nav har delt dette med flere offentlige etater for å bidra til enhetlig bruk av ikoner i offentlig sektor slik at det blir enklere og gjenkjennelig for brukerne. Aksel er et godt gjennomarbeidet ikonbibliotek med mange ikoner.

Når bruker vi symboler?

Vi bruker symboler for å berike informasjon og innhold både i digitale tjenester, trykksaker, sosiale medier, presentasjoner og på andre kommunikasjonsflater. Symboler skal bare brukes når det tilfører verdi for brukerne, som for eksempel ved å forsterke budskapet i en tekst eller gjøre det enklere å orientere seg. Bruk ikoner med varsomhet og unngå overbruk. 

Eksempler på ikoner:

 

Hvordan bruker vi symboler?

Symboler er en type illustrasjoner og må derfor være store nok til å oppfatte dem enkelt. Minstestørrelsen for symboler er 64 piksler. Maksstørrelse varierer basert på flate, kontekst og behov.

Symbolene finnes i to varianter: fargelagte og omrissede. Symolene skal ikke rammes inn av sirkler eller andre former. De skal stå fritt på en bakgrunn eller flate.