grafische identiteit stijlgids vpro nederland van boven
index
01. 02. 03. 04. 05. 06. 07. 08. 09. 10.
logo concept logo toepassing & grid vpro logo variaties & toepassing kleuren broadcast design website stijlgids logo icons posters t-shirts & buttons verschillende toepassingen
01. logo concept logo nederland van boven Het televisie programma zoomt uit om tot een nieuwe blik van Nederland te komen. Het logobeeld toont het blikveld van boven, toont de horizon en gee�teen ruimtelijk geordend gevoel, in een grid zoals Nederland van boven ook is. Er wordt gebruik gemaakt van een compositiegrid (2d) gebaseerd op de VPRO identiteit en 3D grid. De herkenbaarheid als VPRO zit in het toepassen van het grid,de programmaspecifieke identieit blijkt uit de kleurstelling, compositie en met name het3d lijnenspel, in de leader en in promotie aangevuld met helicopter video/beeld.
nacht/dag versie van het logo/ontwerp. In de leader en op de website werkt zwart het best, voor drukwerk en o��line kan ook de dagversie gebruikt worden.
(1/2)
(1/2)
(1/2) (1/2)
het 2d grid Het relatieve symmetrische 2d grid voor compositie is de basis voor de layout van het logo op een vlak. Zowel het totaalscherm als de subdivisies zijn iedere keer de hel�t.
(1/2)
(1/2)
(1/2)
> 1/2 horizontaal / verticaal uitgaand van het af te beelden vlak, elke hel�t is steeds weer te halveren om het grid complexer/ uitgebreiderte maken.
(1/2)
0 graden - 5,625 graden (1/2 van 11.25) - 11.25 graden (1/2 van 22.5)
- 22.5 graden (1/2 van 45)
VPRO GRID hoek van 26,4 graden
- 90 graden
- 45 graden (1/2 van 90)
3d grid in combinatie met 2d grid De VPRO identiteit bevat een diagonale lijn van 26,4 graden (de schuine lijn van de driehoek het VPRO logo).
De horizon van het 3d grid wordt 26,4 graden gedraait zodat het aansluit bij het VPRO logo. Zo vomt het totaal kader zowel een 2d als 3d compositie, volgens dezelfde regels toegepast (regel van 1/2).
02. logo toepassing en grid LOGO PLAATSING in 16x9
LOGO PLAATSING website LOGO
LOGO
LOGO PLAATSING in 4x3 LOGO PLAATSING banner
LOGO
LOGO
LOGO
LOGO
LOGO
LOGO PLAATSING a4 formaat
LOGO PLAATSING a4 formaat
LOGO
LOGO LOGO
LOGO
03. vpro logo variaties & toepassing vpro logo - shaded te gebruiken bij leader (animatie) en drukwerk / website samen met “nederland van boven”
vpro logo - vogel een speelsere variant van het logo, in gebruik samen met “nederland van boven” en beeld kan het de ‘birds-eye’ view benadrukken en het design iets herkenbaarder te maken.
vpro logo - satteliet In de animatie bij de leader gebruikt, toepassing idem als hierboven. Dit werkt het best met hoge helicopter/ satteliet beelden in combinatie met de lijnen.
04. kleuren light blue // horizonglow earthshade # 77C0E1 // R 119 g 192 b 225
Gradients
blue // horizonglow # 3868AF // R 56 g 104 b 175 darkblue // earthshade # 2B406E // R 43 g 64 b 110 black // space # 000000 // R 0 g 0 b 0
VPRO ‘sattelite’
EARTH ‘horizon’
EARTH ‘earthglow’
05. broadcast design leader beeld In de leader wordt uitgezoomt van nederland naar de ruimte, kijkend naar de horizon ontstaat het logo. De 3d lijnen bewegen over de oppervlakte.
naamtitel > iets aangepaste standaard titel met subtiele gradient (lucht/sky) als kleurblokje.
naam achternaam functie omschrijving
a�titel > sponsor logo’s (3 per beeld @ 5 sec) > website url > a�titel redactie/team > aankondiging in beeld achter raster/lijnen
LOGO SPONSOR (5 sec) LOGO SPONSOR (5 sec) LOGO SPONSOR (5 sec)
www.nederlandvanboven.nl A�titel naam functie
A�titel naam functie
volgende week
A�titel naam functie
A�titel naam functie
A�titel naam functie
A�titel naam functie
twitter aankonding (start programma) Korte en subtiele titelanimatie met vpro logo en twitter vermelding. (In commbinatie met eerste heli-shot) twitter #NLVB
leaderbeeld transitie De videobeelden van de leader (voorafgaand aan de typografie) worden op de muziek gesneden. beeld B
De beelden wisselen elkaar af met lijnen die in perspectief (zoals in het slotbeeld) over het kader schuiven. Dit is een masker e�fect. beeld A
> subtiele grafische introductie lijnen > houdt de �low erin > gaat steeds sneller tot climax, met de muziek mee >> het draaipunt is ver buiten beeld; linksboven. >> de lijnen staan ver uit elkaar (lijndikte is altijd gelijk)
a�leveringstitelanimatie De basis is het eerste shot van de a�levering. > abstract shot (donker: blauw/bos/stad) adhv onderwerp
Hoe veilig zijn wij Nederlanders?
Over de beelden heen komen de lijnen, die de titel van de a�levering tonen (1 tot 3 regels). > de lijnen schuiven in beeld en tonen de typografie; dit is een masker e�fect. > dit is in principe dezelfde animatie als de videotransitie bij de leader, maar dan zijn er meer lijnen zichtbaar en wordt niet het beeld, maar de typografie geintroduceerd. > de horizon kan binnen of buiten beeld staan, wat het beste werkt met het beeld (testen).
Hoe veilig zijn wij Nederlanders?
06. website stijlgids logo / Layout website De website versie van het logo wordt gebruikt zonder de 3d lijnen, de positionering is linksboven i.c.m. het vpro logo. Deze stijlgids gee�t de basiselementen van de website weer.
home | over nl van boven | redactie | menuitem example
Example typography title Example of listing Example of listing Example of listing
colors / kleuren light blue // horizonglow earthshade # 77C0E1 // R 119 g 192 b 225
typography / typografie VPRO medium: info/ text / functie VPRO bold: titles / logos / links
blue // horizonglow # 3868AF // R 56 g 104 b 175 darkblue // earthshade # 2B406E // R 43 g 64 b 110
gradients
black // space # 000000 // R 0 g 0 b 0 orange - accent/icon/nav color # FF5B00 // R 225 g 91 b 0
VPRO ‘sattelite’
EARTH ‘horizon’
EARTH ‘earthglow’
07. logo icons
Social media icons / icm titel VPRO Nederland van boven (twitter/facebook)
08. posters
hoe wild is onze natuur?
hoe snel loopt nederland onder als de dijken begeven
hoe snel loopt nederland onder water?
water: recreatie of gevaar?
ik werk op 500m hoogte
van boven vind je jouw plekje sneller terug
waar vind ik het boerenlandschap?
hoe wild is onze natuur?
De teksten en typografie dienen als layoutvoorbeeld. Beeld komt uit de programmaopnamesen kan slechts gedrukt worden op klein formaat. Het logo staat altijd op blauw of zwart, met de lijnen over de foto (niet het logo direct over beeld plaatsen)
hoe wild is onze natuur?
09. t-shirts & buttons t-shirts achterkant
buttons
voorkant
10. verschillende toepassingen
u bent hier ga naar www.vpro.nl/gids om de cover te onhullen
Hoe snel staat Nederland onder water als de dijken doorbreken? Nederland 1, 22.30
20:30 Nederland 1 6 december
design & art direction: directiondesign jurriaan schalken www.directiondesign.nl