designguide til brug af aalborg kommunes visuelle identitet · november 2013, version 1.0...

29
November 2013, version 1.0 Designguide til brug af Aalborg Kommunes visuelle identitet

Upload: lamthuy

Post on 27-May-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

November 2013, version 1.0

Designguide til brug af Aalborg Kommunes visuelle identitet

Maksimal genkendelighed

Aalborg Kommunes dialog med borgere, erhvervsliv og medarbejdere skal altid være støttet af et genkendeligt formsprog på tværs af alle platforme. Denne guide beskriver de grundlæggende visuelle virkemidler og retningslinjer.

Målet er klartDen visuelle identitet skal skabe en stærk sammenhæng og gennemslagskraft på alle løsningsniveauer, og samtidig understøtte Aalborg Kommunes kommunikationspolitik: Genkendelig, tilgængelig og forståelig. Og altid med tydelig afsender, klare budskaber og ensartet design på tværs af platforme, services og indsatser.

Fem simple principperDen visuelle identitet skal bruges af alle og til alle på tværs af publikationer, platforme, projekter og målgrupper. Identiteten hviler på fem simple og skalerbare designprincipper der vedrører navnetræk, typografi, farver, fotos og grafisk grid.

Information om designguiden Borgmesterens Forvaltning:Birgitte Bøgh, [email protected], tlf. 9931 1607Lotte Birk, [email protected], tlf. 9931 1608

By- og Landskabsforvaltningen:Trine Elkjær, [email protected], tlf. 9931 2121

Familie- og Beskæftigelsesforvaltningen:Marie Halgaard Rubak, [email protected], tlf. 9931 2812

Skoleforvaltningen:Kjartan Klein, [email protected],tlf. 9931 4009

Sundheds- og Kulturforvaltningen:Marianne Lund, [email protected],tlf. 9931 1939

Miljø- og Energiforvaltningen:Marianne Jensen, [email protected],tlf. 9931 9481

Ældre- og HandicapforvaltningenAnders Lystrøm, [email protected], tlf. 9931 5414

Aalborg Kommune design guide Side 2

01 Grundelementer og deres brug ........................ side 05

02 Regler og guides ...................................................... side 13

03 Eksempler og applikationer ................................. side 18

04 Designgreb til kampagner .................................... side 24

IndholdAalborg Kommune design guide Side 3

De fem simple principper

Og huskBrug altid din sunde fornuft. Også når det kommer til tvivlsspørgsmål om design.

Navnetræk Byvåben og navnetræk må gerne adskilles men kun bruges i sine originale farver, former og proportioner. FarverEn grundfarve og tre følgefarver. Desuden sort, hvid og gråtoner.

TypografiAlright Sans bruges på de platforme og løsninger, hvor det er teknisk muligt. Som alternativ bruges Arial.

FotosAlle fotos gengives som udgangspunkt i sort/hvid.

Grid og kompositioner Der skal altid opdeles i lige store dele.

Aalborg Kommune design guide Side 4

01 Grundelementer og deres brug

Aalborg Kommune design guide Side 5

Aalborg Kommune, Navnetræk.Sat i negativ

Navnetræk Aalborg Kommunes navnetræk er specialtegnet med udgangspunkt i typografien Alright Sans.

Navnetrækket må kun gengives som defineret i de originale filer og aldrig skrives eller opstilles på anden vis.

Der må naturligvis gerne stå Aalborg Kommune i en linje, når det skrives som en del af en overskrift eller brødtekst.

Aalborg Kommune design guide Side 6

Byvåben Selve byvåbnet optræder i en opdateret version: Som integreret del af en “mønt”.

Det er nemt at afkode og nemt at arbejde med og det gør byvåbnet moderne uden at det mister sin vigtige myndighedsværdi.

Aalborg Kommune, Byvåben.Sat i negativ.

Aalborg Kommune design guide Side 7

Byvåben i tre versioner Aalborg Kommunes byvåben kan bruges i tre grundversioner - helt afhængigt af designbehov:

1. Positiv version, med gennemsigtig baggrund 2. Negativ version, med gennemsigtig baggrund3. Positiv version, uden gennemsigtig baggrund

Version 1 og 3 kan bruges i alle Aalborg Kommunes grundfarver alt efter behov og design. I version 3 skal selve illustrationen dog

altid bevares i hvid.

Vælg frit mellem den positive og negative version med gennemsigtig baggrund for at opnå den tydeligste og bedste gengivelse på den aktuelle designopgave.

Prøv som udgangspunkt at bruge versionerne med gennemsigtig baggrund, og vælg den positive version uden gennemsigtig baggrund, vhis de andre giver problemer.

Byvåben sat i negativ Byvåben sat i postiv uden gennemsigtig baggrundByvåben sat i positiv

Aalborg Kommune design guide Side 8

Aalborg Kommune, Logo.Sat i positiv.

HierarkiByvåbnet er Aalborg Kommunes visuelle markør, og det må derfor aldrig stilles i direkte forbindelse med service-, institutions- eller forvaltningsnavn.

Navnetræk og byvåben sammenstilles som samlet navnetræk eller adskilles, så byvåbnet sættes frit efter de foreskrevne retningslinjer.

Service-, institutions- eller forvaltningsnavn anføres så vidt muligt som store og tydelige overskrifter (sat i Alright Sans), når de er afgørende for budskab, kontekst eller brugerbehov. Hvis service-, institutions- eller forvaltningsnavn er uvæsentligt for brugerne, bør det helt udelades, så Aalborg Kommune blot fremtræder som logisk afsender.

Logo Aalborg Kommunes logo er en sammenstilling af byvåbenet og navntrækket.

Størrelsesforhold og afstande er nøje afstemt og det er derfor ikke tilladt at justere, rotere eller på andre måde ændre logoet.

Logo kan downloades til brug på forskellige formater på aalborg.dk/design.

Aalborg Kommune design guide Side 9

PrimærPantone 288CMYK 100, 85, 0, 40RGB 20, 6, 103 HEX #140667

Neutrale gråtoner

Sekundær 1Pantone 285CMYK 100, 60, 0, 0RGB 29, 71, 187 HEX #1d47bb

Sekundær 2Pantone 333 CMYK 60, 0, 35, 0RGB 92, 196, 183 HEX #5cc4b7

Sekundær 3Pantone 213CMYK 0, 95, 38, 0RGB 238, 39, 106 HEX #ee276a

Farver En konsekvent farvebrug er afgørende for en genkendelig og sammenhængede identitet på tværs af publikationer, afsendere og platforme. Alt design skal derfor gøre brug af farvepaletten:

• En primær farve• Tre følgefarver • Sort og hvid • Alle neutrale gråtoner.

Farverne kan kombineres frit som flader og/eller tekst.

De fire brandfarver ikke må gengives i procenter. Bemærk desuden at Pantone, CMYK, RGB og HEX-værdierne alle er optimerede til hver sin platform og at de ikke må bruges i andre værdier.

Aalborg Kommune design guide Side 10

01245789“The quick brown fox jumps over a lazy dog” shows you 26 letters of the latin alphabet.

“The quick brown fox jumps over a lazy dog” shows you 26 letters of the latin alphabet.

Alright sans

Alright Sans bruges på alle medier og i alle sammenhænge. Brug primært Black og Light, og suppler med de øvrige tilgængelige snit.

Hustypografi Aalborg Kommunes typografi hedder Alright Sans. Det er en skrifttype med enkle detaljer og et imødekommende udtryk. Den har en god læsbarhed også i små størrelser. Otte forskellige snit og matchende

kursiv gøre det til en pålidelig og alsidig skriftfamilie, der fungerer godt på tværs af alle medier.

Der må ikke bruges andre typografier end Alright Sans. Hvis du ikke har Alright Sans bruger du Arial.

Arial bruges også i e-mails og i officeprogrammer som Word og Powerpoint. Det er med til at give eksterne modtagere af åbne dokumenter en ensartet brugeroplevelse, selvom de ikke har installeret Alright Sans på deres computer.

Aalborg Kommune design guide Side 11

Aalborg Kommunes fotos er som udgangspunkt sort/hvide. I de tilfælde, hvor motivet eller budskabet mister sin betydning ved sort/hvid gengivelse, kan fotos bruges i farver.

Fotostil Fotos udgør en betydelig del af Aalborg Kommunes kommunikation og er derfor afgørende for både enkeltbudskaber og den samlede identitet.

I respekt for mangfoldigheden i behov, motiver og eksisterende fotoarkiver, og med behov for ensretning, er der derfor defineret et simpelt designgreb, som skal følges i alle de tilfælde, hvor det kan lade sig gøre: Fotos skal bruges i sort/hvid. Det anbefales i øvrigt, at bruge få men store fotos.

Aalborg Kommune design guide Side 12

02 Regler og guides

Aalborg Kommune design guide Side 13

Byvåbnet kan fritstilles - tages væk fra den faste opstilling med navnetrækket. Byvåbnet skal fremtræde klart og tydeligt ift. baggrund og sættes med en given respektafstand til både margen og eventuelle motiver.

Byvåben Det runde byvåben markerer Aalborg Kommune som afsender og kan i andre sammenhænge indgå som et grafisk element.

Navnetræk og byvåben skal enten stå sammen eller adskilt på samme flade. Aldrig alene.

Se guidelines om placering på side 16.

Aalborg Kommune design guide Side 14

Byvåben, farver og baggrundeVær særlig opmærksom på at vælge den farve til byvåbnet, der giver tydeligst gengivelse og bedst mulig sammenhæng til det øvrige design.

På mørke eller urolige baggrunde anbefales det at bruge byvåbnet med gennemsigtig baggrund.

Aalborg Kommune design guide Side 15

1/1

1/4 1/4 1/4 1/4

1/2 1/21/2

1/2

Grid og kompositionerSimple regler skal sikre maksimal sammenhæng og genkendelighed i alle designløsninger. Det gælder også grid og kompositioner

Overordnede kompositioner deles altid i lige store dele.

Man kan også vælge slet ikke at dele, hvis man f.eks. ønsker at sætte et billede eller en farveflade i helt format.

Skalerbart format

Aalborg Kommune design guide Side 16

Illustration C

ElementplaceringByvåben og navnetræk gerne må optræde adskilt men aldrig alene på samme flade. Byvåbnet må aldrig beskæres eller bruges som vandmærke.

Der findes en række simple regler for placering af byvåben, og navnetræk:

A. Når byvåben skal placeres adskilt fra navnetræk.Byvåbnet må opskaleres og placeres frit på den grafiske flade, hvor komposition, foto og

tekst tillader det. Tag udgangspunkt i guiden på illustration A: Placer byvåbnet 1) centreret på midten af den totale flade eller 2) centreret på midten af en halveret flade.

B. Når navnetræk optræder samlet (navnetræk og byvåben).Navnetræk placeres med respektafstand som anvist på illustration B.

Vælg som udgangspunkt en venstre- eller højreplacering. Centrering er dog også en mulighed.

C. Når navnetræk skal placeres adskilt fra byvåben.Navnetrækket placeres med respektafstand som anvist på illustration C.

Vælg som udgangspunkt en venstre- eller højreplacering. Centrering er dog også en mulighed.

Illustration A Illustration B

Aalborg Kommune design guide Side 17

03 Eksempler

Aalborg Kommune design guide Side 18

Exceremo eum ullande mporuptatur?Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis

Exceremo eum ullande mporuptatur? Ehenim atur

Eksempler med få designelementer

• Hustypografi• Primær farve / sekundær farve• Logo

Aalborg Kommune design guide Side 19

Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias

Exceremo eum ullande

Eksempler med flere designelementerHer opnår du ved hjælp af lige dele en let og overskuelig måde at sætte et billede på. I eksemplerne bruges følgende elementer:

• Hustypografi• Primær farve / sekundær farve• Logo• Lige dele• Sort / hvid billede

Aalborg Kommune design guide Side 20

Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias

Exceremo eum ullande mporuptatur?Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim

Eksempler med fritstående byvåbenHer er det fritstillede byvåben brugt for at øge afsenderværdien, binde de to opdelte flader sammen og skabe et mere dynamisk layout.

• Hustypografi• Primær farve / Sekundær farve• Navnetræk / fritstillet byvåben• Lige dele• Sort / hvid billede

Aalborg Kommune design guide Side 21

Exceremo eum es ullande

Exceremo eum es ullande

Exceremo eum es ullande

Exceremo eum es ullande mporuptatur? Ehenim atur

Vendis magnimus so-luptas del estrumquat doluptiis prepe num laut labo. Nequi denti-unt, cus maximincia prae nati cus aut dolum facia simus vid unt quam consedio.

Nequid molupta nimi, excea persper ferorum illabor rovidellabor alibusa pa voluptatem. On eos raeces id esciam, nosti nosam ex eius-ciam, cum, aut

Vendis magnimus so-luptas del estrumquat doluptiis prepe num laut labo. Nequi denti-unt, cus maximincia prae nati cus aut dolum facia simus vid unt quam consedio. Nequid molupta nimi, excea persper ferorum illabor rovidellabor alibusa pa voluptatem. On eos raeces id esciam, nosti nosam ex eiusciam, cum, aut voluptatur, occum simodip sapiciatur?Udametur, te aut anis nim fugianimil maios si volorro inis repero

vendell uptionsedit dempor as necto eos soluptatur suntiant.Agni volupti issunti-orrum quunt hilictiam sam et magnit qui blaborrorero corporOptur samet maximusam faceate consequiatur res mi, nemquiant at.Catendi gentiatus dolescim veliti-oriam, quasiminti offic totatem et laut landusa cum velest acestiam, ut odigni am faciis et exerum quisiminus poribus, cusda nos.

EksemplerSom foregående. Se side 19 for flere detaljer.

Aalborg Kommune design guide Side 22

Aalborg er for dig og dig. For unge og for gamle og alle andre ind i mellem. 20130821

Aalborg Kommune Revitalisering af identitet

20130821Aalborg Kommune Revitalisering af identitet

Her udvider vi for dig.

EksemplerSom foregående. Her som mulige forsider på publikationer, som enkeltsider, annoncer eller som plakater.

Aalborg Kommune design guide Side 23

Exceremo eum ullande mporuptatur?Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis

Exceremo eum ullande mporuptatur?

Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestisAbo.

Itae nis andelesti commolo restistia voluptu repero dolupienis accae cone optis et aut aciminciande vel eossed modi rem facidelique videndigent audipsae cus, quam eaquiam quamet in ratis si adi aut ese nos mincime ndebis acearibus, que dolectiatis enim ipsapic iendis derro eius, int fugia

nullest endaero que porpore saepta etur adionsequis aute doluptiores as dolorepero doleneceat.Pudit dolest, seraepudic te omnimin res illiqui andis nullorit optatquo que pa cus explibusae diti apelibusae voluptas ut ariore audae. Namus et volor sit estis nobitat isitam re dolut repta dit ipis sit adi in essusdam nulpa ius.

Otaecte vel eliciis eos et re corest perit erfere ditat.Apicium ulparum, volore dolorporum quisquam et il illiquas dolor sequi doluptas mincimenda sin cullita

tusandunt.Di quost, sequi cusapit, non erunti doluptas ulpa pos quam eos aut quiat aute occusam ut audandisi dolenti verundia cum exerum aliquia voluptat ut explique velignam quas dolent este net eos eostia si non nobis maximusdam dellent quibus eum volorem et molendior adipsus.

Ut excepel ibuste cuptat vendit ad quo eatist et rendanis cus es volupis rem as quam facearum eium eicipsam es ea volorat emquat ime rempor modit assi od eos arum, sita in endant vellabo. Itaspit la con num fuga. Itaque.

Exceremo eum ullande mporuptatur?

Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestisAbo.

Itae nis andelesti commolo restistia voluptu repero dolupienis accae cone optis et aut aciminciande vel eossed modi rem facidelique videndigent audipsae cus, quam eaquiam quamet in ratis si adi aut ese nos mincime ndebis acearibus, que dolectiatis enim ipsapic iendis derro eius, int fugia nullest endaero que porpore saepta etur adionsequis aute doluptiores as dolorepero doleneceat.Pudit dolest, seraepudic te omnimin res illiqui andis nullorit optatquo que pa cus explibusae diti apelibusae voluptas ut ariore audae.

Namus et volor sit estis nobitat isitam re dolut repta dit ipis sit adi in essusdam nulpa ius.

Otaecte vel eliciis eos et re corest perit erfere ditat.Apicium ulparum, volore dolorporum quisquam et il illiquas dolor sequi doluptas mincimenda sin cullita tusandunt.Di quost, sequi cusapit, non erunti doluptas ulpa pos quam eos aut quiat aute occusam ut audandisi dolenti verundia cum exerum aliquia voluptat ut explique velignam quas dolent este net eos eostia si non nobis maximusdam dellent quibus eum volorem et molendior adipsus.

Ut excepel ibuste cuptat vendit ad quo eatist et rendanis cus es volupis rem as quam facearum eium eicipsam es ea volorat emquat ime rempor modit assi od eos

arum, sita in endant vellabo. Itaspit la con num fuga. Itaque pe voluptas doluptatem sam.Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestisAbo.

Itae nis andelesti commolo restistia voluptu repero dolupienis accae cone optis et aut aciminciande vel eossed modi rem facidelique videndigent audipsae cus, quam eaquiam quamet in ratis si adi aut ese nos mincime ndebis acearibus, que dolectiatis enim ipsapic iendis derro eius, int fugia nullest endaero que porpore saepta etur adionsequis aute doluptiores as dolorepero doleneceat.

Pudit dolest, seraepudic te omnimin res illiqui andis nullorit optatquo que pa cus explibusae diti apelibusae.

Foldernavn & kapitel Foldernavn & kapitelFoldernavn sXX Foldernavn sXX sXX sXX sXX sXX

Exceremo eum ullande mporuptatur?Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis

Exceremo eum ullande mporuptatur?Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis

Opslag i publikationerDer deles på midten/ryggen.Brødteksten er sat i 80% sort – det giver et lidt blødere tekstbillede. Man kan vælge 1, 2 eller 3 spalter alt efter format. Det giver lidt mere dynamik hvis spalterne brydes og kombineres (eksempelvis 3 spalter i brødteksten og 2 spalter i manchetten) som vist.

• Hustypografi• Primær farve / Sekundær farve• Lige dele• Sort / hvid billede (monokromt)

Aalborg Kommune design guide Side 24

04 Designelementer til kampagner

Aalborg Kommune design guide Side 25

børn

Poster og kampagneSkal man lave layouts til kampagnebrug udvides mulighederne i designet. Det er tilladt at bruge temaord i meget stor størrelse så

ordene bliver mere illustrative en egentlig tekst. Man kan enten bruge skrift som maske eller man kan sætte skrift direkte oven på billeder som herunder.

Temaord sættes i Alright Sans Ultra og skal fylde væsentligt i et givent format.

Aalborg Kommune design guide Side 26

sXX

Det er desuden tilladt at tone kampagnens sort/hvid billeder i monochrom - i en af de fire brandfarver.

Aalborg Kommune design guide Side 27

Borgerservice

Rantzausgade 42Sant aut fuga. Is dolo blab idundant qui dolores

Eksempler

I disse to eksempler synliggøres hierarkiet mellem Aalborg Kommune som afsender og den nære service (her Borgerservice og Hjemmeplejen) som relevant markør.

Aalborg Kommune design guide Side 28

Kommunikation med to afsendereDer er overordnet to typer :

1. Aalborg Kommune deltager i eksterne kampagner Aalborg Kommune fremstår som afsender eller medafsender på eksternt udviklet grundmateriale - eksempelvis nationale trafikkampagner. I disse tilælde følges kampagnens design 1:1 med simpel placering af Aalborg Kommunes logo i sort, hvid eller primærfarve.

2. Egne kampagner med andre deltagereAalborg Kommune inviterer andre afsendere med på egenudviklede løsninger - eksempelvis events. Her følges Aalborg Kommunes design guide 1:1, og der findes logisk plads til de andre afsendere.

Aalborg Kommune design guide Side 29