Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
Corporate›Design›Manual›der›Stadt›Krefeld
Marke
Marke
Inhalt
Marke
Farben
Typografie
Grundlagen
Ausstattung
Medien
CD-Inhalte
›› Wort-Bildmarke
›› Größe
›› Schutzbereich
›› Falsche›Anwendung
›› Primärfarben
›› Geschäftsbereichsfarben
›› Anwendung
›› Schrifttypen
›› Formate›&›Raster
›› Titelseiten
›› Satzspiegel
›› Umgang›mit›Bildern
›› Besondere›Elemente
›› Briefpapier
›› Visitenkarten
›› CD›&›DVD
›› Internet
›› Promotionartikel
Mar
ke
Marke
Marke
Wort-Bildmarke
Marke
Wort-Bildmarke
a a
a
a
a
a
a
a
a a a a
aaa
›b
a
b
Marke
Dem›Aufbau›der›Bildmarke›liegt›
ein›quadratisches›Raster›mit›4›x›4›
Quadraten›zugrunde.
Ein›Quadrat›hat›die›Breite›a›und›die›
Länge a.›Die›gesamte›Bildmarke›
hat›die›Breite 4›a›und›die›Länge›4›a.›
Das›Maß›4›a›wird›im›Folgenden›als›
„Einheit b“›bezeichnet.
Um›die›Handhabung›des›Corporate›
Designs›zu›vereinfachen,›bildet›das›
Quadrat›mit›der›Größe›a x a›die›
Grundlage›für›alle›Bemaßungen›und›
Rasterungen.
Aufbau
Marke
Wort-Bildmarke
a
a
b
a
a
a
a 8›a›=›2›b
b
b
a
a
b
a
a
a
a 8›a›=›2›b
b
b
Marke
Die›Wort-Bildmarke›darf›zu›jeder›
Zeit›mit›oder›ohne›Claim›verwendet›
werden.›Einzige›Voraussetzung›ist›
die›Einhaltung›der›Mindestgröße.
Folgende›Abbildung›zeigt›die›
Bemaßung›und›Anordnung›der›
Logoelemente›mit›Claim.
Ohne Claim
Mit Claim
Folgende›Abbildung›zeigt›die›
Bemaßung›und›Anordnung›der›
Logoelemente›ohne›Claim.
Marke
Größe
Originalgrößeb›=›40›mm
100›%
In›der›Originalgröße›hat›das›Logo›
eine›Höhe›von›40›mm.›
Es›darf›beliebig›kleiner›oder›größer›
skaliert›werden.›
Die›Mindestgröße›des›Logos›ohne›
Claim›sollte›20›%›der›Originalgröße›
(b = 8›mm)›betragen.›
Die›Mindestgröße›des›Logos›mit›
Claim sollte›30›%›der›Originalgröße›
(b = 12 mm)›betragen.›
b›=›8›mm
20›%
b›=›12›mm
30›%
Originalgröße
Mindestgröße
Marke
Schutzbereich
a
a
2›a 2›a
2›a
a a
a
a
a a a
Marke
Bei›der›Platzierung›von›Elementen,›
wie›z.›B.›Bildern,›Texten›oder›Logos,›
ist›der›Schutzbereich›des›Logos›
einzuhalten.
Der›Schutzbereich›der›Bildmarke›
beträgt›rundherum›den›Wert›a.
Der›Schutzbereich›der›Wort-Bild-
marke›mit›und›ohne›Claim›beträgt››
rundherum›den›Wert›2›a.›
Bildmarke
Wort-Bildmarke
Marke
krefeld.
krefeld
Falsche›Anwendung
Wort-›und›Bildmarke›haben›die›gleiche›Höhe.
Bildmarke›steht›über›der›Wortmarke.
Schutzraum›wird›nicht›eingehalten. Logo›steht›vertikal›bzw.›mit›vertikalem›Schriftzug.
Verwendung›einer›anderen›Schrift›als›definiert.Bildmarke›steht›rechts›von›der›Wortmarke.
Wort-›und›Bildmarke›stehen›zu›weit›auseinander. Drehung›der›Bildmarke.
Logo›steht›schräg.
Farb
en
Farben
Farben
Primärfarben
Stadt Krefeld Allgemein, Geschäftsbereiche I – III
80›%›Schwarz20›%›Schwarz
Die›Primärfarben›ergeben›sich›aus›
dem›übergeordneten›Logo›der›Stadt›
Krefeld.›Grundlage›aller›folgenden›
Farben›sind›die›Grundfarben›der›
Farbverläufe›der›Logos.
Zu›den›Primärfarben›zählen›außerdem›
zwei›Grautöne.
CMYK:›40›/›0›/›85›/›0
RGB:›176›/›202›/›68
CMYK:›70›/›20›/›90›/›0
RGB:›93›/›151›/›64
CMYK:›70›/›0›/›30›/›0
RGB:›57›/›182›/›184
CMYK:›75›/›0›/›70›/›60
RGB:›15›/›93›/›59
Für›die›Stadt›Krefeld›im›Allgemeinen›
und›die›Geschäftsbereiche›I›– III›der›
Stadt›Krefeld›werden›folgendes›
Logo›und›folgende›Farben›eingesetzt:
Marke
Geschäftsbereichsfarben
Farben
CMYK:›60›/›5›/›0›/›0›
RGB:›97›/›191›/›232
CMYK:›85›/›40›/›10›/›0
RGB:›0›/›126›/›179
CMYK:›50›/›50›/›0›/›0
RGB:›144›/›133›/›168
CMYK:›100›/›70›/›10›/›5
RGB:›0›/›78›/›142
Geschäftsbereich IV, Bildung & Sport
Die›Geschäftsbereichsfarben›ergeben›
sich›aus›den›Logos›der›verschiedenen›
Geschäftsbereiche›der›Stadt›Krefeld.
Für›den›Geschäftsbereich›IV,›
Bildung›&›Sport,›werden›folgende›
Farben›für›die›Bildmarke›und›für›die›
Gestaltung›eingesetzt:
Marke
Geschäftsbereich V, Soziales, Jugend & Kultur
Geschäftsbereichsfarben
Farben
CMYK:›0›/›65›/›0›/›0
RGB:›236›/›123›/›170
CMYK:›5›/›85›/›5›/›0
RGB:›223›/›66›/›137
CMYK:›0›/›70›/›50›/›0
RGB:›235›/›108›/›103
CMYK:›30›/›90›/›20›/›20
RGB:›156›/›44›/›102›
Für›den›Geschäftsbereich›V,›
Soziales,›Jugend›&›Kultur,›werden›
folgende›Farben›für›die›Bildmarke›
und›für›die›Gestaltung›eingesetzt:
Marke
Geschäftsbereich VI, Planung, Bau & Umwelt
Geschäftsbereichsfarben
Farben
CMYK:›0›/›35›/›90›/›0
RGB:›248›/›179›/›34
CMYK:›0›/›65›/›100›/›0
RGB:›236›/›116›/›4
CMYK:›0›/›10›/›90›/›0
RGB:›255›/›222›/›16
CMYK:›0›/›80›/›95›/›10
RGB:›214›/›76›/›29
Für›den›Geschäftsbereich›VI,›
Planung,›Bau›&›Umwelt,›werden›
folgende›Farben›für›die›Bildmarke›
und›für›die›Gestaltung›eingesetzt:
Marke
Positive Anwendung
Anwendung
Farben
Das›positive›Logo›mit›farbiger›Bild-
marke›kann›auf›weißen›oder›hellen›
Untergründen›verwendet›werden.
Die›farbige›Bildmarke›darf›allein›auf›
100›%›schwarzem›Hintergrund,›z.›B.›
auf›Promotionartikeln,›stehen.
Die›Outline-Version›kann›zur›besseren›
Lesbarkeit›z.›B.›auf›Formularen›und›
Faxpapieren›eingesetzt›werden.
Farben
Anwendung
Negative Anwendung
Auf›stark›farbigen›oder›dunklen›
Untergründen›wird›das›negative›
Logo›in›Weiß›angewendet.
Auf›einem›schwarzen›Hintergrund›
kann›das›Logo›außerdem›in›20›%›
Schwarz›eingefärbt›werden.›
Typo
graf
ie
Typografi e
Typografie
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890.,:;- — ‘‘ „””· <>«»›&*!?()[]/@§$£π%™®©
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
.,:;-›—›‘‘›„””·›<>«»›&*!?()[]/@§$£π%™®©
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
.,:;- — ‘‘ „””· <>«»›&*!?()[]/@§$£π%™®©
Schrifttypen
Überschrift›für›Anzeigen›und›Titel
Vitesse Medium
Gotham Book
Gotham Book Italic
2.›Überschrift›für›Anzeigen›und›Titel,›Überschrift,›Fließtext,›Kolumnentitel
Auszeichnungen›Fließtext
Typografie
Zwischenüberschrift
Auszeichnungen›Zwischenüberschrift
Schrifttypen
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
.,:;- — ‘‘ „””· <>«»›&*!?()[]/@§$£π%™®©
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
.,:;- — ‘‘ „””· <>«»›&*!?()[]/@§$£π%™®©
Gotham Black
Gotham Black Italic
Vitesse & Gotham
Die›hier›verwendeten›Schriftfamilien›
„Vitesse“›und›„Gotham“›entstammen›
der›New›Yorker›Schriftgießerei›
„Hoefler›&›Frere-Jones“.›
Die›Lizenzen›für›die›einzelnen›
Schriftschnitte›können›auf›
www.typography.com›käuflich›
erworben›werden.
Gru
ndla
gen
Grundlagen
Grundlagen
Formatreihe
Für›Drucksachen›sollten›Formate›der›
DIN-Reihe›im›Hochformat›gewählt›
werden.
Plakate›und›große›Werbemittel›
sollten›das›Format›A3,›A2,›A1›oder›
A0›haben.
Sonderformate›für›bestimmte›
Drucksachen›und›Aufgaben›sind›
möglich.
DIN›A4210›mm›x›297›mm
DIN›lang105›mm›x›210›mm›
DIN›A5148›mm›x›210›mm
Quadratisch210›mm›x›210›mm
DIN›A6105›mm›x›148›mm
Formate›&›Raster
Aufbau des Rasters
Grundlage›für›die›Bemaßung›und›
Positionierung›von›Elementen›sowie›
für›das›Raster›bildet›die›quadratische›
Einheit a.
Die›Einheit a›ergibt›sich›durch›Teilen›
der›kurzen›Seite›des›Formats›durch›40.
Für›das›Format›DIN›A4›ergibt›sich›
folgende›Rechnung:
DIN A4 = 210 mm : 40 = 5,25 = a
Grundlagen
Titelseiten
Titelseite mit Bild
Die›Titelseite›mit›Bild›hat›einen›
umlaufenden›weißen›Rand›von›2 a.›
Die›Flächenaufteilung›zwischen›
Bild›und›farbigem›Textgrund,›dem›
Sprechblasen-Element,›sollte›dabei›
65›%›zu›35›%›betragen.
Das›Sprechblasen-Element›orientiert›
sich›an›den›Maßen›der›Einheit›a.
Der›Abstand›zu›inneren›Elementen›
beträgt›2 a.
30›%›oder›40›%›der›oberen›Punktgrößemax.›2-zeilig,›ZA:›auto,›LW:›0
65›%
35›%
Im›Format›A4›(s.›Abb.)›hat›die›
Überschrift›eine›Schriftgröße›von›
mindestens›40›pt›(ZA:›auto,›LW:›0).
Die›Größe›der›2.›Überschrift›beträgt›
immer›30›%›oder›40›%›der›Über-
schriftpunktgröße›(ZA:›auto,›LW:›0).
Im›Format›A4›hat›das›Logo›eine›
Höhe›von›2 a.›
In›kleineren›Formaten›kann›das›
Logo›auch›eine›Höhe›von›4 a›haben.
Mindestens 40 pt.max. 2-zeilig
Grundlagen
Titelseiten
Titelseite mit Grafik
Die›Titelseite›hat›einen›umlaufenden›
Rand›von›4 a.
Für›die›Titelseite›mit›Grafik›wird›die›
linke›Seite›der›Bildmarke›gespiegelt›
als›grafisches›Element›verwendet.›
Die›Hintergrundfarbe›ist›Weiß.
Die›Höhe›des›grafischen›Elements›
sollte›dabei›der›Länge›der›kurzen›
Formatseite›entsprechen›und/oder›
genau›50›%›der›Breite›des›Formats›
betragen.›
Mindestens 45 pt.max. 2-zeilig
30›%›od.›40›%›der›oberen›Punktgröße,›max›3-zeilig›ZA:›auto,›LW:›0
Im›einem›Quadrat-›oder›Querformat›
sollte›die›Grafik›in›einer›Höhe›von›
50›%›oder›75›%›der›kurzen›Format-
seite›eingesetzt›werden.
Im›Format›A4›(s.›Abb.)›hat›die›
Überschrift›eine›Schriftgröße›von›
mindestens›45›pt›(ZA:›auto,›LW:›0).
Die›Höhe›des›Logos›beträgt›4 a.
Die›Grundlagen›der›Gestaltung›von›
Titelseiten›können›problemlos›auf›
die›Gestaltung›von›Plakaten,›Flyern›
und›anderen›ein-›oder›zweiseitigen›
Druckprodukten›angewendet›werden.
Grundlagen
Der›Satzspiegel›in›Druckproduk-
ten›basiert›auf›dem›Raster,›dem›die›
Einheit›a›zugrunde›liegt.
Die›Innenseiten›aller›Formate›sind›
durch›einen›umlaufenden›Rand›von
4 a›gekennzeichnet.
Die›Hintergrundfarbe›ist›Weiß.
Der›Inhalt›richtet›sich›an›einem›
11-spaltigen›Kolumnenraster›aus.
Satzspiegel
Dieses›wird›auf›allen›mehrseitigen›
Druckprodukten›im›Hochformat›
angewendet.
Jede›Kolumne›hat›die›Breite›2 a.›
Der›Abstand›zwischen›zwei›Kolumnen›
beträgt›a.
Das›Fußelement›hat›die›Höhe›2 a›
und›ist›wie›in›der›Abbildung›oben›zu›
platzieren.›
Die›Kolumnentitel›stehen›außerhalb›
des›Satzspiegels›im›Fußelement.
Grundlagen
Satzspiegel
Innerhalb›des›Kolumnenrasters›gibt›
es›verschiedene›Möglichkeiten›
Inhalte›—›Texte,›Bilder›und›Grafiken›
—›zu›platzieren.›
Texte›können›über›7›oder›4›Spalten›
verlaufen.›Bilder›und›Grafiken›können›
über›11,›7›oder›4›Spalten›verlaufen.
Weißräume›sind›erwünscht,›um›
Spannungen›zu›erzeugen›und›visuell›
ansprechende›Kompositionen›zu›
schaffen.
Innerhalb›eines›Druckprodukts›sollten›
so›wenig›verschiedene›Anordnungen›
wie›möglich›verwendet›werden.
Grundlagen
Umgang›mit›Bildern
Alle›Bilder›und›Fotos›sind›farbig›(4c).›
Auf›eine›ausreichende›Auflösung›des›
Bildmaterials›ist›zu›achten.›
Die›Inhalte›der›Bilder›sind›dabei›den›
Gestaltern›überlassen.›
Auch›Stockarchive›können›als›Quelle›
für›Bildmaterial›verwendet›werden.›
Formatfüllende Bilder
Große›Bilder›können›auch›in›Form›
des›Sprechblasen-Elements›oder›
vollflächig›auf›einer›Innenseite›
platziert›werden.
Hintergrundfarbe›ist›immer›Weiß.
Grundlagen
Besondere›Elemente
Sonderseiten
Um›Inhalte›zu›gliedern,›z.›B.›durch›
Register›(s.›CD›Manual)›oder›um›
Aussagen›besonders›hervorzuheben,›
können›farbige›Zwischenseiten›
gestaltet›werden.
Das›farbige›Sprechblasen-Element›
wird,›wie›auch›auf›der›Titelseite,›
mit›einem›Abstand›von›2 a›zum›
Formatrand›platziert.
Überschriftmind. 45 pt
Der›Innenabstand›zum›Text›sollte›
ebenfalls›mindestens›2›a›betragen.
Die›Überschrift›der›Seite›steht›
zentriert›in›der›Schriftart›Vitesse›
Medium.›
Im›A4›Format›(s.›Abb.)›hat›die›
Überschrift›eine›Schriftgröße›von›
mindestens›45›pt›(ZA:›auto,›LW:›0).
Grundlagen
Störer
Innerhalb›der›Textspalten›kann›das›
Sprechblasen-Element›als›farbiger›
Störer›bzw.›Textrahmen›eingesetzt›
werden.›
Es›wird,›wie›Texte›und›Bilder,›am›
Raster›der›Seite›ausgerichtet.
Der›Abstand›des›Störers›zu›anderen›
Elementen›beträgt›a.
Besondere›Elemente
Der›Störer›kann›über›4›oder›7›Spalten›
verlaufen.
Der›Innenabstand›des›Störers›zum›
Text›beträgt›ebenfalls›a.›
Der›Störer›sollte›auf›den›Innenseiten›
sparsam›eingesetzt›werden.
Aus
stat
tung
Ausstattung
MarkeAusstattung
Briefpapier
Konten der Stadtkasse:
Internet: www.krefeld.de
Stadt Krefeld›•›32›•›47792›Krefeld
Postbank›AG›Essen:›8682-431
BLZ:›360›100›43
Sparkasse›Krefeld:›301›291›
BLZ:›320›500›00
E-Mail: [email protected]
Der Oberbürgermeister
Fachbereich›Ordnung
Abt.›Allgemeine›Ordnungs-›und›
Gewerbeangelegenheiten
20. August 2010
Ihr Schreiben Mein Zeichen
›
Auskunft erteilt / E-Mail Anschrift / Zimmer Telefon / Fax
21›mm25›mm 60›%›=›78›mm
21›mm
9›pt›
9›pt
8›pt
8›pt
8,5›pt
21›mm10,5›mm
7›pt
Fließtext:›Gotham›Book,›10›pt Kleingedrucktes:›Gotham›Book›Italic,›8›pt
Ausstattung
Briefpapier
Visitenkarten
Ulrich Cloos
Leiter›des›Fachbereichs
Stadtmarketing,›Medien›
und›Büro›des›Rates
Rathaus,›Zimmer›B›218
Von-der-Leyen-Platz›1
47792›Krefeld
Tel.:›+49›(0)2151›86›10›90
Fax:›+49›(0)2151›86›10›95
Mobil:›+49›(0)151›17›45›19›12
5,5›mm42,5›mm
14›mm
5,5›mm
www.krefeld.de5,5›mm
Format:›
85›mm›x›55›mm
Name:›Vitesse›Medium,›9›pt
Adresse:›Gotham›Book,›7›pt,›ZA:›10›pt›
Web:›Gotham›Black,›8›pt
Logo:›
28,5›%›=›Breite:›37›mm
Med
ien
Medien
Medien
CD›&›DVD
CD-Titel, mind. 18pt., 1-zeilig
Gotham›Book,›10pt
ZA:›14pt,›LW:0
maximal›6-zeilig
12›mm 12›mm
12›mm
90›mm
12›mm
6›mm 47,5›%›=›62›mm
Format
125›x›120›mm
40›mm
CD-Titel, 14pt.za: autom., lw: 0
Gotham›Book,›10pt
ZA:›14pt,›LW:0
maximal›4-zeilig
Medien
Internet
Raster
Das›Raster›für›Website-›und›Bild-
schirmdarstellungen›wird›ähnlich›
wie›die›Raster›für›Druckprodukte›
errechnet.
Grundlage›der›Rechnung›ist›die›
Pixelzahl›der›langen›Seite.
Für›eine›Internetseite›mit›der›Breite›
960›px›errechnet›sich›die›Einheit›a›
demnach›wie›folgt:
960 px : 40 = 24 px = a
Die›Gestaltungselemente›und›Inhalte›
werden›an›dem›Raster,›basierend›
auf›der›Einheit›a,›ausgerichtet.
Offi ciat ureprore la pa quam, corio moluptiur magnation non res rehenimaio que con re ditio. Escia non commoluptam secatecto toreprepro offi c to optatius maximaximint ant omnitibus qui dolum nos esenis eiciist harios endita nectistiume est fuga. Tem estor sequi doloreperio bea-quias ernatio repuditiatio voluptus dit alitaquam quibea eume am sitaspi enihil exerrovit alit am, versped mos illatis magnis rem vol
Medien
Promotionartikel
CD-Inhalte
Marke
krefeld_gruen_logo_cmyk.tiff
krefeld_gruen_logo_rgb.tiff
krefeld_gruen_logo_cmyk.pdf
krefeld_gruen_logo_rgb.pdf
krefeld_gruen_logo_cmyk.eps
krefeld_gruen_logo_rgb.eps
krefeld_blau_logo_cmyk.tiff
krefeld_blau_logo_rgb.tiff
krefeld_blau_logo_cmyk.pdf
krefeld_blau_logo_rgb.pdf
krefeld_blau_logo_cmyk.eps
krefeld_blau_logo_rgb.eps
krefeld_pink_logo_cmyk.tiff
krefeld_pink_logo_rgb.tiff
krefeld_pink_logo_cmyk.pdf
krefeld_pink_logo_rgb.pdf
krefeld_pink_logo_cmyk.eps
krefeld_pink_logo_rgb.eps
krefeld_orange_logo_cmyk.tiff
krefeld_orange_logo_rgb.tiff
krefeld_orange_logo_cmyk.pdf
krefeld_orange_logo_rgb.pdf
krefeld_orange_logo_cmyk.eps
krefeld_orange_logo_rgb.eps
krefeld_outline_weiss_logo.tiff
krefeld_outline_weiss_logo.pdf
krefeld_outline_weiss_logo.eps
krefeld_outline_grau_logo.tiff
krefeld_outline_grau_logo.pdf
krefeld_outline_grau_logo.eps
Ausstattung
krefeld_briefbogen_gruen.pdf
krefeld_briefbogen_blau.pdf
krefeld_briefbogen_pink.pdf
krefeld_briefbogen_orange.pdf
Medien
krefeld_cdlabel_gruen.pdf
krefeld_cdlabel_blau.pdf
krefeld_cdlabel_pink.pdf
krefeld_cdlabel_orange.pdf
CD-Inhalte
Impressum
Mediadesign›Hochschule›Düsseldorf
Praktische›Arbeit›zur›Erlangung›des›
akademischen›Grades›Bachelor›of›
Arts›in›Mediadesign.
Eingereicht›durch:›Katharina›Fedder
Düsseldorf,›20.›August›2010