12
Designmanual Retningslinjer for bruk av visuell profil

Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

DesignmanualRetningslinjer for bruk av visuell profil

Page 2: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 32

Innhold

Bakgrunn 4

Filformater 5

Kommunevåpen 6

Logo 7

Oppsett logo 8

Logo alle avdelinger 9

Logo i sort/hvitt 10

Profilfarger 11

Typografi 12

Sekundærtypografi 13

Bumerker 14

Bumerker i bruk 15

Foto 16

Fargefilter på foto 17

Visittkort 18

Brevmal 19

Powerpointmal 20

Page 3: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 54

PDF

PDF (Portable Document Format) er et plattformuavhengig, åpent filformat som er utviklet spesielt for dokumentutveksling. Det kan bli lest og printet ut på nesten alle computere uten tap av kvalitet. Til dette trenger du Acrobat Reader fra firmaet Adobe. Den kan lastes ned kostnadsfritt. PDF er vanligvis betraktet som et sluttformat som ikke kan bearbeidesvidere.

EPS – for profesjonell bruk

EPS-formatet er en høyoppløselig fil som brukesmest til logoer og annen vektorgrafikk. EPS kanskaleres uendelig i størrelse uten kvalitetstap. Dutrenger spesiell programvare for å åpne og håndtere dette filformatet.Bruksområder: PC og Mac – profesjonell bruk.F.eks. underlagsfiler til bruk på annonser, brosjyrer, visittkort, plakater, profilartikler, roll-ups, skilt osv.

PNG

PNG-filer er spesielt mye brukt som filformat forlogoer på nettet, i Word og i elektroniskedokumenter.Bruksområder: PC og Mac til intern bruk.F.eks. Word-filer og PowerPoint.

JPG

Jpg-filer er spesielt mye brukt som filformat for bilder på nettet og som filformat til elektroniske dokumenter. Jpg er en pakket fil i en eksakt størrelse som tar mindre plass/bygger mindre enn en tiff-fil.Bruksområder: PC og Mac, intern og profesjonell bruk. F.eks. web-bilder, bilder for Word og PowerPoint

”Vi dyrker nærhet for å skape fremtidens muligheter”

I Våler skal vi skape grobunn for samarbeid og nyskaping mellom kommunen, innbyggerne, næringslivet og frivilligheten slik at vi sammen kan skape bærekraftig vekst. På den måten skal vi legge til rette for at våre innbyggere kan leve gode liv i alle livets faser – både i jobb og fritid.

Våler Kommune

Våler kommune i Østfold. Her er det vakker natur, et lokalsamfunn i sterk utvikling og en verden av muligheter. Det levende samfunnet, gode institusjoner, naturen og solide næringer tiltrekker mange, nye innbyggere og det er vi stolte av.

Bakgrunn ny grafisk profil

Med denne grafiske profilen ønsker Våler kommune å sørge for at vi fremstår helhetlig i vår kommunikasjon. Profilens visuelle identitet skal være unik, tydelig og gjenkjennbar slik at det er enkelt å se at det er Våler kommune som er avsender. Profilen har elementer fra historien og elementer som kommunen ønsker å bli assosiert med. Dette er virkemidler for å kommunisere bedre, både internt og eksternt.

Visjon

Bakgrunn FilformaterTIF/TIFFTIF-format er et vanlig bildeformat som brukes mye i sammenheng med trykksaker og elektronisk lagrede dokumenter.Bruksområder: PC og Mac – profesjonell bruk.F.eks. bilder som skal trykkes.

INDD – FOR PROFESJONELL BRUKINDD-formatet (InDesign Document) er et filformat fra InDesign, som er et layout-program i Creative Suite-serien fra Adobe. Du må ha dette programmet for å åpne og håndtere INDD-filer.Bruksområder: PC og Mac, profesjonell bruk.F.eks. originaler til annonser, brosjyrer, plakater,visittkort, konvolutter og brevark.

CMYK og RGB

Grunnregelen er at CMYK-filer er forbeholdt materiell som skal trykkes, mens RGB er forbeholdt elementer som skal vises på skjerm.

Page 4: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 76

• Benytt alltid original logofil, i riktig oppløsning og format.• Logoen skal aldri plasseres på urolige bakgrunner. Dersom logoen skal plasseres på bakgrunn, skal det

være på en av fargene i profilen.• Kommunevåpenet kan aldri benyttes i kombinasjon med andre fonter enn profilfonten Centra No1.• Plassér aldri slagord eller annen tekst som en del av selve logoen.

Våler kommunes logo skal som hovedregel plasseres til venstre.

For å sikre tydelig kommunikasjon, er logoen avhengig av luft. Det skalderfor aldri plasseres elementer eller tekst innenfor frisonen. Frisonen er ethalvt kommunevåpen i høyden på alle sider. Se illustrasjon under.

Kommunevåpen Logo

0,5 H

0,5 H

0,5 H

H

HEX:#2172DC

HEX:#B4A76C

C = 82%M = 54%Y = 0%K = 0%

C = 31%M = 26%Y = 33%K = 9%

R = 33G = 114B = 220

GullfolieR = 180G = 167B = 108

HEX:#999999

C =41%M = 32%Y = 33%K = 11%

R = 153G = 153B = 153

Sølvfolie

Våler sølv

Våler blå

Våler gull

Page 5: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 98

Våler kommunes logo skal som hovedregelplasseres til venstre.

Eksemplene viser avstand mellom kommunevåpen og tekst i original logo og logo

Oppsett logo

Miljø & teknikk

Ved bruk av logo med underavdelinger skal alltidoriginale filer benyttes. Dersom det er nødvendigå utarbeide nye, må dette gjøres i Adobe Illustrator-programmet av fagkyndige, og man må følge de retningslinjer om er vist i eksemplene på side 8.

Logo alle avdelingerFølg samme regel om luft rundt logo som hovedlogo, omtalt på side 7.

Miljø og teknikk

Oppvekst og kultur

Helse og velferd

Sentraladministrasjonen

med avdeling. Hovednavnet skrives i Centra No1 Medium, og underlinjen skrives i Centra No1 Light.

Page 6: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 1110

Svart/hvitt-utgaven av logoen skal kun brukesunntaksvis når det kun er én trykkfarge tilgjengelig.

Logo i svart/hvittDen finner i to utgaver:• Positiv med svart tekst• Negativ med hvit tekst

Profilfarger

Våler knall gul

HEX: #F7E82DRGB: 247, 232, 45CMYK: 8, 0, 86, 0

Våler sølv

HEX: #999999RGB: 153, 153, 153CMYK: 41, 32, 33, 11

Våler lys blå

HEX: #D6F1FFRGB: 214, 241, 255CMYK: 19, 0, 0, 0

Våler knall rød

HEX: #FF0000RGB: 255, 0, 0CMYK: 0, 95, 91, 0

Våler lys gul

HEX: #FFF6D0RGB: 255, 246, 208CMYK: 0, 2, 25, 0

Våler mørk blå

HEX: #293966RGB: 41, 57, 102CMYK: 95, 81, 31, 21

Våler lys grå

HEX: #E0E4E9RGB: 224, 228, 233CMYK: 15, 8, 7, 0

Våler mørk brun

HEX: #2C280ERGB: 44, 40, 14CMYK: 66, 60, 82, 75

Våler blå

HEX: #2172DCRGB: 33, 114, 220CMYK: 82, 54, 0, 0

Våler mørk grå

HEX: #53585ERGB: 83, 88, 94CMYK: 64, 51, 45, 37

Våler gull

HEX: #B4A76CRGB: 180, 167, 108CMYK: 31, 26, 63, 9

Hovedfargene for visuell identitet til Våler kommune er Våler blå og Våler gull. Disse fargene er hentet fra kommunevåpenet. Det finnes også en mørk og en lys støttefarge for disse. Dette for å bygge en palett hvor farger validerer i kontrast til hverandre.

(WCAG verktøy: https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333)

For valer-of.kommune.no har vi brukt Våler mørk blå for tekst i artikkelmal.

Page 7: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 1312

Vi bruker en font som heter CentraNo1 både til trykk og for web.

I de tilfeller der CentraNo1 ikke finnes, for eksempel i brevmalen for Word eller til en Powerpoint-presentasjon, bruker vi systemfonter.

I brevmalen for Word skal Garamond brukes. Se eksempel under.

Typografi SekundærtypografiTil Powerpoint brukes fonten Gill Sans for å bygge identitet så nærliggende CentraNo1 som mulig. Se ellers eget kapittel for Powerpoint-presentasjon).

Garamond Regular

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Garamond Bold

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Brukes til titler i brevmal

Brukes til brødtekst i brevmal

Gill Sans Light

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Gill Sans Regular

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Gill Sans Italic

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Gill Sans SemiBold

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Brukes ved behov i Powerpoint

Brukes til brødtekst i Powerpoint

Brukes ved behov i Powerpoint

Brukes til titler i Powerpoint

Centra No1 Light

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Centra No1 Book

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Centra No1 Italic

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Centra No1 Medium

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Centra No1 Bold

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅabcdefghijklmnopqrstuvxyzæøå1234567890 &%?!@§

Brukes i avdelingsnavn i logo

Brukes i brødtekst

Brukes ved behov, f. eks. til sitater

Brukes i titler

Brukes ved uthevelse av brødtekst, eller som undertittel

Page 8: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 1514

Her finner du en samling med rentegnede illustrasjoner av bumerker. De brukes i dag i designet på nettsiden som enkeltelementer på forsiden, og som en samlet bord i bunnen av siden. De er basert på originale bumerker fra Våler kommune som også finnes på

Eksempler på bumerker i bruk:

Bumerker Bumerker i brukordførerkjedet. Bumerkene finnes som PDF- og SVG-filer. Lurer du på hvordan de kan tas i bruk, vennligst ta kontakt med Marianne Bernencker.

Page 9: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 1716

Det er viktig at bilder som brukes er av god kvalitet, og helst tatt av en profesjonell fotograf. Til Vålers profil passer det best med rene, klare og naturlige farger.

For å understreke profileni enkelte sammenhenger, er det laget et filter i Photoshop som kan legges på bildene. Dette vil bli mest brukt på trykksaker, og må settes av en profesjonell.

Foto FargefilterEt slikt filter vil også gjøre det mulig å få uprofesjonelle bilder til å se bedre ut.

Page 10: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 1918

VisittkortSkal du ha visittkort, ta kontakt med Susann Toverød på sentraladministrasjonen.

eps fil «bumerkevisittkort»

Grete Anette NordengenSkolefaglig IKT-rådgiver

Skole og utdanning

93 22 56 [email protected]

BrevmalI all formell kommunikasjon skal denne malen benyttes.

Page 11: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen

VÅLER KOMMUNEVÅLER KOMMUNE

DesignmanualDesignmanual KapittelKapittel 2120

PowerpointEn fast powerpointmal vil bidra til at Våler kommune fremstår helhetlig utad. I malen finnes det flere typer sider. Man velger selv den somrepresenterer innholdet best.

Skrifttypen som benyttes er Gill Sans. Hvordan du legger til ferdige maler finner du en beskrivelse

på i gruppen ”Workplace kaffe og kompetanse” på Workplace.

Under vises et eksempel på en presentasjon.

IKT-strategi for skoler og barnehager i Våler kommune2017–2020

IKT-strategi for skoler og branehager

Agenda Helhetlig opplæringsløp

Statlige føringer

Generell status

Maskintetthet

Økonomi

•Kirkebygden barne- og ungdomsskole

•Svinndal skole

•Våk skole

•Svinndal barnehage

•Kirkebygden barnehage

•Augerød barnehage

IKT-strategi for skoler og branehager

Helhetlig opplæringsverktøy

Statlige føringer

•Tilegne og behandle

•Produsere og bearbeide

•Kommunisere

•Digital dømmekraft

•Nasjonale prøver

•Eksamen

Pålagte digitale ferdigheter

På Svinndal barneskole bruker de bærbare maskiner til å løse teoretiske gruppeoppgaver i mat og helse faget

Kirkebygden ungdomstrinn har valg koding og musikk

Takk for i dag!

Statlige føringer•Kunnskapsløftet (Læreplan fra grunnutdanningen fra 06)

•Framtid, fornyelse og digitalisering

• (Digitaliseringsstrategi for grunnopplæringen 2017-2021)

•St.meld. 20 (2012-20139, På rett vei

• IKT-plan.no (Senter for IKT i utdanningen)

•Udir.no

•Rammeplanen for barnehagen 2017

Maskintetthet pr nå i skolen

Skole Antall elever Antall bærbare Antall stasjonære

Svinndal barneskole 110 40 4

Våk barneskole 200 37 26

Kirkebygden barnetrinn 204 40 19

Kirkebygden ungdomstrinn 191 35 117

Page 12: Designmanual - Amazon S3 · •Digital dømmekraft •Nasjonale prøver •Eksamen Pålagte digitale ferdigheter ... •IKT-plan.no (Senter for IKT i utdanningen) •Udir.no •Rammeplanen