Doorontwikkeling huisstijl de Bibliotheek ten behoeve van jeugd en jongeren versie 1.0, oktober 2011
0.0 Huisstijlhandboek 0.1 0.2
Inleiding Inhoudsopgave
Inleiding Dit is een bijlage bij het huisstijlhandboek van de Bibliotheek. Hierin wordt toegelicht hoe de huisstijl van de Bibliotheek wordt toegepast als het gaat om communicatie gericht op jeugdige doelgroepen. De vraag aan SVT, de ontwerper van de huisstijl, was om de huisstijl door te ontwikkelen ten behoeve van jeugd en jongeren. SVT is daarop op zoek gegaan naar verbindende en herkenbare elementen, algemeen en per segment. Voor Bibliotheek.nl, voor drukwerk, maar ook voor instore communicatie. Dit document biedt kader en richtlijnen voor ontwerpers en bibliotheken. Geen logo Aangezien er vanuit het merk ‘de Bibliotheek’ een monolitische benadering is tot de jeugd- en jongerenlijn, wordt niet gekozen voor een eigen logo, maar wordt e.e.a. gezien als sub-branding. Om de jeugd- en jongerenlijn wel genoeg handvatten te geven om de huisstijl mee te laden en toepassingen te kunnen maken, hebben we stijlelementen en ingrediënten nodig om mee te bouwen en te spelen. Hierbij denken we aan: 1. een eigen kleurenpallet 2. een onderscheidend lettertype 3. eigen jeugdpictogrammen 4. een ‘animatie-character’ 5. ‘patroon-filter’ voor de fotografie
NB: 1. Belangrijk is dat de elementen die we toevoegen aan de huisstijl, voldoende ruimte laten voor steeds wisselende illustratie-stijlen. De illustratiestijlen die hier zijn opgenomen zijn slechts ter illustratie, dit materiaal is niet rechtenvrij! 2. De indeling in jeugdsegmenten die in deze manual wordt getoond is 0-6, 6-9 en 9-12. Echter waar een 9 staat, kan ook een 8 worden gelezen. Zodat de indeling 0-6, 6-8 en 8-12 ontstaat.
2
0.0 Huisstijlhandboek 0.1 0.2
0.0 0.1 0.2
Huisstijlhandboek Inleiding Inhoudsopgave
1.0 1.1 1.2 1.2.1
Kleuren Kleurenpallet 4 Kleurenpallet met mogelijke illustratiestijlen 5 Kleurenpallet/illustratiestijlen jongeren 6
2.0
Lettertype
3.0 3.1 3.2 3.3 3.4 3.5
Jeugd-pictogrammen Alle leeftijden tot 12 0-6 jaar 6-9 jaar 9-12 jaar Ballonwolkjes met iconen
8 9 10 11 12
4.0
Animatie-character
13
Voorwoord Inhoudsopgave
2 3
7
5.0 Fotografie 5.01 Jeugd 5.02 Jongeren
14 15
5.1
Fotografie & illustratiestijl
16
6.0 6.1 6.2 6.3 6.4.1 6.4.2
Voorbeelden toepassingen Internet toepassing 9-12 jaar Ansichtkaart 0-6 jaar Affiche 0-6 jaar Aankondigingen 9-12 en 12+ Aankondigingen 9-12 en 12+
17 18 19 20 21
3
1.0 Kleuren Corporate kleuren
PMS 418
1.1 1.2 1.2.1
PMS 021
Kleurenpallet Kleurenpallet met mogelijke illustratiestijlen Kleurenpallet/illustratiestijlen jongeren
Kleurenpallet Voor elke leeftijdsgroep een eigen kleurenpallet naast het corporate oranje.
Jeugd 0-6 jaar
Jeugd 6-9 jaar
Jeugd 9-12 jaar
PMS 233
PMS 2587
PMS 3268
Jongeren 12+
Jongeren 15+
PMS Cyaan
PMS Black
4
1.0 Kleuren Jeugd 0-6 jaar
PMS 233
Jeugd 6-9 jaar
1.1 1.2 1.2.1
Kleurenpallet Kleurenpallet met mogelijke illustratiestijlen Kleurenpallet/illustratiestijlen jongeren
PMS 2587
Kleurenpallet met mogelijke illustratiestijlen
Jeugd 9-12 jaar
PMS 3268
Jongeren 12+
Jongeren 15+
PMS Cyaan
PMS Black
5
1.0 Kleuren 1.1 1.2 1.2.1
Kleurenpallet Kleurenpallet met mogelijke illustratiestijlen Kleurenpallet/illustratiestijlen jongeren
Kleurenpallet/illustratiestijlen jongeren Voor jongeren: gebruik van illustraties naast de fotografie. Gebruik hiervoor stoerdere, iconische pictostyle illustraties.
Jongeren 12+
Jongeren 15+
PMS Cyaan
PMS Black
6
2.0 Lettertype
Lettertype Voor jeugd en jongeren is het te gebruiken lettertype de Co Headline bold. Font Co Headline Bold
7
3.0 Jeugd-pictogrammen
Diverse mogelijkheden; niet voor 12+ en 15+
3.1 3.2 3.3 3.4 3.5
Jeugd-pictogrammen tot 12 jaar 0-6 jaar 6-9 jaar 9-12 jaar Ballonwolkjes met iconen
Jeugd-pictogrammen tot 12 jaar Vanuit de gekozen typografie is een eigen illustratietaal ontwikkeld, bestaande uit oogjes, voetjes, ballonwolkjes en letter-iconen.
8
3.0 Jeugd-pictogrammen 3.1 3.2 3.3 3.4 3.5
Alle leeftijden tot 12 0-6 jaar 6-9 jaar 9-12 jaar Ballonwolkjes met iconen
Jeugd-pictogrammen 0-6 jaar De pictogrammen voor de leeftijdscategorie 0-6 jaar hebben hun eigen kleurcodering gecombineerd met oranje.
9
3.0 Jeugd-pictogrammen 3.1 3.2 3.3 3.4 3.5
Alle leeftijden tot 12 0-6 jaar 6-9 jaar 9-12 jaar Ballonwolkjes met iconen
Jeugd-pictogrammen 0-6 jaar De pictogrammen voor de leeftijdscategorie 0-6 jaar hebben hun eigen kleurcodering gecombineerd met oranje.
10
3.0 Jeugd-pictogrammen 3.1 3.2 3.3 3.4 3.5
Alle leeftijden tot 12 0-6 jaar 6-9 jaar 9-12 jaar Ballonwolkjes met iconen
Jeugd-pictogrammen 9-12 jaar De pictogrammen voor de leeftijdscategorie 9-12 jaar hebben hun eigen kleurcodering gecombineerd met oranje.
11
3.0 Jeugd-pictogrammen 3.1 3.2 3.3 3.4 3.5
Alle leeftijden tot 12 0-6 jaar 6-9 jaar 9-12 jaar Ballonwolkjes met iconen
Ballonwolkjes met iconen
12
4.0 Animatie-character
Animatie-character Omdat het speelse gehalte wel wat hoger mag op de websites van de Bibliotheek en omdat het goed is om een ‘tool’ te hebben om een soort attentiewaarde aan bepaalde onderdelen te geven, hebben we een onderscheidend animatie-character ontwikkeld vanuit het vignet van de Bibliotheek. • Het plectrum-character als animatie dient altijd los te worden gebruikt en niet in het logo. • Het plectrum-character op speelse en interactieve wijze inzetten als animatie en ook op folders terug laten komen voor de herkenbaarheid. Interactief in de zin van vraagbaak en informatie-voorziener. Het animatiefiguurtje zal dus helpen bij het navigeren in de website. • Dit plectrum-character is zo eenvoudig en minimaal mogelijk neergezet: ‘less is more’ (Nijntje, Dick Bruna). Het ligt qua herkenbaarheid zo dicht mogelijk bij het vignet van de Bibliotheek omdat herkenbaarheid hierin het belangrijkste is. Bovendien ligt het qua stijl ook in één lijn met de jeugdpictogrammen.
13
5.0 Fotografie 5.1 5.2
Jeugd Jongeren
Fotografie Het is belangrijk dat de fotografiestijl van jeugd en jongeren goed te combineren is met de voor de leeftijdsgroep specifieke illustratiestijl. • voor jeugd: - fotografie full-colour met zoveel mogelijk primaire kleuren, niet te pastellerig - ook illustraties gebruiken naast fotografie (bijvoorbeeld in de achtergrond van de website) - zoveel mogelijk kleur van het desbetreffende segment in de illustratie of foto terug laten komen
14
5.0 Fotografie 5.1 5.2
Jeugd Jongeren
Fotografie en fotografie-filter Het is belangrijk dat de fotografiestijl van jeugd en jongeren goed te combineren is met de voor de leeftijdsgroep specifieke illustratiestijl. • voor jongeren: - fotografie stoerder in zwart-wit of dutones - ook illustraties gebruiken naast fotografie (bijvoorbeeld in de achtergrond van de website) - verder is het juist hier belangrijk dat e.e.a. vrij wordt gelaten, juist omdat vaak dingen kant-en-klaar worden aangeleverd - fotografie in FullColour kan, maar dan vanuit ‘spannende’ invalshoeken, bijvoorbeeld ‘in the face’
15
5.1 Fotografie & illustratie-stijl Jeugd 0-6 jaar
PMS 233
Jeugd 6-9 jaar
PMS 2587
Fotografie en illustratie-stijl De gekozen fotografie-stijl kan goed gecombineerd worden met de voor de leeftijdsgroep specifieke illustratiestijl. Jeugd 9-12 jaar
PMS 3268
Jongeren 12+
Jongeren 15+
PMS Cyaan
PMS Black
16
6.0 Voorbeelden toepassingen 6.1 6.2 6.3 6.4.1 6.4.2
Internet toepassing 9-12 jaar Ansichtkaart 0-6 jaar Affiche 0-6 jaar Aankondigingen 9-12 en 12+ Aankondigingen 9-12 en 12+
Voorbeeld toepassing: internet toepassing jeugdpagina 9-12 jaar
17
6.0 Voorbeelden toepassingen 6.1 6.2 6.3 6.4.1 6.4.2
Internet toepassing 9-12 jaar Ansichtkaart 0-6 jaar Affiche 0-6 jaar Aankondigingen 9-12 en 12+ Aankondigingen 9-12 en 12+
Voorbeeld toepassing: ansichtkaart voorleesmiddag toepassing jeugd 0-6 jaar
18
6.0 Voorbeelden toepassingen 6.1 6.2 6.3 6.4.1 6.4.2
Internet toepassing 9-12 jaar Ansichtkaart 0-6 jaar Affiche 0-6 jaar Aankondigingen 9-12 en 12+ Aankondigingen 9-12 en 12+
Voorbeeld toepassing: affiche kinderboekenweek toepassing jeugd 0-6 jaar
19
6.0 Voorbeelden toepassingen 6.1 6.2 6.3 6.4.1 6.4.2
Internet toepassing 9-12 jaar Ansichtkaart 0-6 jaar Affiche 0-6 jaar Aankondigingen 9-12 en 12+ Aankondigingen 9-12 en 12+
Voorbeeld toepassing: affiches toepassing jeugd 6-9 jaar en 12+ met tekst
20
6.0 Voorbeelden toepassingen 6.1 6.2 6.3 6.4.1 6.4.2
Internet toepassing 9-12 jaar Ansichtkaart 0-6 jaar Affiche 0-6 jaar Aankondigingen 9-12 en 12+ Aankondigingen 9-12 en 12+
Voorbeeld toepassing: affiches toepassing jeugd 6-9 jaar en 12+ met beeld
21