MIN IDRETT ny design web, oktober 2011

Transkript

1 MIN IDRETT ny design web, oktober 2011

2 DE VISUELLE RETNINGSLINJENE Det er ikke utarbeidet visuelle retningelinjer for digitale medier i NIFs designmanual (utover for Powerpoint). Vi har implementert de visuelle retningelinjene for trykk i web utgaven av Min idrett. De viktigste «kjennetegn» som skal identifisere Min idretts kopling til NIF er fargekartet, profilelementet og profilbildene. I tillegg, har vi NIFs logo. NIFs logo er en signatur i NIFs visuelle kommunikasjon, der hvor de andre elementene er til stede er logoen ikke et sentralt element. Bildene er kun ment som eksempel på profilbilder, og er ikke tilgjengelig for bruk utover NIFs websider, uten at det er avklart med rettighetsinnhaver for bildene. Forespørsler rettes til Norges idrettsforbunds markedsavdeling sentralt. PROFilbildeR Og illustrasjonsfoto designmanual Profilbilder skal underbygge NIF som organisasjon og bidra til å skape de assosiasjonene vi ønsker til vår virksomhet. Idrettsglede, bredde, energi, bevegelse og dynamikk skal være premissgivende når profilbilder skal tas. Fotobrief illustrasjonsfoto Utgangspunkt for bildemanér for illustrasjonsfoto er Norges idrettsforbunds visjon, verdier, kommunikasjonsplattform og webkonsept. Norges idrettsforbund skal ha et moderne uttrykk, og søke etter nye og utradisjonelle måter å ta idrettsbilder på. Bildene skal kunne stå i tilknytning til grafisk element og bør være rene og ikoniske i uttrykket. NIFs visjon: Idrettsglede for alle. Verdier: Idrettsglede, fellesskap, helse og ærlighet. Kommunikasjonsplattform: Vi skal skape idrettsglede for alle. Webkonsept: Energi og bevegelse. Bruk av profilbilder og illustrasjonsfoto koordineres av avdeling for kommunikasjon og samfunnskontakt i Norges idrettsforbund. Bildene skal primært være i liggende format og i fullfarger. De skal representere idrettsglede, bevegelse og fellesskap, med særlig oppmerksomhet på bredde-, barne- og ungdomsidrett. Bildene skal representere et mangfold av medlemsmassen og organisasjonens virkeområder. Det skal alltid være mennesker i bevegelse på bildene. NORGES IDRETTSFORBUND DESIGNMANUAL SIDE 29 Regler og retningslinjer for logo, visuelle elementer og verktøy NOV 2010 GOTHAM LIGHT gotham Heading OVERSKRIFTER ingresser lorum ipsum as dollorrum in et acero ellis a di quatiis sit, ellam ex eossinusam evenien ientotatia que veliquam serumquid mi, officatiis volut quas pe pliquat aspitent ABCabc gotham book abc abc abcdefghijklmnopqrstuvwxyzæøå GOTHAM MEDIUM ABC abc PROFilFOnT gotham PANTONE 1375 PANTONE 282 PANTONE COOL GREY 5 PANTONE WARM GREY 7 PANTONE 278 Norges idrettsforbunds profilfont er Gotham. Det er en font som tilfører profilen modernitet og gir et sporty uttrykk. Gotham er av typen grotesk. Den finnes i følgende vekter : light, book, medium og bold. PANTONE % 39 % 40 % 68 % 8% 14 % 79 % 90 % 14 % 100 % 54 % 29 % 38 % støttefarger Det er utviklet støttefarger til Norges idrettsforbunds visuelle profil. Disse står veldig fint som kontrast til det Gotham benyttes også i ingresser, da i små bokstaver. GOTHAM BOLD ABC abc NORGES IDRETTSFORBUND DESIGNMANUAL SIDE 22

3 Grafiske elementer Med bakgrunn i NIFs design har vi utviklet et sett grafiske elementer til webbruk. Dette inkluderer ikoner, knapper, informasjonsbokser og retningslinjer for bruk av bakgrunnsfarger. Alle elementer er enkle i formen og ganske nøytrale. Hovedgrunnen til det er at minidrett.no er en forholdsvis komplisert tjeneste, hvor det er viktig at hovedfunksjonalitet kommer godt frem og er enkel og intuitiv. Hovedinntrykket i tjenesten er derfor holdt nøytralt og stramt, med mye bruk av luft for å skape visuell ro. Logo Informasjonsfelt med heading Tabs og søkefelt Nedtrekksgardin og knapp Pop-up

4 Grafiske elementer Knapper Informasjonsfelt Logg inn boks

5

6 Sidenes oppbygging Alle sider i tjenesten er bygget opp med de samme elementene. Det sikrer et konsekvent utseende og identitet gjennom hele tjenesten. Forside Eksempel på side etter innlogging.

7 Bilder NIF har et sett bilder som skal benyttes i publikasjoner, dette kartoteket vil utvides etterhvert.