Hochschule Düsseldorf
Transcription
Hochschule Düsseldorf
hsd Benutzerhandbuch — Corporate Design Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences inhalts verzeichnis 1 HSD Marken 1.1 Übersicht der Fachbereichsmarken 1.2 Größenverhältnisse der Marken 1.3 Marke PBSA 1.4 Externe Logos 1.5 Anordnung von Beischrift und Dachmarke 1.6 Anordnung von Beischrift, Dachmarke und Fachbereichsmarke 10 2Schriften 2.1 HSD Sans 2.2Hausschriften 2.3 Installation von Schriften 11 12 13 3HSD-Farben 14 4Visitenkarten 4.1Visitenkarten-Generator 4.2 Anleitung 18 19 5Gestaltungsvorlagen 5.1Briefbogen 5.2Plakate 5.3Aushäge 5.4Dokumentation 5.5 Beispiele Typografie 5.6 Schreibregeln Überschriften 20 22 23 24 26 28 6Präsentationsvorlagen 6.1 Power Point 6.1 Infografiken 6.2Tabellen 30 31 32 7 33 E-Mail Signatur 3 4 5 7 8 9 2 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences HSD Marken Die Markenarchitektur der Hochschule Düsseldorf definiert sich durch zwei Sorten von Marken – die Dachmarke HSD und die Fachbereichsmarken. Auf allen Kommunikationsmedien der Hochschule ist die Dachmarke deutlich und in der Hierarchie führend positioniert. Die Fachbereichsmarken finden ihre Verwendung bei allen Medien der betreffenden Fachbereiche, jedoch immer in Kombination mit der Dachmarke. Die Institute und Zentralen Einrichtungen tragen keine eigenständigen Marken, sondern werden aus dem Zeichensatz der HSD Sans geschrieben. Abkürzungen wie BIB, ZWEK, CIT sind erlaubt. Hochschule Düsseldorf University of Applied Sciences HSD Dachmarke Fachbereich Maschinenbau- und Verfahrenstechnik Faculty of Mechanical and Process Engineering Fachbereichsmarke Hochschulbibliothek University Library bib Zentrale Einrichtung, zusammengestellt aus dem Zeichensatz der HSD Sans 3 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Übersicht der Fachbereichsmarken Hier sind die korrekten Fachbereichsbezeichnungen in den Beischriften angegeben. Bitte beachten: Das HSD-Logo sollte soweit es möglich ist immer in Rot erscheinen. Allen anderen Logos oder Beischriften werden in Schwarz abgebildet. Hochschule Düsseldorf University of Applied Sciences HSD Peter Behrens School of Arts Fachbereich Architektur Faculty of Architecture A Fachbereich Elektround Informationstechnik Faculty of Electrical and Information Technology Fachbereich Sozial- und Kulturwissenschaften Faculty of Social Sciences and Cultural Studies Peter Behrens School of Arts Fachbereich Design Faculty of Design D Fachbereich Maschinenbau und Verfahrenstechnik Faculty of Mechanical and Process Engineering Fachbereich Wirtschaftswissenschaften Faculty of Business Studies Fachbereich Medien Faculty of Media 4 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 5 Größenverhältnisse der marken Als Richtwert für die Größe der Marke auf dem Format DIN A4 kann folgendes verwendet werden: Versionen 3 und 4 werden eingesetzt wenn die ersten zwei aus Platzgründen nicht benutzt werden können. Beischrift: 8/9,6 pt Marke: 60/60 pt Alle vier Version sind gleichberechtigt einsetzbar. Siehe Versionen1 und 2 Version 1 Beischrift: oben 8/9,6 pt Marke: unten 60/60 pt Hochschule Düsseldorf University of Applied Sciences Fachbereich Elektro- und Informationstechnik Faculty of Electrical and Information Technology HSD Zweizeilig Version 2 Beischrift: unten 8/9,6 pt Marke: oben 60/60 pt HSD Hochschule Düsseldorf University of Applied Sciences Fachbereich Elektro- und Informationstechnik Faculty of Electrical and Information Technology Hochschule Düsseldorf University of Applied Sciences Fachbereich Elektround Informationstechnik Faculty of Electrical and Information Technology Zweizeilig Version 3 Beischrift: oben stehend 10/12 pt Marke: unten 60/60 pt Schmale Spalte, bis zu vierzeilig Version 4 Marke: oben 60/60 pt Beischrift: unten hängend 10/12 pt Schmale Spalte, bis zu vierzeilig HSD HSD Hochschule Düsseldorf University of Applied Sciences Fachbereich Elektround Informationstechnik Faculty of Electrical and Information Technology Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Farbe In Kombination mit der Dachmarke gibt es folgende Farbmöglichkeiten: · HSD schwarz + FB schwarz (a) · HSD rot + FB schwarz (b, c, d) · HSD weiß + FB weiß (e) Bitte beachten: Die Dateien mit PANTONE und CMYK-Werten werden für den Druck, mit RGBWerten für den Web benutzt. Dateien Die Marken sind als Kombination aus Dachmarke und Fachbereichsmarke in vier verschiedenen Verhältnissen und Positionierungen abgespeichert, HSD_Marke_v1_ … zusätzlich in allen möglichen Farbkombinationen und Farbsystemen … HSD-rot_MV-schw_ … 6 sowie in den Dateiformaten. eps, jpg, png. … CMYK.jpg Die Fachbereichsmarken sind in den jeweiligen Fachbereichsschriften als Glyphe vorhanden. Sie sind durch den Unicode 0xe001 definiert. In HTML sind sie über  anwählbar. In Textverarbeitungsprogrammen können sie über die Zeichenpalette eingesetzt werden. In jeder Fachbereichsschrift ist auch das Akronym HSD (in der HSD Sans) auf einer Glyphe hinterlegt. Anmerkung Es wird zu Gunsten einer eindeutigen und starken Markenarchitektur keine Visualisierung der Verwaltungsstruktur der Hochschule mehr geben. Folglich gibt es auch kein extra Logo für das Präsidium, die Vizepräsidenten oder die jeweiligen Dekanate. Wenn diese Personen/Einrichtungen z.B. mittels eines Briefes kommunizieren, wird dies über die Marginalspalte oder eine weitere Beischrift gelöst. Mit der HSD Sans darf in der HSDLogozeile alles Mögliche geschrieben werden, dies gilt dann aber als Text und nicht als Marke und bedarf daher keiner Abkürzung. Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 7 Marke PBSA Eine Besonderheit stellt das Akronym PBSA (Peter Behrens School of Arts) dar. PBSA soll – unter Beibehaltung der Eigenständigkeit beider Fachbereiche – als gemeinsame Marke der Fachbereiche Architektur (A) und Design (D) etabliert werden. Die Marke PBSA wird immer zusammen mit der Dachmarke HSD verwendet, nur dann steht sie im Kontext. Sie steht niemals alleine. Sie steht immer an zweiter Position, d.h. nach/unter der Dachmarke. Die Kürzel A und D werden auf der Website und in Fällen, bei denen es eine klare Zuordnung zu einem Fachbereich braucht, verwendet. Ansonsten finden sie keine Anwendung, auch nicht auf dem Briefpapier, hier wird die Beischrift zur deutlichen Kennzeichnung des Fachbereichs/ des Dekanats in einer dritten Zeile „Fachbereich Architektur“, respektive „Design“ hinzugefügt. Die Marke PBSA wird immer von der Beischrift „Peter Behrens School of Arts“ begleitet. Sie kann durch die Fachbereichsnamen ergänzt werden, wobei sich folgende Möglichkeiten ergeben. Aufgrund der Länge und der internationalen Ausrichtung wird der englischen Bezeichnung der Vortritt gegeben. Dateien Es wurden sowohl PBSA-Logos als auch einzelne Logos für die Fachbereiche erstellt. Peter Behrens School of Arts Fachbereiche Architektur und Design Faculties of Architecture and Design Die Marke PBSA ist in den Schriften der Fachbereiche Architektur und Design als Glyphe vorhanden. Sie ist durch den Unicode 0xe001 definiert. In HTML ist sie über  anwählbar. In Textverarbeitungsprogrammen kann sie über die Zeichenpalette eingesetzt werden. Peter Behrens School of Arts Faculties of Architecture and Design Die Kürzel A und D sind aus dem Alphabet zu wählen. PBSA kann aber auch mit nur einen Fachbereich ergänzt werden. Dann wird in einer inhaltlichen Gruppe mit Arial Bold und Arial Regular die Zweisprachigkeit gegliedert. Peter Behrens School of Arts Fachbereich Architektur Faculty of Architecture Peter Behrens School of Arts Faculty of Architecture Peter Behrens School of Arts Fachbereich Architektur Peter Behrens School of Arts Fachbereich Design Faculty of Design Peter Behrens School of Arts Faculty of Design Peter Behrens School of Arts Fachbereich Design Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences externe logos Externe Logos z.B. von Partnern/ Sponsoren werden mittels zweier senkrechter Balken (das I der HSD Sans) ins Erscheinungsbild integriert. Wenn möglich werden die anderen Logos schwarz-weiß abgebildet. 8 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Anordnung von Beischrift und Dachmarke Die Dachmarke steht immer an allererster Markenposition, dies muss nicht zwingend links oben auf dem Format sein. Sie kann sich z.B. auch am unteren Rand orientieren. Für die Anordnung des Akronyms und der Beischrift gibt es also mindestens folgende Optionen: 9 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Anordnung von Beischrift, Dachmarke und Fachbereichsmarke Die Dachmarke steht immer an allererster Markenposition, gefolgt von der Fachbereichsmarke. Dies muss nicht zwingend links oben auf dem Format sein. Sie kann sich z.B. auch am unteren Rand orientieren. Die Fachbereichsmarke kann rechts neben oder unter der Dachmarke platziert werden. Für die Anordnung der Dachmarke, Fachbereichsmarke und ihren Beischriften gibt es also mindestens folgende Optionen: 10 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 11 HSD Sans Für die Hochschule Düsseldorf wurde eine eigene Schrift die HSD Sans gestaltet. Die Konstruktion der Schrift folgt einem modularem Prinzip. Die Basisformen (Gerade, liegende Gerade, Schräge, kleiner und großer Kreis) wurden in gleichgroße Elemente zerlegt. Mit diesen lassen sich unendlich viele Formen sowie ein komplettes Alphabet bauen. Die HSD Sans ist eine reine Display-Schrift, d.h. sie eignet sich nur für große Anwendungen und nicht für Fließtexte. Sie kann hervorragend für Überschriften und zur Auszeichnung verwendet werden. Durch ihren starken Wiedererkennungswert, vor allem durch charakteristische Buchstaben wie das S, wird die Marke Hochschule Düsseldorf, sobald Text damit geschrieben wird, gestärkt. HSD Sans Regular Diese ist für alle allgemeinen Mitteilungen der Hochschule einzusetzen. HSD Sans für Fachbereiche Für die Fachbereiche wiederum wurden eigene Schriftschnitte entwickelt. Diese haben dieselbe Grundkonstruktion, jedoch sind die einzelnen Module mit unterschiedlichen Objekten bestückt, somit ergibt sich ein jeweils anderer Charakter pro Fachbereichsschrift. Das Alphabet besteht allein aus Großbuchstaben. Die Tastaturbelegung für Großbuchstaben und Kleinbuchstaben ist identisch, darum kann normal geschrieben werden und es muss nicht auf Versalsatz umgestellt werden. Schrift einbetten Es ist sinnvoll, die Schrift in ein offenes Dokument einzubetten (z.B ein Word-Dokument, dass extern verschickt wird), damit andere Nutzer diese ebenfalls sehen und editieren können. Microsoft Office Word 2003: Klicken Sie im Menü Extras auf Optionen. Klicken Sie auf die Registerkarte Speichern. Aktivieren Sie das Kontrollkästchen TrueType-Schriftarten einbetten. Microsoft Office Word 2007: Klicken Sie auf die Microsoft Office-Schaltfläche. Klicken Sie auf Word-Optionen. Klicken Sie auf der Registerkarte Speichern das Kontrollkästchen Schriftarten in Datei einbetten. abcdefg hijklmno pqrstuv wxyz1234 567890;!? • │ ─╱╲○⚪ Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences hausschriften Als Hausschriften für Fließtexte sind zwei Systemschriften vorgesehen: Arial und Times New Roman. Diese sind standardmäßig auf allen Systemen verfügbar und gewährleisten dadurch eine Konsistenz. Für die meisten Anwendungen wird Arial Bold verwendet. Wenn Times New Roman und Arial in einem Medium verwendet werden, was durchaus erwünscht ist, ist darauf zu achten, dass bei Lesegrößen Times New Roman immer 1pt größer als Arial gesetzt wird. Der Zeilenabstand der Arial kann beibehalten werden. Arial Schriftgröße Lesetext Brief: 10/12 pt Schriftgröße Lesetext Web: 13/15 pt Satz linksbündig Auszeichnungen: Regular, Bold, Unterstrichen, Kursiv, Versalien, keine Farbe Design-Tipp Auch längere Texte können in Arial bold geschrieben werden, das sieht gut aus und geht einher mit der Prägnanz des Corporate Designs. Times New Roman Schriftgröße Lesetext Brief: 11/12 pt Schriftgröße Lesetext Web: 13/15 pt Satz linksbündig zentriert (bei Hervorhebungen) Auszeichnungen: Regular, Bold, Unterstrichen, Kursiv, Versalien, keine Farbe Design-Tipp Zentrierter Satz, stellvertretend für klassische Typografie, kann wissenschaftliche Abhandlungen abwechslungsreich auszeichnen. In Maßen zu verwenden, nicht für lange Texte geeignet. Arial Regular AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? Arial Regular AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? Times New Roman Regular AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? Times New Roman Bold AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPp QqRrSsTtUuVvWwXx YyZz1234567890!? 12 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 13 installation von Schriftarten Die Installation von Schriftarten ist je nach dem Betriebssystemen unterschiedlich. Gemeinsam haben alle, dass zunächst die Datei mit der Schriftart von der Seite heruntergeladen werden muss. Sie erhalten dann an ihrem Speicherort eine ZIP-Datei, die sie mit einem Doppelklick entpacken können. In dem entpackten Ordner befinden sich *.ttf-Dateien. Sie enthalten die Schriftarten und müssen ins Betriebssystem integriert werden um sie zum Beispiel in Word verwenden zu können. Schriften unter Windows 7 hinzufügen – Speichern Sie die ZIP-Datei, in der die Schriften zusammengefasst worden sind, auf Ihrem Computer. Am besten eignet sich dafür der Desktop. – Nachdem Sie die ZIP-Datei entpackt haben, finden Sie einen neuen Ordner mit der Bezeichnung „HSD Sans 1.0“. In diesem Ordner finden Sie die Schriftartdateien vor. –M arkieren Sie die insgesamt acht Schriftartdateien und klicken auf die markierten Dateien mit der rechten Maustaste. –K licken Sie im Kontextmenü auf „Installieren“. Die ausgewählten Schriftarten werden nun installiert und stehen Ihnen im Anschluss in allen Programmen zur Verfügung (siehe Abb). Gehen sie dann je nach Betriebssystem unterschiedlich vor, um eine Schrift zu installieren: Schriften unter Mac hinzufügen – Öffnen Sie den Ordner und suchen Sie die *.ttf-Datei. Es ist die, die mit einem Schriftarten-Symbol gekennzeichnet ist. –D oppelklicken auf die Datei. Ein Vorschaufenster öffnet sich. –K licken Sie auf Installieren. –D ie Datei ist anschließend in allen Programmen vorhanden und kann dort benutzt werden. Dateien: Schriften HSD Sans Architektur Design Elektro Maschinenbau Medien Regular SoKult Wirtschaft Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 14 HSd Farben Hausfarbe Die Hausfarbe für die Verwaltung und alle übergeordneten Hochschulangelegenheiten ist Rot. Farben für Fachbereichsgruppen Zusätzlich sind drei weitere Farben festgelegt, welche die Fachbereiche thematisch gruppieren: Gestaltung – Gelb Technik – Blau Geisteswissenschaften – Grün. Rot Die Farbe ist je nach Produktionsmethode mit folgenden Werten genormt: PANTONE 185 CMYK 0 100 80 0 RGB 230 0 40 (#e60028) Farbe in den Printmedien Farbe als Stilmittel übernimmt in den Printmedien eine unterstützende Rolle ein, denn die Unterscheidung zwischen den Fachbereichen wird bereits deutlich durch die unterschiedlichen Fachbereichsschnitte garantiert. Es gibt also keine Notwendigkeit, die Fachbereiche zusätzlich mit Farbe zu unterscheiden. Als Schmuckfarben jedoch dürfen die drei Farben eingesetzt werden. Keine extra Farbe pro Fachbereich In den Printmedien gibt es keine einzelne Farbe pro Fachbereich, da dies das Konzept der Fachbereichsschnitte schwächt. Zudem kann hier wegen der verschiedenen Produktionsmethoden kein genormter Farbton garantiert werden, somit würden die Farbabstufungen mehr Verwirrung als Eindeutigkeit stiften. Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Gelb Gelb fasst die gestalterischen Fachbereiche zusammen: · Architektur · Design Gelb wird nie an erster Stelle verwendet um einen Fachbereich zu kennzeichnen, die Fachbereichsschrift ist immer dominant, die Farbe kann zusätzlich als Auszeichnung verwendet werden. Es gibt nur einen Gelbton, es gibt keine Varianten für die einzelnen Fachbereiche. Es sind keine Abstufungen/ Rasterwerte von gelb vorgesehen. Auf eine gelbe Hintergrundfläche dürfen Texte in der Farbe schwarz gesetzt werden. Die Farbe gelb eignet sich nicht als Textfarbe. PANTONE 101 CMYK 0 0 90 0 RGB 255 235 0 (#ffeb00) Die Farbe ist je nach Produktionsmethode mit folgenden Werten genormt: 15 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Blau Blau fasst die technischen Fachbereiche zusammen: · Elektro- und Informationstechnik · Maschinenbau und Verfahrenstechnik · Medien Blau wird nie an erster Stelle verwendet um einen Fachbereich zu kenn- zeichnen, die Fachbereichsschrift ist immer dominant, die Farbe kann zusätzlich als Auszeichnung verwendet werden. Es gibt nur einen Blauton, es gibt keine Varianten für die einzelnen Fachbereiche. Es sind keine Abstufungen/Rasterwerte von blau vorgesehen. Es ist nicht vorgesehen in dieser Farbe Texte zu schreiben, eine Ausnahme stellen Auszeichnungstexte dar. 16 Dieser Farbton ist zu dunkel um ihn als Hintergrundfläche zu verwenden. Die Farbe ist je nach Produktionsmethode mit folgenden Werten genormt: PANTONE 638 CMYK 85 0 10 0 RGB 0 175 215 (#00afd7) Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Grün Grün fasst die geisteswissenschaftlichen Fachbereiche zusammen: · Sozial- und Kulturwissenschaften · Wirtschaftswissenschaften Grün wird nie an erster Stelle verwendet um einen Fachbereich zu kenn- zeichnen, die Fachbereichsschrift ist immer dominant, die Farbe kann zusätzlich als Auszeichnung verwendet werden. Es gibt nur einen Grünton, es gibt keine Varianten für die einzelnen Fachbereiche. Es sind keine Abstufungen/ Rasterwerte von rot vorgesehen. Es ist nicht vorgesehen in dieser Farbe Texte zu schreiben, eine Ausnahme stellen Auszeichnungstexte dar. 17 Dieser Farbton ist zu dunkel um ihn als Hintergrundfläche zu verwenden. Die Farbe ist je nach Produktionsmethode mit folgenden Werten genormt: PANTONE 360 CMYK 60 0 95 0 RGB 100 180 50 (#64b432) Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences visitenkarten generator Visitenkarten gehören zu den Medien, die das neue Corporate Design am stärksten nach außen transportieren. Der professionelle Gesamteindruck ist von einem einheitlichen Erscheinungsbild abhängig. Der Visitenkarten-Generator bietet allen Mitarbeiterinnen und Mitarbeitern eine komfortable und einfache Möglichkeit, die eigene Visitenkarte zu erstellen. Die mit dem Generator erzeugten Karten sind druckfertig und entsprechen dem Corporate Design. 18 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 19 anleitung visitenkarten generator Füllen Sie nach dem Öffnen die markierten Felder aus, die für Sie relevant sind. Bei den meisten Feldern erscheint automatisch ein graues Kästchen, in dem Sie konkrete Hilfestellung zu dem aktiven Feld erhalten. Haben Sie bitte immer im Hinterkopf, dass eine Visitenkarte nur einen begrenzten Raum für Informationen bietet. Besonders wenn Sie mehr als eine Funktion an der HSD wahrnehmen oder in verschiedenen Organisationseinheiten tätig sind, sollten Sie zwei oder mehr Visitenkarten erstellen, die professionell wirken und Ihre Informationen prägnant und klar transportieren. Nachdem Sie alle Angaben gemacht haben, klicken Sie auf die Schaltfläche „Abschluss“. Es öffnet sich ein abschließendes Hinweistextfeld, das Sie durch die letzten Schritte der Visitenkartenerstellung leitet. Im Bereich „Visitenkartenvorschau“ sehen Sie links die Vorderseite, rechts die Rückseite Ihrer Visitenkarte. Nachdem Sie alle Angaben gemacht haben, sollten Sie in der rechten Seite der Visitenkartenvorschau überprüfen, ob alle Eintragungen korrekt wiedergegeben werden. Außerdem haben Sie die Möglichkeit, „kosmetische“ Korrekturen vorzunehmen, wie etwa unschöne Worttrennungen zu beseitigen. Achten Sie auf die Textmenge! Zu viel Text wird nicht korrekt angezeigt und macht die Visitenkarte unbrauchbar. Wenn Sie mit dem Ergebnis in der Vorschau zufrieden sind, klicken Sie abschließend auf die Schaltfläche „Per E-Mail senden“. Es öffnet sich eine E-Mail, an die automatisch die fertige Visitenkartenvorlage angehängt wird. Als Empfänger wird standardmäßig das Team der Druckerei des Fachbereichs Design eingetragen. Geben Sie in der E-Mail bitte unbedingt an, wieviele Exemplare Sie von der Visitenkarte bestellen möchten. Achtung: Bitte haben Sie Verständnis dafür, dass eingehende Visitenkarten keiner zentralen Qualitätskontrolle unterzogen werden können. Für die inhaltliche und orthographische Richtigkeit Ihrer Angaben kann niemand anderes die Verantwortung übernehmen. Aus diesem Grund ist es wichtig, dass Sie ggf. mit Ihrer/Ihrem Vorgesetzten sprechen, bevor Sie eine Visitenkarte in Auftrag geben. In der E-Mail an die Druckerei ist außerdem die/der Vorgesetzte immer als Empfänger in CC zu setzen. Im Übrigen gehen wir davon aus, dass innerhalb von Organisationseinheiten eigene Absprachen und Abläufe getroffen werden. Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 20 briefbogen Es bestehen zwei verschiedene Grundlayouts für Briefe, die beide im Umlauf sein sollen. Die in den Briefbögen eingesetzten Blindtexte erhalten die festgelegte Formatierung. An diese sollte man sich halten. Die rechte Marginalspalte ist in der Formatierung und Breite bereits vordefiniert und darf nicht verändert werden. Anmerkung Es wird zu Gunsten einer eindeutigen und starken Markenarchitektur keine Visualisierung der Verwaltungsstruktur der Hochschule mehr geben. Folglich gibt es auch kein extra Logo für das Präsidium, die Vizepräsidenten oder die jeweiligen Dekanate. Wenn diese Personen/Einrichtungen z.B. mittels eines Briefes kommunizieren, wird dies über die Marginalspalte oder eine weitere Beischrift gelöst. Mit der HSD Sans darf in der HSDLogozeile alles Mögliche geschrieben werden, dies gilt dann aber als Text und nicht als Marke und bedarf daher keiner Abkürzung. Schrift Fließtext: Arial 10pt, regular Schrift Marginalspalte: Arial 8pt, fett Adressfeld: Absender: Arial, 7pt, regular Adressfeld: Empfänger: Arial, 10pt regular Absatz Fließtext: Zeilenabstand: Genau 12pt Version 1: Dies ist der Standard-Briefbogen, der für alle Anlässe verwendet werden kann. Links oben befindet sich die Dachmarke in rot, rechts daneben die Fachbereichsmarke in schwarz. Dateien: Vorformatierte Word-Dateien (.docx) für alle Fachbereiche, Institute, Zentrale Einrichtungen und Verwaltung. Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Version 2 Dieser Briefbogen mit den größeren Marken dient eher werblichen Zwecken, also weniger streng formalen Angelegenheiten. Die Dachmarke steht links oben, die Fachbereichsmarke ggf. links unten in gleicher Größe. Die Beischriften stehen in der Marginalspalte an oberster Stelle. Dateien: Vorformatierte Word-Dateien (.docx) für alle Fachbereiche und Institute. 21 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Plakate Die Bandbreite der möglichen Plakatentwürfe ist nahezu unendlich. Alles ist im Rahmen der beschriebenen Spielregeln möglich! Anleitung – Das Standard-Layout gliedert sich in vier Spalten. Diese kleinste Einheit kann mit dem Marginaltext befüllt werden. Dabei muss nicht jede Spalte befüllt werden. der Orthografie umbrochen werden. Auf Trennstriche soll hier sogar verzichtet werden. Dieser prägnante Umgang mit Text wird allein auf der obersten Ebene gehandhabt, in den kleineren Texthierarchien kann der vollständige Inhalt, wenn notwendig, wiederholt werden. – Das HSD-Logo steht immer an erster Stelle, ev. gefolgt von einer Fachbereichsmarke und/oder anderen Marken. Also links/rechts oder oben/ unten. Das HSD-Logo muss dabei aber nicht zwingend oben links auf dem Plakat stehen. – Eine plakative Wirkung geht vor, d.h. prägnante Inhalte sollen hervorgehoben werden. Das kann ein einzelnes Wort sein, oder mehrere kurze, unzusammenhängende Worte. Ein solches Schlagwort muss nicht nach strengen Regeln Die Standard-Templates sind für Plakate in drei Größen angelegt: HSD_Plakat_A0.indd HSD_Plakat_A1.indd HSD_Plakat_A2.indd HSD_Plakate Beispiele.pdf 22 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 23 Aushänge HSD allgemein PBSA PBSA Um an Pinnwänden eine bessere Orientierung über die vielfältigen Angebote zu bieten, gibt es acht verschiedene Layouts, die mit verschiedenen Inhalten bedruckt werden können. Das Grundlayout ist vierspaltig, es können Texte, Bilder, Logos und Headlines hinzugefügt werden. Die Größe der Headline ist immer von der längsten Zeile abhängig. Die Standard-Templates sind für Aushänge in zwei Größen angelegt: HSD_Aushänge_DIN_A3.indd HSD_Aushänge_DIN_A4.indd HSD_Aushänge_Beispiele.pdf Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences dokumentation In einer Hochschule besteht viel Publikationsbedarf. Diese Vorlage kann für Anträge, wissenschaftliche Arbeiten, Protokolle etc. dienen. Datei Vorformatierte Word-Dateien (.docx) für alle Fachbereiche und Verwaltung. 24 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences dokumentation 25 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences beispiele typografie Es soll nach dem „Prinzip der einheitlichen Schriftgrößen“ gestaltet werden, d.h. es sollen sich möglichst viele Parameter wiederholen. Hier wird in der Schriftgröße der Beischrift auch anderer Marginalspaltentext geschrieben, in der Schriftgröße des Akronyms wird der Titel geschrieben. Dieses Gleichmaß erzeugt Ruhe und Übersichtlichkeit, um etwas deutlich hervorzuheben, kann mit großen Kontrasten gearbeitet werden. Ein kurzes Schlagwort, welches neugierig macht, kann hier also durchaus in 250pt dazugestellt werden. 26 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences beispiele typografie Die Displayschrift HSD Sans wirkt richtig, wenn sie kompakt gesetzt wird. Es bietet sich daher an, sie kompress zu setzen, d.h. bei einer Schriftgröße von 60pt auch einen Zeilenabstand von 60pt zu verwenden. Den Zeilenabstand kann man in jedem Layout- als auch in Textverarbeitungsprogramm justieren. Der automatische Zeilenabstand von meist 120% ist hier viel zu weit, dann wirken die Worte lose und unzusammenhängend. 27 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 28 Schreibregeln Überschriften Kurze Wörter Die Schrift HSD Sans ist eine Displayschrift, d.h. sie eignet sich besser für kurze, prägnante Wörter als für lange Texte. Hierauf ist beim Aufbereiten der Information zu achten. Titel sollten lieber kurz auf das Wesentliche fokussieren und in ihrer Langform an untergeordneter Stelle ggf. wiederholt und ergänzt werden. Trennungen Auf dieser plakativen Ebene darf frei mit dem Text umgegangen werden, auf orthographisch korrekte Umbrüche ist zu Gunsten einer ansprechenden und spannenden Gestaltung nicht unbedingt zu achten. D.h. es muss nicht nach Silben getrennt werden, Trennstriche dürfen vernachlässigt werden. Diese würden in der Größe auch eher als störend empfunden werden. Wohl ist darauf zu achten, dass sich das Wort gut erschließen lässt. Wenn möglich, ist dabei auf eine schöne Flatterkante zu achten. Hervorhebung Wenn für einen Fachbereich publiziert wird, muss nicht unbedingt der ganze Display-Text in der jeweiligen Fachbereichsschrift geschrieben werden. HSD Sans Regular und die Fachbereichsschriften dürfen durchaus gemischt werden, daduch kann man einfach Akzente setzen. Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Schreibregeln Überschriften Größen Die HSD Sans sollte eine gewisse Schriftgröße nicht unterschreiten, da sie für zu kleine Anwendungen nicht mehr geeignet ist. Als Richtwert für den kleinsten Text in HSD Sans Regular kann 20pt angenommen werden. Die Fachbereichsschriften sollten nicht kleiner als 40pt eingesetzt werden. Hier kann kombiniert und strukturiert werden: Die Headline in der Fachbereichsschrift und zusätzliche, kleinere Information in der HSD Sans Regular. Die Kür Die HSD Sans darf gestürzt, Buchstabe unter Buchstabe, in verschiedenen Größen pro Buchstabe oder in gedrehten Einzelbuchstaben geschrieben werden, sofern die Aussage noch begriffen wird. Da daraus schnell mehr Illustration als lesbarer Text wird, muss an anderer Stelle der Text konventionell von links nach rechts in Arial oder HSD Sans wiederholt gesetzt werden. Auch Sperren ist erlaubt, jedoch sollte dies eher als Auszeichnung genutzt werden. Nichts ist verboten. Nur von Effekten (z.B. Schatten, 3D-Effekte) ist Abstand zu nehmen. 29 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences Präsentationsvorlagen Wir stellen Ihnen eine Vorlage zur Verfügung, die Sie für die Erstellung eigener Präsentationen nutzen können. Effekte sind zu vermeiden. Als Farbe ist nur schwarz und rot zu verwenden. Am Ende kann mit einer einfachen Animation abgeschlossen werden. Datei: HSD_Presentation_Vorlage_4x3.pptx HSD_Presentation_Vorlage_16x9.pptx 30 Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 31 Infografiken Es ist eine klare und eindeutige Darstellungsform zu wählen, Kreis- und Balken-/Stabdiagramme bieten sich gut an. Es ist auf eine „luftige“ Gestaltung zu achten. Die Grafik darf Raum einnehmen und die Beschriftung muss nicht allzu dicht daran sitzen. Eine Legende muss zwingend angeboten werden. Bei den Diagrammen ist auf folgendes zu achten: Auf Schatten und 3D-Effekte ist zu verzichten. Die unterschiedlichen Bereiche werden mittels einer Farbfläche und einer Schraffur kenntlich gemacht. Infografik-Farbpalette Da die Corporate Design-Farben den Fachbereichsgruppen bzw. die Abstufungen den Fachbereichen zugewiesen sind, können die Farben nicht inhaltlich anders belegt werden. Außerdem würden sie der Komplexität von Infografiken nicht Rechnung tragen können. Daher wurde das System der Leitfarben durch Abstufungen nach hell und dunkel erweitert. Es gibt keine zwingende inhaltliche Zuweisung. Aus der Palette darf sich ausschließlich für Infografiken frei bedient werden. Anmerkung: In der bereitgestellten Vorlage sind bereits die Farben und Schraffuren vordefiniert. Datei: HSD_Infografiken_Vorlage.pptx Neue Designvorlage für alle Präsentationen verwenden: Öffnen Sie diese Vorlage. Gehen Sie nun auf die Registerkarte Designs und rechts neben den kleinen Folienvorschaubildern auf das Menü aktuelles Design speichern. Es erscheint ein Dialogfeld, in dem Sie nur (!) den Dateinamen eingeben und auf Speichern klicken. Sie haben Ihre Vorlage nun als Office-Design-Datei (*.thmx) in dem dafür vorgesehenen Ordner abgelegt. Die Folge ist, dass Ihre Vorlage in die Foliendesign-Sammlung aufgenommen wird, auf die Sie über die Registerkarte Entwurf zugreifen können. Um Ihrer alten Präsentation das neue Design überzustülpen, öffnen Sie besagte Präsentation und wählen dann einfach auf der Registerkarte Entwurf bei den Foliendesigns Ihr neues Design aus. Bei einem Rechtsklick auf die kleine Vorschaufolie öffnet sich ein Menü, das Ihnen ermöglicht, das Design nur auf die aktuelle Folie oder alle Folien der Präsentation anzuwenden. Möchten Sie künftig sofort mit der neuen Vorlage starten, ohne das Design extra auswählen zu müssen, klicken Sie in dem gleichen Menü auf Als Standarddesign festlegen. Nun starten Sie immer automatisch mit dem Design, wenn Sie eine neue Datei öffnen. Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 32 Tabellen In Tabellen werden zwei Linienstärken zur Gliederung verwendet (0,3pt und 1pt). Die dickere Linie gruppiert Inhalte. Am linken und rechten Rand wird eine Tabelle nicht mittels vertikaler Linien gerahmt, hier sind die Zellen nach außen offen. Inhalte in den Zellen sind entweder linksbündig, zentriert oder nach Interpunktion ausgerichtet. Sollte diese Differenzierung in der verwendeten Software nicht möglich sein, ist eine einheitliche Linienstärke zu wählen. Tab. 1 Organisation der Hochschulverwaltung (Organigramm) Präsidium Vizepräsident für Lehre Studium und Internationales Vizepräsidentin für Wirtschaftsund Personalverwaltung Vizepräsident für Forschung und Transfer Präsidentin Vizepräsident für Alumni management, Fundraising und Weiterbildung Dezernat 5 Forschung und Transfer Dezernat 6 Kommunikation und Marketing Stabsstelle 02 Alumnimanagement, Fundraising und Weiterbildung Dezernat 1 Studium und Lehre Dezernat 2 Finanzen, Planung und Organisation Dezernat 3 Personal und Recht Dezernat 4 Gebäude management Team 1.1 Studierendensupport Team 2.1 Finanzen Team 3.1 Recht und Gremien Team 4.1 Arbeitssicherheit und Umweltschutz Team 6.1 Kommunikation Team 1.2 International Office Team 2.2 Budgetierung und Controlling Team 3.2 Personal gewinnung und -entwicklung Team 4.2 Hausservice Team 6.2 Marketing Team 1.3 Zentrale Studienberatung Team 2.3 Organisation und Einkauf Team 3.3 Personalservice Team 4.3 Betriebstechnik Stabsstelle 01 Innovation und Strategie Team 1.4 Lehre – Support und Organisation Team 2.4 Hochchulplanung Team 4.4 Bauplanung Tab. 2 Übersicht der Fachbereiche/ Lehr- und Forschungsbereiche F-Kürzel FACHBEREICH Lehr- und Forschungsbereich A Architektur Architektur D Design Gestaltung EI Elektro- und Informationstechnik Elektrotechnik MV Maschinenbau und Verfahrenstechnik Maschinenbau und Verfahrenstechnik M Medien Medien SK Sozial- ud Kulturwissenschaften Sozialwesen W Wirtschaftwissenschaften Wirtschaftwissenschaften Benutzerhandbuch — Version 2.0 April 2015 Corporate Design Hochschule Düsseldorf University of Applied Sciences 33 E-Mail-Signatur Typografie Arial Bold/Regular 12pt (für MAC-Nutzer) Arial Bold/Regular 10pt (für PC-Nutzer) Linie: bestehend aus Geviertstrichen ohne Abstand zueinander (alt shift -) grau: RGB 190 190 190 Marken: als png laden Der E-Mail-Text wird in Arial Regular geschrieben. Erstellen einer Signatur – Öffnen Sie eine neue Nachricht. Klicken Sie auf der Registerkarte Nachricht in der Gruppe Einschließen auf Signatur, und klicken Sie dann auf Signaturen. – Befehl ‚Signaturen‘ im Menüband. – Klicken Sie auf der Registerkarte E-Mail-Signatur auf Neu. Dateien: Textdateien mit vorformatierten Texten Banner als png-Dateien – Geben Sie einen Namen für die Signatur ein, und klicken Sie auf OK. – Geben Sie im Feld Signatur bearbeiten den Text ein, der in die Signatur eingeschlossen werden soll. Sie können diesen aus der Textdatei kopieren, die Formatierungen werden beibehalten. – Wählen Sie zum Formatieren des Texts den gewünschten Text aus, und verwenden Sie zum Auswählen der gewünschten Optionen die Schaltflächen für Formatierung und Stil. – Zum Hinzufügen des entsprechenden Banners klicken Sie auf die Stelle, an der das gewünschte Element eingefügt werden soll, und führen Sie dann folgenden Schritt aus: – Klicken Sie auf ‚Grafik einfügen‘Symbol und navigieren Sie zu dem Bild. Klicken Sie auf das Bild, um es auszuwählen, und klicken Sie anschließend auf OK. E-Mail Signatur für Web-App: Signaturen müssen in Outlook Web App gesondert angelegt werden. Wechseln Sie in OWA auf Einstellungen und E-Mail. Dort finden Sie das Feld, in dem Sie die Signatur einfügen können. Sie können Ihre vorhandene Signatur in dieses Feld einfügen. Erfahrungsgemäß kommt es dabei immer wieder zu der Fehlermeldung beim Speichern der Seite, dass der Text zu lang sei. Das liegt meist weniger an der tatsächlichen Anzahl der Zeichen sondern an Formatierungs-Tags, die beim Kopieren mit übertragen werden. Um sich dieser zu entledigen und trotzdem die wichtigen Formate zu behalten, kopieren Sie die Signatur in ein neues Word-Dokument und speichern Sie die Datei als Webseite gefiltert (html) ab. Öffnen Sie die Signatur in einem Browser und kopieren Sie die Signatur nun in das Feld in OWA. Der Fehlermeldung der Länge sollte nun nicht mehr erscheinen. Impressum Herausgeber: Hochschule Düsseldorf Gestaltung: Dipl-Des. Elisabeth Stein Projektleitung: Prof. Dr. Horst Peters Datum: 15.05.2015