Leitfaden Corporate Design - Pädagogische Hochschule Karlsruhe
Leitfaden Corporate Design - Pädagogische Hochschule Karlsruhe
Leitfaden Corporate Design - Pädagogische Hochschule Karlsruhe
Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong><br />
|<br />
Das neue Erscheinungsbild der<br />
Pädagogischen <strong>Hochschule</strong> <strong>Karlsruhe</strong><br />
Stand: Oktober 2009
Inhalt<br />
3<br />
Vorwort<br />
Gestaltungselemente<br />
5<br />
8<br />
9<br />
10<br />
Logo<br />
Hausschriften<br />
Hausfarbe<br />
Farbklima<br />
Anwendungsbeispiele<br />
12<br />
14<br />
15<br />
16<br />
17<br />
19<br />
21<br />
23<br />
Briefbogen<br />
Visitenkarte<br />
Einladung mit Antwortkarte<br />
Grußkarte<br />
Broschüre<br />
Flyer<br />
Plakat<br />
Powerpoint-Präsentation
Zum Geleit<br />
Mit dem vorliegendem <strong>Leitfaden</strong> stellt die Pädagogische<br />
<strong>Hochschule</strong> <strong>Karlsruhe</strong> ihr neues <strong>Corporate</strong> <strong>Design</strong> vor. Die<br />
Darstellung der <strong>Hochschule</strong> mit allen ihren Einrichtungen folgt<br />
damit nach innen und nach außen einem gemeinsamen<br />
Erscheinungsbild, das die Marke „PH <strong>Karlsruhe</strong>“ verkörpert.<br />
Die einheitliche Anwendung des <strong>Corporate</strong> <strong>Design</strong>s ist somit<br />
der Schlüssel für einen professionellen Auftritt.<br />
Der Einführung ging ein mehrmonatiger, intensiver<br />
Abstimmungsprozess voraus. Das Ergebnis zeigt ein in seiner<br />
Gesamtheit frisches, zeitloses und einprägsames<br />
Erscheinungsbild, dessen zentraler Bestandteil das neue<br />
Logo darstellt. Im Zusammmenspiel mit der Verwendung<br />
definierter Schriften, Farben und Layoutmuster bietet der<br />
<strong>Leitfaden</strong> ein verbindliches Gerüst für die Gestaltung von<br />
Drucksachen und Informationsmaterialien aller Art. Dabei<br />
bleibt ausreichend Spielraum für eine kreative, zielgruppengerechte<br />
Umsetzung der Vorgaben. Sollten beim Umgang mit<br />
dem <strong>Leitfaden</strong> Fragen oder Probleme auftreten, ist die<br />
Öffentlichkeitsarbeit im Hause gerne behilflich. Diese kann<br />
auch Musterlayouts (Format Indesign) für diverse Anwendungen<br />
zur Verfügung stellen.<br />
Bei der Entwicklung des <strong>Leitfaden</strong>s wurde von Anfang an<br />
großer Wert auf Praxistauglichkeit gelegt. Es handelt sich<br />
dabei aber nicht um ein festzementiertes Regelwerk und ich<br />
erwarte mit Spannung, wie sich das <strong>Corporate</strong> <strong>Design</strong> im<br />
Alltag der Hochschularbeit bewähren wird. Ich möchte daher<br />
allen Mitarbeiterinnen und Mitarbeitern ans Herz legen, uns<br />
Ihre Erfahrungen mit dem <strong>Corporate</strong> <strong>Design</strong> mitzuteilen. Nur<br />
so wird es uns gelingen, den Auftritt der Pädagogischen<br />
<strong>Hochschule</strong> erfolgreich weiter zu entwickeln.<br />
Liesel Hermes<br />
Rektorin
Gestaltungselemente<br />
Logo<br />
Hausschriften<br />
Hausfarbe<br />
Farbklima
Logo<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 5<br />
Mit dem neuen Logo steht nun ein<br />
modernes, dem Selbstbild der PH<br />
<strong>Karlsruhe</strong> entsprechendes, unverwechselbares<br />
Logo zur Verfügung.<br />
University of Education<br />
Ecole Supérieure de Pédagogie<br />
karlsruhe<br />
Das Logo setzt sich zusammen aus<br />
„ph“ (entspricht als Bildmarke dem<br />
ehemaligen Siegel), dem Schriftzug<br />
„karlsruhe“ und dem Zusatz „University<br />
of Education / Ecole Supérieure<br />
de Pédagogie“. Praktische Vorteile<br />
gegenüber dem alten Logo: einfache<br />
Handhabung durch kompakte Form.<br />
Die Logokomponenten stehen Größe<br />
und Position betreffend in einem festen<br />
Verhältnis zueinander, das nicht<br />
verändert werden darf. In Ausnahmefällen<br />
ist eine ausschließliche Verwendung<br />
der Bildmarke zulässig – zum<br />
Beispiel als Aufdruck auf einem<br />
Buchrücken.<br />
Das Logo steht als Vektorgrafik für<br />
professionelle Druckerzeugnisse zur<br />
Verfügung. Dieses Format eignet sich<br />
zum problemlosen Skalieren auf jede<br />
benötigte Größe. Spezielle Datenformate,<br />
z.B. für Office- und Web-<br />
Anwendungen, sind ebenfalls verfügbar.<br />
Schutzraum des Logos<br />
Der Schutzraum definiert den Abstand, den andere grafische<br />
Elemente und Schriften zum Logo mindestens einhalten<br />
müssen (s. Abbildung). Logo und Schutzraum<br />
ändern sich proportional zur Größe des Mediums.<br />
Das der Definition des Schutzraumes zugrunde liegende<br />
Raster resultiert aus der Schriftstärke des „h“. Die doppelte<br />
Schriftstärke definiert den Schutzraum.
Logo-Farbvariationen<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 6<br />
Das Logo steht in jeweils zwei Farbund<br />
Schwarz-weiß-Varianten zur<br />
Verfügung. Für professionelle<br />
Farbdrucke wird die Schmuck- bzw.<br />
Sonderfarbe HKS 67 verwendet<br />
(Hausfarbe); ersatzweise der entsprechende<br />
CMYK-Wert (s. Tabelle).<br />
Abhängig von der Verwendung sind<br />
dort weitere Farbmodelle angegeben.<br />
Neben der „Basisform“ steht das<br />
Logo in einer negativen Variante mit<br />
weißem Schriftzug auf grünem Grund<br />
zur Verfügung. Die Größe der grünen<br />
Fläche entspricht dem Schutzraum.<br />
Die Schwarz-weiß-Ausführung gibt es<br />
in einer Version mit 100 % Farbauftrag<br />
(schwarzes Logo) und einer mit 60 %<br />
Farbauftrag (grau).<br />
Der Zusatz „University of Education /<br />
Ecole Supérior de Pédagogie“<br />
erscheint grundsätzlich in Schwarz.<br />
Bitte beachten:<br />
Für interne Formulare ausschließlich<br />
das schwarze Logo verwenden!<br />
Schmuckfarbe für Print HKS 67<br />
CMYK für Print 60/0/95/0<br />
RGB für Web und Screen 94/188/59<br />
Hexadezimal-Code für Web<br />
#8CD000<br />
RAL (z.B. Wandgestaltung)<br />
RAL 6018 (Gelbgrün)
Logo-Größe<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 7<br />
47 mm<br />
Die Breite des Logos sollte 47 mm<br />
nicht unterschreiten<br />
7 pt<br />
Die Größe des Logos steht im<br />
Verhältnis zur Größe des Mediums.<br />
Die Gesamtbreite des Logos sollte 47<br />
Millimeter nicht unterschreiten, um die<br />
Lesbarkeit des Schriftzusatzes zu<br />
gewährleisten.<br />
Größenbeispiele für Standardformate<br />
DIN lang > 47mm<br />
DIN A 6 > 47 mm<br />
DIN A 5 > 47 mm<br />
DIN A 4 > 64 mm<br />
DIN A 3 > 90 mm<br />
DIN A 2 > 128 mm<br />
DIN A 1 > 181 mm<br />
DIN A 0 > 256 mm<br />
Beispiel DIN A 4<br />
64 mm<br />
Beispiel DIN A 3<br />
90 mm
Hausschriften<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 8<br />
Helvetica (Verwendung im Fließtext)<br />
Helvetica Neue 45 Light<br />
Helvetica Neue 55 Roman<br />
Helvetica (Verwendung in Überschriften)<br />
Helvetica Neue 65 Medium<br />
Helvetica Neue 75 Bold<br />
Arial (Systemschrift)<br />
Arial<br />
Arial, fett<br />
Als Hausschriften dienen die<br />
Schriftfamilien „Helvetica“ und „Arial“:<br />
Helvetica<br />
Verwendung für die Gestaltung von<br />
Drucksachen durch die interne<br />
Presse- und Öffentlichkeitsarbeit,<br />
Werbeagenturen und Druckereien –<br />
beispielsweise bei der Gestaltung von<br />
Broschüren, Jahrberichten, Plakaten<br />
u.a.<br />
Da diese Schrift nicht auf allen PH-<br />
Rechnern installiert werden kann, gibt<br />
es als zusätzliche Hausschrift<br />
Arial<br />
Als Systemschrift ist Arial auf allen<br />
PH-Rechnern installiert und kommt<br />
bei Office-Anwendungen (Word,<br />
Powerpoint, Excel) zum Einsatz.<br />
Beispiele für verschiedene Auszeichnungen der<br />
Hausschriften „Helvetica“ und „Arial“
Hausfarbe<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 9<br />
5 %<br />
10 %<br />
15 %<br />
20 %<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
25 %<br />
30 %<br />
35 %<br />
40 %<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
45 %<br />
50 %<br />
55 %<br />
60 %<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
65 %<br />
70 %<br />
75 %<br />
80 %<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
85 %<br />
90 %<br />
95 %<br />
100 %<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
Schwarz<br />
Weiß<br />
HKS 67<br />
HKS 67 ist die Hausfarbe der Pädagogischen <strong>Hochschule</strong> <strong>Karlsruhe</strong>. Diese –<br />
auch als Schmuck- oder Sonderfarbe bezeichnete – HKS-Farbe gewährleistet<br />
bei professionellen Drucken eine größtmögliche Farbtreue. Wird nicht mit<br />
Sonderfarben gedruckt, kommt die Euroskala (CMYK) zur Anwendung. Die entsprechenden<br />
Werte lauten: 60/0/95/0.<br />
Die abgestufte Farbskala oben verdeutlicht die Verwendung unterschiedlicher<br />
Schriftfarben auf dem Hintergrund HKS 67. Nur Schwarz eignet sich unabhängig<br />
von der Rasterung (5 bis 100 %). Weiß lässt sich im Bereich 80 bis 100 %<br />
verwenden, HKS 67 (bzw. der entsprechende CMYK-Wert) als Vollton lässt sich<br />
über 5 bis 25 % HKS 67 als Hintergrundraster verwenden.
Farbklima<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 10<br />
HKS 67<br />
CMYK<br />
60/0/95/0<br />
HKS 12<br />
CMYK<br />
0/90/100/0<br />
HKS 69<br />
CMYK<br />
20/5/100/0<br />
HKS 71<br />
CMYK<br />
15/35/100/0<br />
HKS 81<br />
CMYK<br />
25/70/100/0<br />
HKS 47<br />
CMYK<br />
100/0/0/0<br />
HKS 56<br />
CMYK<br />
100/40/70/0<br />
HKS 43<br />
CMYK<br />
100/65/0/0<br />
10 % 20 % 30 % 40 % 50 % 60 % 70 % 80 % 90 % 100 %<br />
Für die Gestaltung von Publikationen der Pädagogischen <strong>Hochschule</strong><br />
<strong>Karlsruhe</strong> stehen eine Vielzahl von Farben zur Verfügung, die sich in<br />
Kombination mit der Hausfarbe besonders eignen.<br />
Bitte beachten:<br />
Farben sehen auf unterschiedlichen Bildschirmen niemals vollkommen gleich<br />
aus und können auch im Druckergebnis je nach verwendetem Ausgabegerät<br />
mehr oder weniger variieren. Es handelt sich daher nur um Annäherungswerte<br />
der definierten Originalfarben.
Anwendungsbeispiele<br />
Briefpapier<br />
Visitenkarte<br />
Einladung mit Antwortkarte<br />
Grußkarte<br />
Publikationen<br />
Broschüre/Flyer DIN lang<br />
Flyer<br />
Plakat<br />
Vorlage Powerpoint-Präsentation
Briefbogen<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 12<br />
Der Briefbogen der Pädagogischen<br />
<strong>Hochschule</strong> <strong>Karlsruhe</strong> entspricht den<br />
Anforderungen moderner Bürokommunikation.<br />
Er ist im DIN-A4-<br />
Format (210 x 297 mm) angelegt und<br />
steht auch in Form von Word-<br />
Dokumentvorlagen (farbig und<br />
schwarz-weiß) zur Verfügung.<br />
Download im Intranet:
Briefbogen –<br />
Vermaßung<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 13<br />
57,5 mm<br />
50 mm<br />
122,5 mm<br />
25 mm<br />
100 mm<br />
25 mm<br />
Der Briefbogens beinhaltet unveränderbare und veränderbare Bereiche:<br />
Unveränderbare Bereiche Veränderbare Bereiche (Inhalt veränderbar, Position nicht veränderbar)<br />
– Logo – Institutsbezeichnung<br />
– Absenderfeld – individuelle Daten<br />
– Fußzeile mit Infobereich
Visitenkarte<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 14<br />
Die Vorderseite mit dem Aufdruck des<br />
Logos wird im 2-Farbendruck (HKS<br />
67 und schwarz) produziert.<br />
Der individuelle Eindruck (Name,<br />
Institut, Telefon etc.) erfolgt durch die<br />
Hausdruckerei.
Einladung mit Antwortkarte<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 15<br />
Beispiel Einladungskarte DIN lang<br />
mit Antwortkarte; Druck: einfarbig<br />
Helvetica Light 18 pt<br />
Helvetica Light 18 pt<br />
Helvetica Medium 10 pt<br />
Helvetica Light 10 pt<br />
Helvetica Light 18 pt<br />
Helvetica Light 10 pt<br />
Helvetica Light 8 pt<br />
Helvetica Medium 10 pt<br />
Helvetica Light 10 pt<br />
Helvetica Light 8 pt
Grußkarte<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 16<br />
Beispiel Grußkarte DIN lang;<br />
Druck: vierfarbig<br />
Helvetica Light 18 pt<br />
Helvetica Light 10 pt<br />
Zeilenabstand 12 pt<br />
1 Leerzeile
Publikation DIN A4<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 17<br />
Beispiel für vierfarbige Titelseite und<br />
einfarbige Innenseiten einer DIN-A4-<br />
Publikation.
Publikation DIN A4 –<br />
Schriftauszeichnung<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 18<br />
3<br />
Die Titelseite ist unterteilt in drei<br />
Flächen, deren Höhen im Verhältnis<br />
8/3/5 stehen. Die Anordnung der<br />
Flächen kann flexibel gehandhabt<br />
werden.<br />
8<br />
5<br />
Helvetica Medium 21 pt<br />
Helvetica Medium 12 pt<br />
Zeilenabstand 14 pt<br />
Helvetica Light 10 pt<br />
Zeilenabstand 12 pt<br />
3<br />
5
Broschüre/Flyer DIN lang<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 19<br />
Beispiel für vierfarbige Titelseiten und<br />
Innenseiten von Broschüren und<br />
Flyern im Format DIN lang.<br />
Titelseiten sind ebenfalls unterteilt in<br />
drei Flächen, deren Höhen im Verhältnis<br />
8/3/5 stehen. Die Anordnung der<br />
Flächen kann flexibel gehandhabt<br />
werden.
Broschüre/Flyer DIN lang –<br />
Schriftauszeichnung<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 20<br />
Helvetica Medium 18 pt<br />
Helvetica Medium 12 pt<br />
Helvetica Light 10 pt<br />
Zeilenabstand 12 pt<br />
8<br />
3<br />
5
Plakat 1<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 21<br />
Plakate im DIN-Format (hoch)<br />
Plakate werden wie Broschüren- und<br />
Flyer-Titel unter Verwendung der<br />
8/5/3-Aufteilung gestaltet. Für die<br />
Gestaltung ergibt sich dadurch eine<br />
große Variationsvielfalt hinsichtlich der<br />
Verwendung von Textmenge und<br />
Bildern. Aufteilungen in zwei Flächen<br />
(11/5 bzw. 13/3) sind möglich (s.<br />
Beispiele nächste Seite).<br />
3<br />
8<br />
8<br />
3<br />
5<br />
5
Plakat 2<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 22<br />
Gestaltungsbeispiele für Plakate<br />
5<br />
5<br />
8<br />
8<br />
3<br />
3
Powerpoint-Präsentation 1<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 23<br />
Powerpoint-Präsentationen sollen unter Verwendung einer Standardfolie (Powerpoint-Master) erstellt<br />
werden. Es stehen zwei Vorlagen zur Verfügung:<br />
– mit Basislinie<br />
– ohne Basislinie.<br />
Das Logo ist immer in der rechten unteren Ecke platziert.<br />
Download im Intranet:
Powerpoint-Präsentation 2<br />
<strong>Leitfaden</strong> <strong>Corporate</strong> <strong>Design</strong> Pädagogische <strong>Hochschule</strong> <strong>Karlsruhe</strong> 24