Design Handbuch _BiBB

Design-Handbuch

Bundesinstitut f端r Berufsbildung

LOGOFA RBENTYPO INTERNET Inhaltsverzeichnis DAS LOGO

3

L O G OV A R I A N T E N

4

LOGO UND FARBEN

5

TYPOGRAFIE

6

FRUTIGER

7

SEITENGESTALTUNG

8

KORRESPONBRIEFKUVERT

10

VISITENKARTE

12

DENZ CORPOBANNER

13

DAS LOGO ALS ICON

14

iPAD

15

APP

WERBEFLYER

16

ZEITUNGSANZEIGE 16:9

18

ZEITUNGSANZEIGE

19

3:4

RATEDESIGN DAS LOGO DONT‘S

20

DAS LOGO

100% =65,123 cm

In das weiter entwickelte Logo des Bundesinstituts für Berufsbildung sind die Aspekte eingebracht worden, die auch Tätigkeiten des Instituts im Logo prominent darstellt. Entstanden ist ein in alle Publikationen und Präsentationen ein setzbares Zeichen. Die Linien in der Mitte in der Farbe Weiß sollen die Aufmerksammkeit auf sich ziehen. Auserdem liegt uns die Interpretation als getrennte Rechteckflächen wieder nähe als der Eindruck eines Kreuzes.Das kleine i in der Schreibschrift soll die Zielgruppe an die erste Grundschrift erinnern.

Bundesinstitut für Berufsbildung

100% =107,031cm

3

LOGOVARIANTEN

Grundsätzlich zu verwenden, da es das gesetzlich geschützte Hauptlogo ist.

36,926 cm

A Bundesinstitut für Berufsbildung

80% =81,403cm

B Kann bei Platzmangel, z. B. bei Präsentationen verwendet werden dazu „i“-Punkt in blau

C Kann bei Platzmangel, z. B. bei Präsentationen verwendet werden dazu „i“-Punkt in grün

D Darf allerdings nicht weniger als 25% skaliert werden.

24

27,789 mm x12,478 mm

LOGO UND FARBEN Grün: HKS 66 Pantone 375 CMYK: Cyan 50% Magenta 0% Gelb 100% Schwarz 0%

Blau: HKS 41 Pantone 282 CMYK: Cyan 100% Magenta 70% Gelb 0% Schwarz 45%

Orange: HKS 6 Pantone 137 R 240 G 166 B 40 Magenta 45% Gelb 100%

Die Hausfarben vom Logo sind Dunkelblau und Hellgrün, Dunkelblau wirkt seriös, klar, ordentlich.

Die lebendige, dynamische Ergänzung dazu ist Hellgrün.

Letztendlich wirkt nicht nur die einzelne Farbe, sondern das Zusammenspiel der Logofarben in ihrem gestalterischen Umfeld (Farben, Form, Material).

DieFarben können als Rasterwerte abgestuft werden. Um die Leuchtkraft zu erhalten, ist das Grün ohne Prozentabstufungen einzusetzen.

Orange wird als Verlauf zwischen diesen beiden Farben verwendet

5

TYPOGRAFIE Schrift macht erkennbar. Die Schrift und ihr Einsatz bestimmen das Erscheinungsbild. Wie die Handschrift für einen Menschen ein unverwechselbares Kennzeichen ist, so ist auch die einheitlich verwendete Schrift ein Erkennungsmerkmal des Instituts.

Der Charakter, die interessante moderne Formgebung und die hervorragende Lesbarkeit haben den Ausschlag für die Wahl von einer Schriftfamilie gegeben, nach der sich grundsätzlich die Verschriftung des Instituts Schritt für Schritt ausrichtet: Frutiger (Grotesk/Serifenlose Schrift) Bold und Frutiger Roman.

Frutiger Diese Schrift ist die Hausschrift. Sie wirkt lebendig, trotzdem sachlich und klar und kann mit ihren verschiedenen Schnitten überall verwendet werden, vom Briefbogen über den Prospekt bis hin zur Zeitschrift. Überschriften und deren Hierarchien können frei, unter Verwendung der Hausschrift und der inhaltlichen Notwendigkeiten gestaltet werden.

Bundesinstitut für Berufsbildung

6

FRUTIGER Frutiger

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ!?&:;()§,.-„“ 1234567890 Frutiger Light abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ!?&:;()§,.-„“ 1234567890

Frutiger Roman

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ!?&:;()§,.-„“ 1234567890

Frutiger Bold

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ!?&:;()§,.-„“1234567890

Frutiger Black

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜ!?&:;()§,.-„“1234567890

Bundesinstitut für Berufsbildung

7

SEITENGESTALTUNG Im Sinne der besseren Lesbarkeit sollten keine ausgefallenen Schriftarten und keine Schriftgrößen kleiner als 10 Punkt für den nicht vorgedruckten Text verwendet werden.

Maßangaben DIN A4: 297 mm hoch, 210 mm breit Fluchtlinie: 24,1 mm vom linken Blattrand Zeilenende: im Textbereich 46,2 mm vom rechten Blattrand, sonst 8,1 mm vom rechten Blattrand Briefkopf: [A] 27 mm bzw. [B] 45 mm vom oberen Blattrand Anschriftenfeld: 40 mm [für die Anschrift] + 5 mm hoch [für den Absender], 85 mm breit, beginnend bei 24,1 mm vom linken Blattrand Informationsblock: 45 mm hoch, 105 mm breit 8,5 mm Abstand zwischen Anschriftenfeld und Leitwörtern der Bezugszeichenzeile Bezugszeichenzeile: beginnend bei 24,1 mm vom linken Blattrand Textbereich: beginnend bei 24,1 mm vom linken Blattrand Brieffuß: beginnend bei 24,1 mm vom linken Blattrand Briefkopf Hier stehen üblicherweise Name oder Logo des Absenders

8

46 mm

Bundesinstitut für Berufsbildung

27 mm

Repedionsed quod que sitam a consequae vendam illique aperionsed modicia qui dis et ut qui iunt ex enis dolum exped quasperum qui dis modis milibus dit la suscid ulla solorepta vendis ut laut quatur? Quibeaquam, ut quia cus rae maximil et ut aut ellenim faccus quaecea nos quamus enit alique velent volesci dendeles santio omnis eostrum quamenis custis iunt, naturit la incturi acea in comnihit, tet at.

At explias destinis alici cuptat volupid et estiaecessum estiur as evelestrum volupta speres idem am ius, experspel ium quibusa ecuptat urisit offictur sum ut es eum et et venditios sum fugiatia di dolupta none prerestionse cum, simo estori ratis expero comnim nonest dolores nullaut minullabo. Nem vel ideligniae int licium con nem et rendi abo. Henti nonem quo te sae la sa nem illectur magniet qui occupti?

SATZSPIEGEL DINA4

Imus esti berferferis as sus simusandant esti del illam re occulpa rumqui remquia simolorup aut quis et etur atemolorem ventium as rerferum sanducitem facesci.

Mit freundlichen Grüßen,

46 mm

M.Mustermann

Bank: BAWAG P.S.K. Bank für Arbeit und Wirtschaft BLZ: 60000 Kontonummer 5030752 27 mm IBAN: AT606000000005030752

Bundesinstitut für Berufsbildung

Bundesinstitut für Berufsbildung

(BiBB) 10707 Berlin

Fehrbelliner Platz 3 10707 Berlin

Tel: 030-86430 Tel: 030-86432455 Fax: 030-86432455 Internet: http://www.bibb.de/ Ihr Ansprechspartner: Muster Mustermann M.Mustermann@bibb.de

Betreffzeile Sehr geehrte Damen und Herren, Repedionsed quod que sitam a consequae vendam illique aperionsed modicia qui dis et ut qui iunt ex enis dolum exped quasperum qui dis modis milibus dit la suscid ulla solorepta vendis ut laut quatur? Quibeaquam, ut quia cus rae maximil et ut aut ellenim faccus quaecea nos quamus enit alique velent volesci dendeles santio omnis eostrum quamenis custis iunt, naturit la incturi acea in comnihit, tet at.

At explias destinis alici cuptat volupid et estiaecessum estiur as evelestrum volupta speres idem am ius, experspel ium quibusa ecuptat urisit offictur sum ut es eum et et venditios sum fugiatia di dolupta none prerestionse cum, simo estori ratis expero comnim nonest dolores nullaut minullabo. Nem vel ideligniae int licium con nem et rendi abo. Henti nonem quo te sae la sa nem illectur magniet qui occupti?

Imus esti berferferis as sus simusandant esti del illam re occulpa rumqui remquia simolorup aut quis et etur atemolorem ventium as rerferum sanducitem facesci.

Mit freundlichen Grüßen

M.Mustermann

Bank: BAWAG P.S.K. Bank für Arbeit und Wirtschaft BLZ: 60000 Kontonummer 5030752 IBAN: AT606000000005030752

9

BRIEFKUVERT Der DIN-lang-Umschlag ist stets geeignet zum Versand von Bl채ttern im Format DIN A4, die zweimal horizontal gefaltet sind.

t stitu g esin bildun d n s Bu eruf B r f체

10

g

dun

sbil eruf B r 체 tut f insti Platz 3 s e d Bun elliner b Fehr 7 Berlin 0 7 10

Durch die Plazierung des Logos im Kopf- und Fußbereich des Briefbogens entspricht er dem gängigen Aussehen eines Geschäftbriefes und festigt den Wiedererkennungswert im täglichen Schriftverkehr.

11

VISITENKARTE

Die Visitenkarte wird im Format 85 mm x 55 mm von beiden Seiten bedruckt.

Auf der R端ckseite befindet sich BiBB Logo mit dem gr端nen Punkt und der Grundfarbe Blau.

Die Vorderseite ist mit dem Logo und Kontaktdaten verseht.

Bundesinstitut f端r Berufsbildung

Bundesinstitut f端r Berufsbildung

M. Mustermann Sachbearbeiter Tel: 030-86430 Fax: 030-86432455 www.bibb.de

12

Fehrbelliner 3 10707 Berlin

BANNER Das Logo funktioniert auch als Banner im Querformat Hierzu kommt das Logo mit dem Schriftzug zum Einsatz.

Berufliche Aus- und Weiterbildung sind Investitionen in die Zuckunft Bundesinstitut f端r Berufsbildung

www.bibb.de

Bundesinstitut f端r Berufsbildung

Hohe Anforderungen an die Qualifikation

www.bibb.de

Banner im Hochformat hat einen Hintergrung in der auf Transparenz gesetzter Logofarbe.Dieser Banner ist ideal f端rdie Webungauf den fremden Websites.

13

DAS LOGO ALS ICON

Diese Logovariante in passender Web 2.0 Optik wurde speziel zur Anzeige auf mobilen Ger채ten entwickelt.Es dient auch als Icon f체r eine App auf dem iPhone oder iPad.

Bibb

iPhone App

14

iPAD APP Das Logo funktioniert auch als Icon z.Bsp f체r die MAC Ger채te

Bibb

15

WERBEFLYER Der Werbeflyer enthält aktuelle Informationen über BiBB sowie Platz für die Ankündigungt aktueller Veranstaltungen.

t itu ng u nst esi fsbild nd Bu Beru füt

IN

O F

Der Werbeflyer wurde im Zickzackfalz angelegt und enthält grundliegende Informationen über die Funktionen von der Bundesinstitut für Berufsbildung

16

Der Flyer kann ständig aktualisiert werden und bezieht sich somit auf das aktuelle Geschehen.

Nem. Nam que netum as min reperfe rundicimet ea volorum lacearum quid utae voles con poreperibus et es autaspi que quis aut eos n pbeatia di iumenis excerrovi d quaectum quas venitat urerem si dolupta tquiasp edi

INFO

Ignissint la aspici gitat harit autem con et, nonse perfers piciduci cum qui con consenecto eos et re dercit platibu sament latum qui veria consequis verfero et labo. Ibus modipiet moluptatur, sit, nos nonsequi a del ipsusa rete nonse cullaudae .

Bundesinstitut füt Berufsbildung

Der Werbeflyer wurde im Altarfalz angelegt und enthält grundliegende Informationen über die Funktionen von der Bundesinstitut für Berufsbildung

17

ZEITUNGSANZEIGE 16:9

Die Zeitungsanzeigen im Format 16:9 sowie 3:4 wurden mit einer prägnanten Message gestaltet.

Bundesinstitut für Berufsbildung

Initiative zur Unterstützung von Schülerinnen und Schülern

Berufliche Aus- und Weiterbildung www.bibb.de

18

ZEITUNGSANZEIGE 3:4

Der Betrachter soll so neugirig auf das Angebot von BiBB werden und durch den Besuch der Webseite mehr Informationen erhalten.

Bundesinstitut f端r Berufsbildung

Berufliche Ausund Weiterbildung sind Investitionen in die Zuckunft www.bibb.de

19

DAS LOGO DONT`S

x x x

Bitte nie die Farben in der Buchstabe „i“ umkehren.

Bundesinstitut für Berufsbildung

Bitte keine Outlines verwenden.

Das Logo muss immer mit der Farbe gefüllt

Bundesinstitut für Berufsbildung

Bundesinstitut für Berufsbildung

20

Das Logo darf nie unproporzional verzerrt werden.