ci cd Weiterentwicklung Corporate Design

Transkript

1 Corporate Communications Corporate Design Heike van Meegdenburg Telefon Telefax Bertelsmann Stiftung Carl-Bertelsmann-Straße 256 Postfach Gütersloh www. twitter.com/bertelsmannst ci cd Weiterentwicklung Corporate Design 32 BertelsmannStiftung BertelsmannStiftung 1

2 GRUNDLAGEN Die Bertelsmann Stiftung ist eine gemeinnützige unabhängige Organisation. Sie arbeitet in sechs Themenfeldern an mehr als 60 laufenden Projekten. Dabei versteht sich die Bertelsmann Stiftung als Impulsgeberin: Menschen bewegen. Zukunft gestalten. lautet unser Claim, der nicht nur nach außen kommuniziert, sondern auch nach innen gelebt wird. In diesem Sinne wünschen wir, dass die Bertelsmann Stiftung wahrgenommen und wiedererkannt wird. Unsere Themenvielfalt braucht einen einheitlichen Auftritt: prägnant, medienübergreifend und hoch funktional. Gerade vor diesem Hintergrund ist es wichtig, mit einem eigenständigen visuellen Auftritt in die Öffentlichkeit zu gehen. Das vorliegende Corporate Design gibt Orientierung und unsere visualisiert Werte. Der souveräne Umgang mit seinen Elementen wie Logo, Schriften, Farben und Bildern schafft Identifikation nach innen und außen. 2 3

3 FARBEN PMS: 288 CMYK: 100/65/0/30 RGB: 0/48/130 RAL: 5002 Ultramarinblau CMYK: 80/0/40/50 RGB: 54/102/102 RGB: 13/110/105 PMS: 550 CMYK: 45/0/0/25 RGB: 125/176/202 RAL: 5024 Pastellblau CMYK: 70/0/35/20 RGB: 104/160/160 RAL: 5018 Türkisblau CMYK: 15/0/0/5 RGB: 217/236/247 CMYK: 24/0/15/0 RGB: 196/225/218 CMYK: 10/0/0/5 RGB: 225/237/242 CMYK: 5/0/5/0 RGB: 239/248/246 Die neue Farbpalette bietet eine große Bandbreite an gedeckten Farben. Jeder Ton hat in den verschiedenen Abstufungen eine eigene Farbdefinition. Das sichert eine hohe Qualität in der Wiedergabe über alle Medien hinweg. Die neue Farbpalette ist individueller als die vorhergegangene, da wir hier bewußt Farbbereiche aussparen und statt dessen mit starken Akzentfarben arbeiten. Diese sechs leuchtenden Akzent-Farben sind eine Ergänzung zu der eher ruhigen pastelligen Grund-Farbharmonie. Sparsam eingesetzt in Headlines oder Linien geben sie der Gestaltung einen frischen Look. Diese Farben dürfen nur in 100% Farbauftrag eingesetzt werden. Flächenanteile nicht größer als 1/8 des Seitenformates. CMYK: 25/25/65/0 RGB: 197/189/118 CMYK: 15/10/40/0 RGB: 221/216/180 CMYK: 10/6/20/0 RGB: 237/233/207 CMYK: 3/3/8/0 RGB: 247/243/231 Diese Akzentfarben werden je nach Bedarf und aktuellen Trends ausgetauscht. Somit behalten wir trotz eines eindeutigen Bertelsmann Stiftung-Farbkanons immer wieder ein frisches und modernes Erscheinungsbild. CMYK: 0/15/85/0 RGB: 259/223/0 CMYK: 0/60/95/0 RGB: 252/139/0! Unsere InDesign-Dateien, die wir auf Anfrage Kreativ-Dienstleistern zur Verfügung stellen können, haben schon die Farbwerte eingefügt. CMYK: 0/100/25/65 RGB: 114/18/46 CMYK: 0/100/45/20 RGB: 200/15/65 RAL: 3027 Himbeerrot CMYK: 0/45/14/5 RGB: 233/162/176 CMYK: 0/20/5/4 RGB: 245/220/225 CMYK: 0/10/0/0 RGB: 252/232/236 CMYK: 0/90/15/0 RGB: 231/43/148 CMYK: 55/90/0/0 RGB: 135/44/151 CMYK: 5/0/0/90 RGB: 63/65/70 CMYK: 5/0/0/40 RGB: 170/173/178 CMYK: 2/0/0/15 RGB: 218/220/223 CMYK: 0/0/0/0 RGB: 255/255/255 CMYK: 40/0/90/5 RGB: 172/199/0 CMYK: 90/0/0/30 RGB: 0/125/

4 Beispiele für eine moderne Farbmischung: Standard-Farbpalette und Akzentfarben Drucksachen für den Reinhard Mohn Preis 2015 Farben können beim Ausdruck vom Original abweichen. 6 7

5 SCHRIFTEN Auszeichnungsschrift Lato Haarlinie Ein Wechsel auf die auch im Internet verwendete Schrift Lato bringt ein modernes und frisches Schriftbild. Die kleinen Abrundungen an den Ecken und Kanten wirken gefälliger, die kürzeren Ober-und Unterlängen lassen die Schrift moderner wirken. Neben den üblichen Standard-Schriftschnitten wie Regular und Bold gibt es auch den neuen Schnitt Haarlinie, der sich sehr gut in einem modernen Layout einsetzen lässt. Auch das Bertelsmann Stiftungs-Logo profitiert von der modernen Ausprägung. Gerade in der Verwendung der neuen Schrift Lato in der Logogestaltung fällt der frische Look und die Prägnanz auf, da die Buchstabeninnenflächen (Punzen) wesentlich größer und offener sind. alt Lato Regular Lato Bold Lato Italic Lato Bold Italic Da diese Schrift lizenzfrei ist, können auch unsere Dienstleister und Projektpartner ohne große Umstände im Sinne unseres Corporate Designs gestalten. Das neue zusätzliche Broschurformat Quadrat wird hervorragend von dieser Schrift unterstützt, da die Grundfläche der Buchstaben durch die kürzeren Ober- und Unterlängen die Fläche optimal ausnutzt. neu 8 9

6 Merryweather Light Merryweather Regular Merryweather Light Italic Merryweather Italic SCHRIFTEN Fließtextschrift Die Serifenschrift Merryweather ist die perfekte Ergänzung zu der neuen Schrift Lato. Sie ist in Grundform und Aufbau sehr ähnlich und sichert eine gute Lesbarkeit in Print- wie Onlinemedien. Die große Schriftschnitt-Palette ermöglicht sehr differenzierte Textauszeichnungen.! Auch diese Schrift ist lizenzfrei im Internet herunter zu laden. Schrift in Office-Programmen Auch wenn die neuen Schriften kostenlos im Internet zu bekommen sind, sollten sie nicht für Standard-Powerpoint- oder Word-Dateien verwendet werden. Die überall vorhandene Systemschrift Arial passt auch hier wunderbar als Standard- Ersatzschrift. Bei Bedarf einer Serifenschrift kann auf die Times New Roman zurückgegriffen werden. Arial regular Merryweather Bold Merryweather Bold Italic Times New Roman Merryweather Heavy Merryweather Heavy Italic 10 11

7 FOTOS Bildsprache Die Bildwelt der Bertelsmann Stiftung verbreitet in erster Linie eine dynamische und bewegungsorientierte Stimmung. Dabei steht der Mensch im Mittelpunkt. Aus der Perspektive des Betrachters heraus oder auf Augenhöhe der abgebildeten Personen (insbesondere von Kindern) lassen sich Themen fokussieren und direkter Blickkontakt zum Leser herstellen. Auch ungewöhnliche Perspektiven schaffen Aufmerksamkeit. Technische Umsetzung: Hierfür ist vor allem Bewegungsunschärfe gezielt einzusetzen ggf. mit Stativ. Die Anwendung von möglichst geringer Schärfentiefe und großer Blendenöffnung ist von Vorteil. Tagesbzw. Dauerlicht spielt eine wichtige Rolle, um große Blendenöffnungen und die damit eventuell verbundenen hohen Verschlusszeiten zu ermöglichen. Bei allen Aufnahmen sollte auf genügend Umfeld vom Motiv geachtet werden, damit das Foto hinterher in verschiedenen Bildformaten eingesetzt werden kann. Wir verwenden vorwiegend extreme Quer- und Hochformate. Gestalterische Umsetzung: Spannungsreiche Ausschnitte wie Halbnahe, Großaufnahme und Detail betonen die Dynamik zusätzlich. Dabei ist auf eine ruhige Flächenaufteilung mit gesetztem Zentrum zu achten. Eine helle freundliche Farbigkeit kennzeichnet die Fotos der Bertelsmann Stiftung. Ein eher kühles Farbklima in Blau- und Grüntönen dominiert Bei der Bebilderung wird vollkommen auf Computergrafiken oder Screenshots verzichtet. Wenn diese zur Illustration eines Themas unverzichtbar erscheinen, muss das Motiv fotografisch, z. B. auf einem Tablet o. ä. umgesetzt werden. Fotokollagen oder Zusammenstellungen mehrer Bilder sind nicht vorgsehen.! Ist ein neues Fotoshooting geplant, sollte das Fotografenbriefing zusammen mit der Abteilung K /Grafik entwickelt werden. Für die Verwendung in unserem Internetauftritt ist zu beachten, dass der untere Bereich des Fotos nicht das Hauptmotiv enthalten sollte, da dieser Bereich durch eine weiße Textfläche zu großen Teilen überdeckt wird

8 ICONS/PIKTOGRAMME Infografiken Ein großer Bestandteil unserer externen Kommunikation ist die Veröffentlichung von Daten und Fakten. Um diese nüchternen Informationen dem Leser interessanter anbieten zu können, entwickeln wir u. a. für den Einsatz auf der Webseite oder im Social-Media illustrierte Infografiken. Gerade hier ist ein Stil, der eindeutig der Bertelsmann Stiftung zugeordnet werden kann, besonders wichtig. Aus diesem Grund haben wir eine eigene Form von Piktogrammen entwickelt, die wie ein Baukastensystem immer wieder unterschiedlich einsetzbar ist. Auch hier wird stark auf eine klare Optik ohne 3D-Effekte oder Schatten geachtet.! Dieser Piktogramm-Baukasten ist im Entstehen und wird allen Mitarbeitern für die Arbeit in Powerpoint und unseren externen Dienstleistern für die Aufbereitung von Grafiken zur Verfügung gestellt. Die bisherige Form wird schrittweise um Seitenansichten und Emotionen ergänzt

9 LAYOUT Publikationsformate Corporate Projekt Verlag Auch im Bereich der Formate wird es eine einheitliche Optik geben. Zwischengrößen fallen weg, die Produktpalette wird auf wenige Formate zusammengefasst. Unsere Corporate-Produkte sind basierend auf der Breite von DIN A4 quadratisch oder nur 18 cm (statt 29,7 cm) hoch, um ihnen eine besondere, aber postalisch handhabbare Form zu geben. Die Printprodukte für die Projekt- und Arbeitsebene sind durchgehend im DIN-Format. Auch im Bereich Verlag haben wir nur drei handelsübliche Grundformate, plus der DVD. Image, Themen neu (Quadrat) Jahresbericht, Positionspapier, neues Format gem. DIN A4 wie change 21 cm 21 cm Projektbericht (DIN A4) Studie, Newsletter, Hintergrundpapier, Word-Vorlage (DIN A4) 21 cm 21 cm DIN A4 Journal 21 cm 18,5 cm Kurzportrait (DIN lang) Kurz-Info, Einladung, etc. (DIN lang hoch, DIN lang quer) DIN A5 DVD 16 17

10 GESTALTUNG Corporate-Produkte Das grundlegende Gestaltungskonzept von der Webseite wird auch bei den Printprodukten weitergeführt. Ein weißer Überleger, der als weiße Fläche wie ein Blatt Papier Überschriften oder Texte beinhaltet, ist das visuelle Merkmal des überarbeiteten Corporate Designs der Bertelsmann Stiftung. Image Themen Hierbei kann es verschiedene Variationen geben. Das Verhältnis Bild/Überleger spiegelt die inhaltliche Tiefe der Projektprodukte wieder. Die Gestaltung mit einem weißen umlaufenden Rahmen auf dem Titel, setzt das Thema und durch die neue Bildsprache auch den Menschen in den Mittelpunkt. Somit sehen die Titel leicht und frisch aus und fokussieren sich auf den Inhalt. Bei Magazinen gehen die Titelbilder bis an den Rand. Dadurch wird das gefächerte Auflegen dieser Broschurart möglich und man erkennt auch an einem 1 cm breiten Bildstreifen deutlich ein neues Motiv bzw. ein neues Heft. Jahresbericht Menschen bewegen. Zukunft gestalten. Wirtschaft stärken Menschen bewegen. Zukunft gestalten. mögl. change -Weiterentwicklung JUGEND 18 19

11 GESTALTUNG Projekt-Produkte Für ein durchgehendes Erscheinungsbild wird die Grundgestaltung auch im Projekt-Bereich weitergeführt. Imageorientierte Programm-/Projektberichte bekommen durch die bis an den seitlichen Anschnitt reichenden Titelfotos einen Magazin-Charakter. Projektbericht (Projektbeschreibung, Magazin): Übergreifende Darstellung einer gesellschaftl. Situation, um ein Projekt zu verorten. Magazin mit verschiedenen Texttypen. Corporate Webseite Projektauftritt Auch im kleinen Format für Flyer fokussiert der weiße Rahmen das Bild bzw. die Aussage. Die Standardisierung in DIN-Formaten erleichtert den Vertrieb und minimiert die Kosten. Projektflyer oder Einladungen Einladung zur Veranstaltung Broschur-Titel Und hier steht die Unterzeile Chancenspiegel Veranstaltung 20 21

12 GESTALTUNG Projekt-Produkte Ein wichtiges Kommunikationsmittel der Bertelsmann Stiftung sind die Studien. Die großformatigen themenorientierten Titelbilder adressieren sofort das Thema und ziehen den Blick des Betrachters auf sich. Studie alt Je nach Textmenge kann das weiße Feld unten in der Größe variieren. Durch einen vergrößerten Ausschnitt des Titelfotos der Studie wird die Aufmerksamkeit auf Details bzw. spezielle Auswertungen gelegt. Dies kann bei einem inhaltlichen Auszug oder einer Spezifizierung der Studie in einer neuen Broschüre den Zusammenhang unterstützen. Studie (Auszug/Detailbesprechung) Hintergrundpapier Titelgestaltung von K in (blau) Wordvorlage für die Projekte (weiß) Handelt es sich dagegen um die vollständige Darstellung der zugrundeliegenden Daten, Zahlen und Fakten, zum Beispiel in Tabellenform, reicht ein zweifarbiges Deckblatt. Diese schlichte und farbsparende Variante ist auch einfach bei Word-Dokumenten umzusetzen. Studie neu! Partner-Logos werden mit einem festgelegten Abstand zum BS-Logo links daneben gesetzt. Somit bleibt im Design die partnerschaftliche Nähe sichtbar. Sollen drei Parteien abgebildet werden, ist der Aufbau links, mittig, rechts, wobei das BS-Logo immer rechts steht. Broschur-Titel Ergebnisse für Niedersachsen Teil 2/2015 wegweiserkommune Zahlen, Daten, Fakten 22 23

13 GESTALTUNG Verlags-Produkte Auch beim Verlagsdesign wird zukünftig mit weißen Überlegern für Titel und Texte gearbeitet. Die formatfüllenden Fotos wirken großzügig und der so eingerahmte Titel rückt stark in den Fokus. Da die Online-Anbieter von Verlagsprodukten mit automatisierten Formaten arbeiten, wird hier komplett auf den äußeren weißen Rahmen verzichtet, da dieser inklusive Verlags- Logo in der Web-Darstellung abgeschnitten würde. Weißer Einklinker Buchtitel oben: - fokussiert den Leser - längere Textmengen sind möglich Großformatige Fotos vermitteln Emotionen Starke Präsenz durch farbige Fußbalken Eine linksbündige Ausrichtung des Buchtitels unterstreicht die Optik als Sachbuch. Die Grundfläche ist je nach Textmenge variabel. Auch hier vermittelt der Einsatz der neuen Hausschrift Lato ein modernes Erscheinungsbild. Buchcover 24 25