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.