Ikoner
Ikoner brukes i digitale tjenester for å raskt identifisere interaktive elementer og skille mellom kategorier. Ikonene vi bruker finner du i designsystemet for digitale tjenester. Eksempler på ikoner:
Symboler
Udir har to varianter av symboler, en i farge og en med omriss. Eksempler på symboler:
Retningslinjer for bruk av symboler
Symboler gir visuell støtte til å oppfatte et innhold og bør stå sammen med tekst. Symbolet må være stort nok til at det er lett å se hva det er bilde av. Ikke overdriv bruken av symboler. For mange symboler gir visuell støy i stedet for visuell støtte. Symboler skal ikke brukes til pynt.
Plassering
Symboler skal ikke rammes inn av sirkler eller andre former. De skal stå fritt på en bakgrunn eller en flate. De bør stå sammen med tekst for at det skal være lett å oppfatte innholdet.
Gjør dette
Symboler skal stå fritt på bakgrunnen og helst sammen med tekst
Ikke gjør dette
Ikke sett symboler inn i andre figurer eller former som rammer inn symbolet. Ikke bruk symboler som har lite sammenheng med teksten.
Varianter
Symbolene fins i to varianter: en med fargefyll og en med omriss. Disse ligger klar i symbolbiblioteket og skal helst ikke endres.
Gjør dette
Bruk variantene slik de er.
Unngå dette
Ikke endre farger på deler av symbolet eller på omrisset.
Finn symboler
På Innsikt (intranettet vårt) ligger symboler som er klare til bruk. Udir eier symbolene og de skal kun brukes i tjenester, produkter og sammenhenger der Udir er avsender.
Retningslinjer for å tegne symboler
Vi har definert en felles stil slik at forskjellige designere kan lage symboler for oss, men med samme uttrykk. Alle som tegner for Udir skal ha kontakt med Udirs designteam for å få tilgang til symbolbibliotek i Figma og veiledning før de starter. Alle symboler som blir laget for Udir skal leveres til symbolbiblioteket som SVG-filer.
Fargebruk
Fargene som brukes i symboler må ha tilstrekkelig kontrast og være realistiske slik at motivet er er enkelt å forstå.
Farger for symboler er de samme som farger for illustrasjoner, men vi bruker færre farger og nyanser på et symbol enn på en illustrasjon. Omriss på symboler skal alltid være Udir sort.
Gjør dette
Bruk tilstrekkelig kontrast og realistisk fargelegging av elementene i symbolet.
Ikke gjør dette
Ikke bruk andre farger en Udir sort som omriss og unngå svært like farger på nærliggende elementer.
Strektykkelse og detaljnivå
Pass på å bruke en passende tykkelse på streker i symbolet. For tynne streker kan føre til uheldige overganger mellom elementer og svekke uttrykket i illustrasjonsstilen, mens for tykke streker kan føre til at symbolet virker klumpete og mister detaljene så det blir vanskelig å skille elementene i motivet. Husk at symboler ofte brukes på små flater, så unngå for mye detaljer.
Gjør dette
Bruk en gjennomgående strektykkelse og pass på at denne verken er for tynn eller tykk.
Ikke gjør dette
Tynne streker kan svekke uttrykket, mens tykke streker kan få detaljer til å klumpe seg sammen og forsvinne.
Omriss
Objektene i symboler skal alltid ha et omriss, uansett variant av symbolet. Til forskjell fra illustrasjoner, betyr det at symboler skal ha en forenklet fargelegging og skyggebruk.
Gjør dette
Bruk omriss og forenklet fargelegging av flater på fargelagt variant av symbolet.
Ikke gjør dette
Symboler skal aldri være uten omriss.
Sikkerhetsmargin
Symbolet skal tegnes i kvadratisk format, med en sikkerhetsmargin inni formatet.
Gjør dette
Plasser objektene innenfor det kvadratiske formatet til symbolet.
Ikke gjør dette
Ikke plasser objekter utenfor sikkerhetsmarginen i formatet.
Plassering av objekter
Objektene i symbolet plasseres optisk sentrert i formatet. Det skal ikke beskjæres på noe vis slik at objektet er utfallende.
Gjør dette
Tegn symbolet slik at det er optisk sentrert i formatet.
Ikke gjør dette
Ikke beskjær objektene inni symbolet.
Kontakt
Har du spørsmål om symboler eller skal tegne nye symboler? Kontakt oss på designteamet@udir.no eller Slack.