designguide for det danske spejderkorps

24
DET DANSKE DESIGNGUIDE SPEJDERKORPS

Upload: det-danske-spejderkorps

Post on 29-Nov-2014

14.975 views

Category:

Sports


4 download

DESCRIPTION

Designguiden for Det Danske Spejderkorps 2009- . Designguiden under licensen http://creativecommons.org/licenses/by-nc-sa/2.5/dk/

TRANSCRIPT

Page 1: Designguide for Det Danske Spejderkorps

DET DANSKE

DESIGNGUIDESPEJDERKORPS

Page 2: Designguide for Det Danske Spejderkorps

SIDE 2 / DEt DaNSkE SpEjDErkorpS / INDTRODUKTION

VISUEl IDENtItEt tIl DEt DaNSkE SpEjDErkorpSDet Danske Spejderkorps’ visuelle identitet udtrykker kammeratskab, ansvar, fællesskab, sjov og udfordringer.

Designguiden giver dig en række anbefalinger til, hvordan plakater, foldere, breve, websider og andre medier fra Det Danske Spejderkorps ligner hinanden, så spejdere og andre interesserede altid kan genkende blå spejdere.

Når du bruger guiden, gør den arbejdet nemmere for dig. Der er for eksempel farver, som spiller godt sammen, og som dine målgrupper vil kunne genkende på andre medier fra Det Danske Spejderkorps. Der er også retningslinjer for, hvordan du placerer logo, bruger billeder, sætter tryksager op mv.

Designguiden skaber et sammenhængende visuelt udtryk for hele Det Danske Spejderkorps. På den måde skaber vi en stærk kommunikativ platform og et genkendeligt udtryk.

Hvis du har spørgsmål til brugen af designguiden, er du velkommen til at henvende dig til korpskontoret hos kommunikationsafdelingen.

Page 3: Designguide for Det Danske Spejderkorps

SIDE 3 / DEt DaNSkE SpEjDErkorpS / INDhOlD

INDHolD

GrUNDElEMENtEr

1.0 Logoet

1.1 Logoversioner

1.2 Logoplacering

1.3 Farver

1.4 Typografi

1.5 Billedstil

papIrlINjE

2.0 Brevpapir

2.1 Konvolutter

2.2 Visitkort

pUBlIkatIoNEr

3.0 Eksempel 1

3.1 Eksempel 2 & 3

3.2 Eksempel 4

3.3 Opslag

DIGItalt

4.0 Webdesign

4.1 Digital kommunikation

4.2 Websider for grupper, profiler på sociale net-værk o.l.

4.3 Spejderdyr til web

s. 4

s. 5

s. 7

s. 8

s. 9

s. 13

s. 14

s. 15

s. 16

s. 17

s. 18

s. 19

s. 20

s. 21

s. 22

s. 23

s. 27

Page 4: Designguide for Det Danske Spejderkorps

SIDE 4 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.0

Logoet består af navnetræk (Det Danske Spejderkorps) og bomærke (liljen). Liljen er den rentegnede version fra 2003.

Navnetrækket står med Neo Tech Std., der er en moderne skrifttype, som spiller godt op imod det klassiske bomærke.

Navnetrækket må aldrig stå alene, men bomærket kan godt bruges som et selvstændigt grafisk element. Se eksempel på side 16.

loGo

BOMÆRKE NAVNETRÆK

Page 5: Designguide for Det Danske Spejderkorps

SIDE 5 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.1

Logoet kan placeres på farvet baggrund og oven på et billede.Hvis du bruger logoet på et billede, skal man stadig kunne se logoet tydeligt,så Det Danske Spejderkorps står klart som afsender. Se eksempler på side 17, 18 og 19.

NEGatIVt på Blå BaGGrUND

NEGatIVt på BIllEDE

loGoVErSIoNEr

Page 6: Designguide for Det Danske Spejderkorps

SIDE 6 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.1

Logoet kan også bruges i sort/hvid, hvis det ikke er muligt at printe på en farveprinter.Logoet skal stadig fremstår tydeligt.

poSItIVt

NEGatIVt på Sort BaGGrUND

loGoVErSIoNEr

Page 7: Designguide for Det Danske Spejderkorps

SIDE 7 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.2

Der skal være luft omkring logoet, så det ikke kommer til at virke klemt.Som hovedregel skal der være godt med luft, som vist på illustrationen herunder. Afstanden til andre grafiske elementer eller tekst, skal som minimum være den samme afstand som fra bunden af ordet spejderkorps til bunden af liljen (den røde striblede linje).

På små formater, som for eksempel webbannere og kuglepenne, må der gerne være mindre luft til kanten.

loGoplaCErING

Page 8: Designguide for Det Danske Spejderkorps

SIDE 8 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.3

Logofarven er stadig en del af farvepaletten. Den er suppleret af 11 farver, som spiller godt sammen. Som udgangspunkt er der valgt farver, som ses i naturen: Himmel, hav, sol, jord, skov, blomster.

Det er muligt at bruge farverne i nedtonede udgaver i enten 80%, 60% eller 40% af farverne. Det giver flere muligheder og variationer for farvekombinationer.

FarVEr

CMYK100 70 0 30

prIMær FarVE

SEkUNDærE FarVEr

80% 60% 40%

PANTONE 294 CRGB 0, 51, 102# 003366RAL 5000NCS S 4550-R70B

CMYK55 0 5 0

CMYK59 0 16 6

CMYK53 0 100 0

CMYK77 0 92 42

CMYK0 43 100 0

CMYK0 88 52 0

CMYK10 0 82 0

CMYK57 40 39 10

CMYK20 22 39 0

CMYK0 34 27 63

CMYK73 89 0 0

80% 60% 40%

80% 60% 40% 80% 60% 40% 80% 60% 40% 80% 60% 40% 80% 60% 40% 80% 60% 40%

80% 60% 40% 80% 60% 40% 80% 60% 40% 80% 60% 40%

PANTONE 298 CRGB 128, 200, 234# 66D3FBRAL 5012NCS S 1060-B

PANTONE 369 CRGB 127, 197, 82# 65DE03RAL 6018NCS S 1080-G30Y

PANTONE 631 CRGB 110, 188, 205# 6EBCCDRAL 5018NCS S 2050-B20G

PANTONE 349 CRGB 29, 109, 56# 1D6D38RAL 6002NCS S 4550-G10Y

PANTONE 144 CRGB 244, 174, 62# F4AE3ERAL 2000NCS S 1080-Y20R

PANTONE 268 CRGB 117, 84, 162# 7554A2RAL 4005NCS S 3555-R60B

PANTONE 424 CRGB 122, 135, 139# 7A878BRAL 7005NCS S 6502-G

PANTONE 466 CRGB 211, 197, 166# D3C5A6RAL 1002NCS S 2020-Y10R

PANTONE 611 CRGB 233, 236, 95# E9EC5FRAL 1016NCS S 1070-G80Y

PANTONE 206 CRGB 234, 100, 111# EA636FRAL 3018NCS S 1070-R

PANTONE 7518 CRGB 100, 77, 70# 654D46RAL 8011NCS S 7020-Y50R

CMYK farvereferenceanvendes til alle fire-farvede tryksager.

PMS referenceanvendes primært tilserigrafiske tryk og beklædning.

RGB værdierneanvendes til elek-troniske medier, somf.eks. web og power- point.

RAL anvendes primært til profes-sionel fremstilling af skilte.

NCS anvendestil malede flader.

Page 9: Designguide for Det Danske Spejderkorps

SIDE 9 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.4

Du kan bruge tre forskellige skrifttyper, når du laver design om blå spejder. Den primære skrifttype, Neo Tech Std., den sekundære skrifttype er Arial. Hertil kommer en kampagne- skrifttype, der hedder Downcome. Arial findes på næsten alle computere, mens du skal betale for at få lov at bruge Neo Tech Std. Downcome er gratis og kan downloades fra internettet.

tYpoGraFI

Blå SpEjDEr Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euis-mod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim ve-niam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea com-modo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure do-lor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipisc-ing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

SEkUNDær SkrIFttYpE – arIal

prIMær SkrIFttYpE – NEo tECH StD.

Page 10: Designguide for Det Danske Spejderkorps

SIDE 10 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.4

Neo Tech Std. er Det Danske Spejderkorps’ identitetsskabende typografi, som bruges primært til professionelt brug. Skrifttypen bruges som udgangspunkt til alle overskrifter og andre steder, hvor teksten gerne må have en særlig karakter. Den bruges i alle trykte og digi-tale medier, som bliver produceret af Det Danske Spejderkorps.

Neo Tech Std. er en moderne skrifttype, som er legende med sine bløde kurver. Den passer derfor godt til Det Danske Spejderkorps.

Neo Tech Std. findes i mange skriftsnit (Regular, Bold, Kursiv mv.). Det giver mulighed for at lege med for eksempel overskrifter.

prIMær tYpoGraFI

aBCDEFGHIjklMNopQrStUVXYZæØå

abcdefghijlmnopqrstuvxyzæøå

1234567890@. : , ; # % &* ‘

Page 11: Designguide for Det Danske Spejderkorps

SIDE 11 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.4

Udover Neo Tech Std. som er Det Danske Spejderkorps’ identitetsskabende typografi, kan du vælge at bruge Arial til overskrifter m.m.

Arial skal desuden altid bruges til brødtekst i al digital og trykt kommunikation.

Arial er en standardtypografi og er tilgængelig på alle pc’ere.

SEkUNDær SkrIFttYpE

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ

abcdefghijlmnopqrstuvxyzæøå

1234567890@. : , ; # % &* ‘

Page 12: Designguide for Det Danske Spejderkorps

SIDE 12 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.4

Downcome er en freefont og kan downloades gratis fra internettet. Den kan i nogle sam-menhænge bruges til overskrifter, på for eksempel en plakat, postkort og invitationer som godt må have et sjovt og skævt look. Vær opmærksom på, at kampagneskrifttypen mest egner sig til kortere tekster og ikke til artikler, nyheder m.m.

Kampagneskriftypen bliver udskiftet oftere end den primære og sekundære skrifttype, så den altid er tidssvarende for korpsets værdier.

kaMpaGNE tYpoGraFI

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ

1234567890@. : , ; # % &* ‘

Page 13: Designguide for Det Danske Spejderkorps

SIDE 13 / DEt DaNSkE SpEjDErkorpS / GRUNDElEMENTER 1.5

Billedstilen er en central del af Det Danske Spejderkorps’ visuelle udtryk, og den skal signalere kammeratskab, ansvar, fællesskab, sjov og udfordringer. Billederne skal passe til budskabet, så der er sammenhæng, og så kommunikationen bliver stærkere.

Vær opmærksom på, at billederne viser blå spejdere og har et passende udtryk for kom-munikationen. Du kan få vejledning i valg af og brug af billeder på dds.dk/prrum.

BIllEDStIl

Page 14: Designguide for Det Danske Spejderkorps

SIDE 14 / DEt DaNSkE SpEjDErkorpS / PAPIRlINJE 2.0

Designet på breve fra Det Danske Spejderkorps har et enkelt og tydeligt udtryk.Logoet er placeret i toppen, så modtagerne hurtigt kan aflæse, hvem afsenderen er.

Modtagerens oplysninger holder venstrekant med brødteksten og skrives altid med Arial.Oplysningerne i bunden er centreret og skrives med Neo Tech Std. eller Arial.

BrEVE

Overskrift Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, veldol eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel dolore eu feugiat nulla facilisis.

Venlig hilsen

Jeanette HedegaarKommunikationskonsulent

Mobil 23 29 33 [email protected]

ModtagernnavnVejnavn nummerPostnr. By

8. maj 2008

Det Danske Spejderkorps • Arsenal vej 10 • 1436 københavn K • Tlf: +45 32 64 00 62 • Fax: +45 3264 0075 • [email protected] • spejder.dk

Arial reg. 8/10 pkt.

Arial reg. 8/12 pkt.

Arial bold 10/12 pkt.

Arial reg. 8/12 pkt.

Neo Tech Std. reg. ellerArial reg. 8 pkt.PMS 424 C

Arial reg.10/14 pkt.

40 mm

11 mm

20 mm 67 mm

Jens JensenKommnukationskonsulent

Mobil: +45 23 30 35 [email protected]

Page 15: Designguide for Det Danske Spejderkorps

SIDE 15 / DEt DaNSkE SpEjDErkorpS / PAPIRlINJE 2.1

Konvolutterne har ligesom brevpapiret placeret logoet øverst. I venstre side er der plads til frimærker. Liljen er et grafisk element, som understreger det visuelle udtryk.

Afsenderadressen skrives på flappen med Neo Tech Std.

C5 oG C4p koNVolUttEr

DEt DaNSkE SpEjDErkorpSarSENalVEj 101436 kØBENHaVN kSpEjDEr.Dk

DEt DaNSkE SpEjDErkorpSarSENalVEj 101436 kØBENHaVN kSpEjDEr.Dk

8 mm

8 mm

23 mm

30 mm

20 mm

20 mm

Neo Tech Std. reg. 9,5/11,5PMS 424 C

Neo Tech Std. reg. 9,5/11,5PMS 424 C

C4p 229 x 324 mm

C5 229 x 162 mm

Page 16: Designguide for Det Danske Spejderkorps

Jens Jensenkommunikationskonsulent

Tlf.: +45 32 64 00 62Mobil: +45 23 30 35 62E-mail: [email protected]

arsenalvej 101436 københavn kspejder.dk

SIDE 16 / DEt DaNSkE SpEjDErkorpS / PAPIRlINJE 2.2

Visitkortet har de personlige oplysninger stående til venstre og logoet til højre.Alle oplysninger på visitkortet er skrevet med Neo Tech Std.

Bagsiden kan have forskellige farver fra farvepaletten med liljen som grafisk element.

VISItkort

Neo Tech Std. medium 8/10

6 mm 50 mm

10 mm

45 mm

85 mm

54 mm

Neo Tech Std. reg.7/10CMYK 57 40 39 10

Jens Jensenkommunikationskonsulent

Tlf.: +45 32 64 00 62Mobil: +45 23 30 35 62E-mail: [email protected]

arsenalvej 101436 københavn kspejder.dk

Jens Jensenkommunikationskonsulent

Tlf.: +45 32 64 00 62Mobil: +45 23 30 35 62E-mail: [email protected]

arsenalvej 101436 københavn kspejder.dk

Page 17: Designguide for Det Danske Spejderkorps

SIDE 17 / DEt DaNSkE SpEjDErkorpS / PUblIKATIONER 3.0

Der er mange udfoldelsesmuligheder med hensyn til publikationslayout, nogle designregler, som giver et samlet udtryk. Logo, farverne fra farvepaletten, typografien samt den hvide ramme.

Den hvide ramme udgør et grundelement, som er en del af det visuelle udtryk og er med til at gøre, at der ikke kommer en ujævn kant på layoutet, når det bliver printet. På A4 og A3 skal rammen være 7 mm bred, og 5 mm på en A5.

Publlikationernes forsider er bygget op over 2 bokse, som kan have en farve, et billede eller være ‘usynlig’ (se eksempel side 19). Der er også mulighed for at have et helsides foto som vist på næste side.

De to eksempler her, er et bud på publikationer, som kommunikerer formelle budskaber.

pUBlIkatIoNEr – EkSEMpEl 1

SpEjD 2020lorem ipsum dolor sit amet con15 – 16. november 2008

SpEjD 2020lorem ipsum dolor sit amet con15- 16. november 2008

Page 18: Designguide for Det Danske Spejderkorps

SIDE 18 / DEt DaNSkE SpEjDErkorpS / PUblIKATIONER 3.1

Her er der tre eksempler på publikationer, som har et friskt udtryk i form af farver, billeder og typografi. Der kan designes mange forskellige udtryk ved at lege med typografien og sammensætningen af farver.

pUBlIkatIoNEr – EkSEMpEl 2 & 3

blÅ SOMMERta’ MED på

15 – 23. juli 2009

SÆbEKASSElØbta’ MED tIl

OG lEG I NATURENTA’ MED UD

Page 19: Designguide for Det Danske Spejderkorps

SIDE 19 / DEt DaNSkE SpEjDErkorpS / PUblIKATIONER 3.2

På dette eksempel er kampagnefonten brugt. Forsiden er bygget op som de andre eksempler, men der er større mulighed for ‘fri leg’. Kampagneskrifttypen virker nærmest som et grafisk element i sig selv, så der kan laves mange sjove visuelle løsninger med den.

pUBlIkatIoNEr – EkSEMpEl 4

BLÅ SPEJDERSÅDAN

ER DET AT VÆRELeg og fantasikom og leg med

plads til alle

BLÅ SPEJDERSÅDAN

ER DET AT VÆRELeg og fantasikom og leg med

plads til alle

Page 20: Designguide for Det Danske Spejderkorps

SIDE 20 / DEt DaNSkE SpEjDErkorpS / PUblIKATIONER 3.3

Et opslag kan se ud på mange måder. Det bliver appetitligt for modtageren, når der er luft omkring billeder og teksten. Det gælder for opslagene, som med forsiderne, at der gerne må leges med overskriften og farvesammensætningerne. Det vil sige at overskrifterne kan have forskellige størrelser og farver som i eksemplet nedenunder.

PuBliKATiONERs OPslAg

lOREM IPSUM DOlORSæBEkaSSElØBEt

UMMY NIBH EUISMoD tINCIDUNt Ut laorEEt DolorE

MaGNa alIQUaM Erat VolUtpat.lorEM IpSUM Dolor SIt

aMEt, CoNSECtEt. NUlla FaCIlISIS at VEro EroS Et. CoN-

SECtEtUEr aDIpISCING ElIt, SED DIaM NoNUMMY NIBH EUIS-

MoD tINCIDUNt Ut laorEEt DolorE MaGNa alIQUaM Erat.

NIbh EUISMOD TINcIDUNT UT lAOREET DOlORE

MAGNA AlIqUAM ERAT vOlUTPAT.lOREM IPSUM

DOlOR SIT AMET, cONSEcTET. NUllA fAcIlISIS AT

vERO EROS ET. cONSEcTETUER ADIPIScING ElIT.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit es molestie consequat, vel illum do-lore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandipraese. Luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, dolor sit commus dolor sitta issoko.

Autem vel eum iriure dolor in hendrerit in vulputate velit es mo-lestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandipraese.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esdolore te feugait nulla facilisi.

02

Page 21: Designguide for Det Danske Spejderkorps

SIDE 21 / DEt DaNSkE SpEjDErkorpS / DIGITAlT 4.0

Designguiden gælder også websider. Her anbefales det at bruge mørkegrå Arial til brødtekst og Neo Tech Std. til overskrifter.

Logoet placeres bedst øverst til venstre, og vi anbefaler brug af store billeder og mange videoer. De transperante bokse med overskrifter i giver et let udtryk på websiden.Boksene har en (opacity) gennemsigtighed på 80%.

Du er velkommen til at linke til spejder.dk og dds.dk fra gruppe-websider.

WEBdEsigN

http://dds.dk

Page 22: Designguide for Det Danske Spejderkorps

SIDE 22 / DEt DaNSkE SpEjDErkorpS / DIGITAlT 4.1

Designguiden gælder alle online medier, og du kan også bruge den, hvis du for eksempel lægger video, lyd eller billeder online.

Du bruger designelementerne til at gøre det tydeligt, hvem der er afsender påprofiler, billeder og videoer. Det kan du gøre udfra følgende tommelfingerregler:

• Brug logoet, så er retningslinjerne de samme som ved anden brug af logo. Du kan fx bruge logoet som vandmærke i et hjørne (se eksempel herunder).

• Hvis du lægger tekster ind i videoerne, så brug skrifttyperne fra designguiden.

digiTAl KOMMuNiKATiON

SjoV oG lEG

Page 23: Designguide for Det Danske Spejderkorps

SIDE 23 / DEt DaNSkE SpEjDErkorpS / DIGITAlT 4.2

Principperne i designguiden gælder også på websider for grupper, profiler påsociale netværkssites som Facebook og andre online medier. Det betyder, at du også her bør bruge logo, skrifttyper og farver som angivet i designguiden.

WEBsidER fOR gRuPPER, PROfilER På sOciAlE NETVÆRK O.l.

Page 24: Designguide for Det Danske Spejderkorps

SIDE 24 / DEt DaNSkE SpEjDErkorpS / DIGITAlT 4.2

De 8 spejderdyr kan bruges i forskellige sammenhænge på spejder.dk & dds.dk, f.eks. som brugerens profilbillede, 404-sider, bannere mv.

sPEJdERdYR sOM KAN BRugEs På sPEJdER.dK & dds.dK