14
Corporate Design > CD Weiterentwicklungen bis 2016 Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 1 Inhalte 2016 Neue PowerPoint-Templates und Corporate Presenter Tutorial Neue Markenarchitektur Neu: Die Logobox für Printmedien 2015 07/2015 – Individuelle Logogröße für Websites 05/2015 – Erweiterung der DB Icons 02/2015 – Flinkster Carsharing 2014 11/2014 – CD Tutorials, Website Prinzipien 10/2014 – Website Prinzipien 09/2014 – Transparenzen 06/2014 – Corporate Sound 04/2014 – CD Tutorials, eBroschüren 03/2014 – Templates Printmedien, Vorlagen DB Museum 02/2014 – Bus- und S-Bahn-Signet, Elektronische Medien CD-Entwicklung 2013/2014 Die Logobox Vereinfachung in der Farbsystematik Mehr Gestaltungsspielraum bei Broschüren Unser Corporate Design entwickelt sich permanent weiter – z.B. um mehr Gestaltungsmöglichkeiten zu schaffen, Regeln zu vereinfachen oder Veränderungen in der Medien- und Kommunikationswelt zu berücksichtigen. Der Kern und die jahrelange Stringenz im Erscheinungsbild unseres Konzerns bleibt dabei eingehalten. Hier geben wir Ihnen einen kurzen Überblick über die bisherigen Entwicklungen in unserem Corporate Design. 2016 Neue PowerPoint-Templates und Corporate Presenter Tutorial Allen DB-Mitarbeitern, die keinen Zugang zum BKU-System haben, stehen ab sofort neue PowerPoint-Templates zum Download zur Verfügung. Corporate Presenter Tutorial – PPT Präsentation zum Download: Überblick über die Weiterentwicklungen und Hinweise zur Nutzung des Corporate Presenter.

Corporate Design > CD Weiterentwicklungen bis 2016 · Corporate Design > CD Weiterentwicklungen bis 2016 Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017

Embed Size (px)

Citation preview

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 1

Inhalte

2016

Neue PowerPoint-Templates und CorporatePresenter Tutorial

Neue Markenarchitektur

Neu: Die Logobox für Printmedien

2015

07/2015 – Individuelle Logogröße fürWebsites

05/2015 – Erweiterung der DB Icons

02/2015 – Flinkster Carsharing

2014

11/2014 – CD Tutorials, Website Prinzipien

10/2014 – Website Prinzipien

09/2014 – Transparenzen

06/2014 – Corporate Sound

04/2014 – CD Tutorials, eBroschüren

03/2014 – Templates Printmedien, VorlagenDB Museum

02/2014 – Bus- und S-Bahn-Signet,Elektronische Medien

CD-Entwicklung 2013/2014

Die Logobox

Vereinfachung in der Farbsystematik

Mehr Gestaltungsspielraum bei Broschüren

Unser Corporate Design entwickelt sich permanent weiter – z.B. um mehrGestaltungsmöglichkeiten zu schaffen, Regeln zu vereinfachen oderVeränderungen in der Medien- und Kommunikationswelt zu berücksichtigen.Der Kern und die jahrelange Stringenz im Erscheinungsbild unseres Konzernsbleibt dabei eingehalten. Hier geben wir Ihnen einen kurzen Überblick überdie bisherigen Entwicklungen in unserem Corporate Design.

2016

Neue PowerPoint-Templates und Corporate Presenter Tutorial

Allen DB-Mitarbeitern, die keinen Zugang zum BKU-Systemhaben, stehen ab sofort neue PowerPoint-Templates zumDownload zur Verfügung.

Corporate Presenter Tutorial – PPT Präsentation zumDownload: Überblick über die Weiterentwicklungen undHinweise zur Nutzung des Corporate Presenter.

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 2

Neue Markenarchitektur

Die neue Markenarchitektur stellt die starke Marke „DB“ in den Mittelpunkt.Der nationale und grenzüberschreitende Personenverkehr, der Schienen-güterverkehr und der Konzern kommunizieren ab sofort unter dieser Marke.

Die Geschäftsfeldmarke „DB Bahn“ und der zugehörige Claim, sowie der Claim desKonzerns kommen nicht mehr zum Einsatz. DB Netze und DB Schenkerverwenden ihre Claims wie bisher.

Auf Printmedien wird die Marke DB im Logostreifen rechts mit einem Abstand voneiner Bildmarkenbreite (DBx) platziert. Bei elektronischen Medien steht sieunverändert links. Für extreme Hoch- und Querformate und für alle anderenGeschäftsfeldmarken gelten die gleichen Platzierungsregeln wie bisher.

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 3

Neu: Die Logobox für Printmedien

Die Logobox kann ab sofort auch auf Printmedienverwendet werden.

Sie wird am linken oder rechten Formatrand variabel in deroberen Hälfte des Formates platziert. Der Mindestabstandzum oberen Formatrand beträgt drei Viertel derBildmarkenbreite DBx.

Auf Broschürentiteln steht die Logobox immer an dergleichen Position oben rechts mit einem Abstand vondrei Viertel DBx.

Die Größe der Logobox wird entsprechend den Regeln desLiquid-Rastersystems gewählt, d. h. die DB-Bildmarke stehtin einem festen Größenverhältnis zum Format.

Die Logobox wird als Datei zum Download zur Verfügunggestellt. Ihre Proportionen dürfen nicht verändert werden.Die Logobox hat einen Schlagschatten. Dieser darf, wenntechnisch nicht realisierbar, entfallen.

Hier finden Sie die verbindlichen Vorlagen der Logoboxzum Download: Logobox-Vorlagen, DB Stiftung

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 4

2015

07/2015 – Individuelle Logogröße für Websites

Neue CD-Vorgabe: Die Größe des Markenlogos kann jetztspezifisch festgelegt und damit optimal an dieAnforderungen einer Website angepasst werden.

Für Desktop-Anwendungen empfehlen wir als Standardeine Bildmarkenbreite (DBx) von minimal 42 px undmaximal 54 px. Für kleinere Displays (z.B. bei Smartphones)wird die Logogröße entsprechend angepasst, um einevergleichbare Wirkung wie auf Desktop-Bildschirmen zuerzielen.

Damit Elemente wie Markierungen, Menüpunkte oder Iconsoptisch stimmig zum Logo platziert werden können, wird dasLogo im Logostreifen jetzt vertikal zentriert angeordnet (1).

Um die Inhalte einer Website noch besser zur Geltung zubringen, kann die Höhe der Farbfläche (ohne DB Winkel) aufminimal 1/3 DBx reduziert werden (2).

Mehr zu den neuen CD-Vorgaben erfahren Sie hier:

Website Prinzipien

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 5

05/2015 – Erweiterung der DB Icons

Neu: Die DB Standard Web Iconswurden um weitere Icons ergänzt.

Für die Gestaltung unserer Medienstehen ab sofort die exklusiv für die DBentwickelten DB Icons zur Verfügung.Die Icons sind mit einheitlicherFormensprache nach einem neuenSystem aufgebaut.

Für den Einsatz der Icons ist einSortiment an Gestaltungsmöglichkeitenvorgegeben – je nach Bedarf könnenVarianten mit Konturen, Farben,Helligkeitsverläufen und Schlagschattenzum Einsatz kommen.

Die Icons sind für die Wiedergabe aufDisplays und Bildschirmen optimiert.Vorlagen stehen als SVG- und PNG-Datei lizenz- und kostenfrei zumDownload zur Verfügung.

DB Icons

02/2015 – Flinkster Carsharing

Neu: Vorgaben zur Kennzeichnungder Flinkster Carsharing Fahrzeugeund Stationen, Styleguide fürKooperationspartner

Der Auftritt der Fahrzeuge undStationen des Carsharing Angebotesvon DB Rent wurde überarbeitet. Eineaktualisierte Branding-Systematik füralle Fahrzeugklassen sowie Vorgabenzur Ausstattung von Flinkster-Stationenan Bahnhöfen finden Sie unter FlinksterCarsharing.Informationen zum Branding fürKooperationspartner finden Sie unterKooperationspartner.

veröffentlicht: 22.02.2015

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 1

2014

11/2014 – CD Tutorials, Website Prinzipien

Weitere Inhalte für Website Prinzipien

Die Richtlinien für die Gestaltung von Websites werdenweiterentwickelt. Neben den Regeln zum Header einerWebsite finden Sie jetzt auch Vorgaben zur Typografie, zumEinsatz von Farben und zum Footer.Der Abschnitt Fullscreen Background Prinzipienveranschaulicht, wie der Browserhintergrund in dieGestaltung der Website einbezogen werden kann.

CD Tutorials für Elektronische Medien und eBroschüren

Der gemeinsame Gestaltungsrahmen für die verschiedenenFormen der elektronischen Medien wird in dem CD TutorialElektronische Medien anschaulich erläutert.Das CD Tutorial eBroschüren zeigt, wie dieses Mediumerstellt und gestaltet wird, welche Inhalte vorgegeben sindund welchen Zusatznutzen es bietet.

10/2014 – Website Prinzipien

Neu: Website Prinzipien – Aufbau des Header

Um den einheitlichen Auftritt unserer Marken auch imInternet zu gewährleisten, werden die Richtlinien für dieGestaltung von Websites weiterentwickelt. Festgelegt sinddie Regeln zur Gestaltung des Headers einer Website.Weitere Themen folgen, die Inhalte werden in den nächstenWochen schrittweise ergänzt.

Die Vorgaben zum Aufbau des Header finden Sie hier:

Website Prinzipien

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 2

09/2014 – Transparenzen

Neu: Regeln zum Einsatz vonTransparenzen, Helligkeitsverläufenund Beleuchtungseffekten

Transparenzen sind nicht Stil prägend und gehören nicht zu den Merkmalenunseres Erscheinungsbildes. Deshalb werden sie nur dann eingesetzt, wenn siefunktional notwendig oder inhaltlich sinnvoll sind. Voraussetzung für den Einsatzvon Transparenzen ist, dass dabei der vertraute Charakter unsererGestaltungselemente erhalten bleibt.

Bei Printmedien, elektronischenMedien und Infografiken gibt es demjeweiligen Medium entsprechendunterschiedliche Einsatzmöglichkeiten.

So können je nach Textfarbe weißeoder dunkle halbtransparente Flächen(1) eingesetzt werden, um dieLesbarkeit von Schrift aufHintergrundbildern zu verbessern. Beielektronischen Medien könnenGestaltungselemente mit reduzierterDeckkraft (2) verwendet werden, umInhaltsebenen deutlich zu machen oderdie Wahrnehmungseigenschaften vonInterface-Gestaltung sowie dieFunktionalität von Anwendungen zuverbessern.

Durch Transparenz können sichüberlagernde Bereiche in Infografikensichtbar gemacht oder bei Bedarfzusätzliche räumliche oder zeitlicheDimensionen visualisiert werden.

Achtung: Halbtransparente Flächenwerden nicht eingesetzt um Bilderfarblich zu verfremden oder im Ganzenabzusoften oder zu vertrüben.

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 3

Mit Helligkeitsverläufen undBeleuchtungseffekten (3) können beielektronischen Medien haptischeMaterialeigenschaften und Plastizitätsimuliert werden, um Interface-Gestaltung „greifbarer“ zu machen.

Bei Printmedien werdenHelligkeitsverläufe undBeleuchtungseffekte innerhalb derFarbfläche (4) nur in Ausnahmefälleneingesetzt – z.B. um einem in derFarbfläche platzierten Element einenobjekthaften Charakter zu verleihen.

Wichtig: Farbflächen in Ressortfarbehaben immer einen hohen Anteil desunveränderten Farbtons, um denoriginalgetreuen Ausdruck unsererUnternehmensfarben zu erhalten.

Achtung: Auf den Logostreifen, dieLogobox und weiße Fließtextflächenwerden in Printmedien keineTransparenzen, Helligkeitsverläufe undBeleuchtungseffekte angewendet.

06/2014 – Corporate Sound

Neu: Corporate Sound

Corporate Sound schafft eine enge Verbindung zwischenMarke und Klang. Durch den Corporate Sound der DeutschenBahn werden unsere Marken in Imagefilmen, TV- undRadiospots oder in Telefonwarteschleifen auch akustischlebendig.Allgemeine Informationen zum Corporate Sound, dieRichtlinie für den Corporate Sound der Deutschen Bahn unddas DB-Soundlogo als Klingelton für Ihr Handy (Download)finden Sie hier:

Sound

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 4

04/2014 – CD Tutorials, eBroschüren

Neu: CD Tutorials

CD Tutorials erläutern unser Corporate Designs in besondersanschaulicher Weise. Sie sind in ihrer Form wie eine kurzeGebrauchsanweisung angelegt.

Hier finden Sie eine Übersicht und Downloads aller bisherrealisierten Tutorials:

CD Tutorials

Neu: Corporate Design-Vorgaben für eBroschüren

eBroschüren sind für die Anwendung am Bildschirmkonzipierte Publikationen. Sie verbinden die Eigenschafteneiner Print-Broschüre mit den Möglichkeiten elektronischerMedien. Was bei der Erstellung von eBroschüren u.a.technisch zu beachten ist und welche Vorgaben es für dieGestaltung gibt, erfahren Sie hier:

eBroschüren

03/2014 – Templates Printmedien, Vorlagen DB Museum

Neue Templates für Broschüren, Anzeigen und Plakate:

Die Templates für Broschüren, Anzeigen und Plakatewurden überarbeitet und an die aktualisierten CD-Vorgabenangepasst. Die erweiterten Gestaltungsmöglichkeiten wurdenbeispielhaft für alle Formate umgesetzt.Anzeigen und Plakate: In einer zusätzlichen Vorlage sinddie Vorteile des Liquid-Rastersystems einfach und praktischdargestellt. Das Template dient als Basis fürFormatadaptionen und liegt im Hoch- und Querformat vor.

Templates

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 5

02/2014 – Bus- und S-Bahn-Signet, Elektronische Medien

Weitere Themen aus dem Bereich Corporate Designsind überarbeitet:

Die CD-Vorgaben für das Bus- und S-Bahn-Signet wurden erweitert und die Inhalte zusammengefasst.Unter Elektronische Medien wurden Inhalteergänzt und aktualisiert.Andere Menüpunkte wurden neu strukturiert:Inhalte, die bisher auf viele Untermenüpunkte verteiltwaren, finden sich jetzt auf einer Seite.

Aktualisierte Menüpunkte:

Digitale Medien, UX-UI Design

Mobile Apps, Interface Design

Social Media

Online-Banner, Mobile Ads

Display Design

Markierungen

Bus- und S-Bahn-Signet

Bahngipfel

Bordgastronomie

Bürokommunikation

Presse-, Infomappe

CD-ROM-Beschriftung

Einladung

Basiselemente

Marken

Farben

Schriften

Unternehmensbekleidung

Papierstandards

Architektur

Messe und Event

Andere CD Anwendungen

Railteam – Menüpunkt defekt

DB Schenker Transa

Wenn Sie Fragen zum Inhalt dieser Seite haben, so schreiben Sie bitte ein

E-Mail an das Team Corporate Design [1]

CD-Entwicklung 2013/2014

CD-Entwicklung 2013/2014 –mehr Gestaltungsmöglichkeiten mitvereinfachten Regeln:

Das Liquid-Rastersystem – eine Größenregelung für alle Formate löst dieverschiedenen Formatvorgaben ab.Die Logobox – mehr Flexibilität auf kleinem Raum.Vereinfachung in der Farbsystematik – wir stärken die Identitätsfarben unsererRessorts und verzichten auf den bisherigen roten Streifen.Mehr Gestaltungsspielraum bei Broschürentiteln – größere Bilder und mehrMöglichkeiten für die Typografie.

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 6

Neue Bezugsgröße: die DB Bildmarke.Das neue Prinzip stellt alle formatabhängig festgelegtenGrößen und Abstände in ein festes Verhältnis zurDB Bildmarke:Breite der Bildmarke (DBx) = 1/20 der langenFormatseite.

Die bisher zur Steuerung von Größe und Platzierung derGestaltungselemente verwendeten Raster werden nicht mehrbenötigt und entfallen.

Vorteile: Formatadaptionen sind stufenlos skalierbar und bleiben dabei 100%-CD-konform. Flächen-/Bildkanten sowieTextelemente müssen nun nicht mehr in ein Rastereingepasst werden.

Wichtig: Das Größenverhältnis zwischen DB Bildmarke undden anderen Gestaltungselementen (Logostreifen, DB WinkelSockelfläche, Abstand zum Formatrand, etc.) ändert sichnicht. Unser typisches Erscheinungsbild bleibt somiterhalten.

Folgende Maße werden von der Breite der DB Bildmarke(DBx) als Bezugsgröße abgeleitet:

Logostreifen: Höhe 1½ DBx

Abstand Logo: oben und rechts ½ DBx

Mindestabstand der Gestaltungselemente zum Rand: ½DBx

DB Winkel:Versatz ½ DBxAbstand zum Textblock ½ DBxMindestbreite 1½ DBx

Was noch zu beachten ist:

Eine Logo-Vorlagengröße für alle Formate:Für die Ressortmarken DB Bahn, DB Netze und DB Schenkerwird zukünftig durchgängig die Größe M für alle Formateverwendet werden. Der Konzern verwendet weiterhin dieGrößen S, M und L.

Größeres Logo bei Formaten mit Fernwirkung:Bei 18/1-Plakaten, Messewänden und ähnlichen Großflächenwird die Logogröße an die Bedürfnisse der Fernwirkungangepasst. Die Breite der DB-Bildmarke entspricht dann1/10 der Formathöhe.

Liquid-Rastersystem

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 7

Die Logobox

CD-Entwicklung 2013/2014 Die Logobox – die kleine Bühne für unsere Marken bei wenig Platz.Ein Element unseres Erscheinungsbildes und eine große Bühne für unsereMarken ist der Logostreifen. Da die elektronische Medienwelt und derenAusgabegeräte einen anderen Platzbedarf als der Printbereich erfordern,wird für diese Medien eine visuell angepasste Bühne für unsere Marken – dieLogobox – benötigt. Diese ist sehr flexibel einsetzbar, denn die Größe undPositionierung ist frei wählbar.

Der Aufbau der Logobox ist fest definiert. Der weiße Schutzraum um die Marke ist proportional zurBreite der DB Bildmarke: oben/unten ¼ DBx, links ½ DBx,rechts ¾ DBx.

Die Logobox steht entweder an der linken oder rechtenFormatseite im Anschnitt. Sie können die Größe undPlatzierung der Logobox flexibel an die jeweiligen Inhalteanpassen. Lediglich der Abstand zum oberen und unterenFormatrand ist festgelegt, er entspricht 1/2 DBx.

Erfordert die Druckrealisierung größere Toleranzen imFormatanschnitt, kann die Logobox etwas weiter in dasFormat platziert werden.

Die Logobox steht als Download zur Verfügung. Sie findendie Master-Vorlagendatei der jeweiligen Marke zugeordnetunter „Downloads Corporate Design“:

Logos

Die Logobox ist für die Verwendung in elektronischenMedien vorgesehen. In Ausnahmefällen kann sie aber auchauf extremen Hoch- und Querformaten, sowie (nachAbsprache mit der Abteilung CI/CD und Kreation) aufweiteren Sonderformaten angewendet werden.

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 8

Vereinfachung in der Farbsystematik

CD-Entwicklung 2013/2014 Der Verzicht auf den bisherigen roten Streifen bringt mehr Gewicht für dieKennfarben der Ressorts: DB Rot für den Personenverkehr, DB Blau fürTransport und Logistik und DB Grau für das Ressort Infrastruktur undDienstleistungen.

Anzeigen und Broschürentitel des Konzerns, der RessortsInfrastruktur und Dienstleistungen sowie Transport undLogistik erscheinen ab sofort wieder ohne den bisherobligatorischen roten Streifen bzw. das rote Winkelelement.Das bringt eine deutliche Vereinfachung in derFarbsystematik. Es entsteht mehr Raum für Motiv undInhalt, vor allem bei Querformaten. Die Grenze zwischenBildfläche und Logostreifen wird zudem offen für denflexiblen Umgang mit Freistellern. Auch erhöht sich dieSelbstähnlichkeit von Print- und Onlinemedien.

Der Auftritt der einzelnen Ressorts wird durch dieRessortfarben gestärkt – in der Regel mit einer Farbflächemit Text oder über ein farbiges Winkelelement.

Die denkbar kleinste Einheit für den Einsatz der Ressortfarbeist ein Streifen mit der Höhe einer halben Breite der DBBildmarke (½ DBx). Dieser sitzt direkt unter demLogostreifen und kann ggf. den Claim tragen.

Den Ressorts Personenverkehr und Transport und Logistikwerden noch eindeutiger als bislang die Farben DB Rot bzw.DB Blau zugeordnet. Das Ressort Infrastruktur undDienstleistungen hat die Ressortfarbe DB Grau. Der Konzerntritt in DB Grau bzw. Silber auf, hat aber zukünftig auch dieMöglichkeit darauf zu verzichten.

Grundregel: Anzeigen und Broschürentitel tragen immer dieRessortfarbe des Absenders und einen DB Winkel.

Corporate Design > CD Weiterentwicklungen bis 2016

Deutsche Bahn AG · Corporate Design · Corporate Design · Stand: 16.02.2017 Seite 9

Mehr Gestaltungsspielraum bei Broschüren

CD-Entwicklung 2013/2014

Broschüren

Mit der Anpassung der Vorgaben eröffnen sich für die Gestaltung vonBroschürentiteln zusätzliche Möglichkeiten: u.a. Raum für größereAbbildungen, Headlines im Bild oder Headlines mit Subheadlines. EinBroschürentitel kann jetzt auch themenbezogen die Gestaltung einerKampagne aufnehmen.

Einige Gestaltungsvorgaben aus „Anzeigen und Plakate“gelten in Zukunft auch für Broschürentitel. Das bedeutet:

Für die Abbildungen steht mehr Raum zur Verfügung.

Headlines können jetzt auch im Bild stehen.

Subheadlines sind möglich.

Themenbezogene Inhalte können zusammengehörigtransportiert werden, z.B. kann ein Broschürentitel dieGestaltung einer Kampagne aufnehmen.

Sockelfläche und DB WinkelDie Sockelfläche kann künftig entfallen, wenn keineZusatzlogos abgebildet werden. Jeder Broschürentitel enthältnur einen DB Winkel.

Ansprechpartner

Fragen zum Inhalt dieser Seite? [2]

veröffentlicht: 30.01.2014

Verweisliste

[1] E-Mail an das Team Corporate Design: [email protected]

[2] Fragen zum Inhalt dieser Seite?: [email protected]