21.05.2014 Aufrufe

Leitfaden Corporate Design - Pädagogische Hochschule Karlsruhe

Leitfaden Corporate Design - Pädagogische Hochschule Karlsruhe

Leitfaden Corporate Design - Pädagogische Hochschule Karlsruhe

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

<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

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!