cmd brand guide...een visuele identiteit ontwikkeld. dit is geen huisstijl met eigen logo, maar een...
TRANSCRIPT
CMD brand guideVersie 1.0 oktober 2014
2
Inhoud
5 Uitgangpunten 7 Iconen 10 Totems13 Typografie 16 Kleurgebruik20 Fotografie 23 Uitingen 27 Powerpoint 29 Online 33 Beeldbank 35 Combinatie met HvA huisstijl 37 Meer informatie
De bestandsnamen bij afbeeldingen verwijzen naar de beeldbank
4
Hoe maak je een ontwerp voor een ontwerp-opleiding? Dat was de uitdaging voor de huisstijl van CMD. Wij ontwikkelden een beeldtaal die de opleiding een eigen gezicht geeft, en laat zien waar CMD voor staat. Resultaat: een open en flexibele identity waar iedereen zelf mee aan de slag kan!
Ontwerpbureau Grrr,zomer 2014
Uitgangspunten
6
De uitingen van CMD vallen binnen de huisstijl van de Hogeschool van Amsterdam. Om de opleiding meer een eigen gezicht te geven, is er een visuele identiteit ontwikkeld. Dit is geen huisstijl met eigen logo, maar een beeldtaal.
Onderdeel van de beeldtaal is een serie iconen die staan voor de verschillende facetten van CMD. De iconen zijn te stapelen tot totems, zoals een echte tribe!
We nodigen studenten en docenten uit om de iconen te verwerken in hun eigen werkwereld. Zo hopen we het groepsgevoel te vergroten en de herkenbaarheid van CMD te versterken.
Uitgangspunten
Iconen
8
De iconen laten zien waar CMD voor staat: creativiteit, technologie, design, web, geek cultuur, duurzaamheid, en de focus op de mens.
Iconen
cmd_overview_icons_total.png
9
De letters C, M en D zijn ook een icoon. Aangezien CMD geen eigen logo heeft, worden de letters ingezet als icoon tussen de andere iconen en niet gebruikt als logo.
Iconen
Totems
11
De iconen zijn te stapelen tot totems. Deze kun je inzetten voor een specifiekonderwerp.Ookkunjeiconencombinerenenzoeennieuw‘beeldverhaaltje’ maken.
Totems
TOTEMS & COMBINATIONS
TOTEMS & COMBINATIONS
CDM TOTEMS
Privacy
A’dam rocks!
Amsterdamcreative city
Connected
Duurzame energieInternet
of things
Gamecharger
TOTEMS & COMBINATIONS
12
Iedereen kan z’n eigen totems maken. We hebben er al een paar gemaakt die je meteen kunt gebruiken. Je vindt ze in de beeldbank.
cmd_totem_1.png cmd_totem_2.png cmd_totem_3.png cmd_totem_4.png cmd_totem_5.png cmd_totem_6.png
Totems
Typografie
14
Voor alle uitingen gebruiken we het lettertype Open Sans.
Gebruik:grote koppen
Gebruik:lopende tekst
Gebruik:kleine kopjes
Open Sans Light
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Open Sans Bold
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Open Sans Regular
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Typografie
15
Je kunt de Open Sans gratis downloaden op: google.com/fonts#UsePlace:use/Collection:Open+Sans
Typografie
1.Selecteer de juiste gewichten
2.Klik op het pijltje en kies: Download the font families in your Collection as a .zip file
3.Installeer het lettertype op je computer
Kleurgebruik
17
Onze primaire kleur is geel. Hij wordt voornamelijk gebruikt als achtergrondkleur en gecombineerd met zwart en wit.
Kleurgebruik
14
CMYK: 0/20/100/0 RGB: 255/204/0 HEX: #FFCC00 PMS: 123
CMYK: 0/0/0/100 RGB: 0/0/0 HEX: #000000
14
CMYK: 0/20/100/0 RGB: 255/204/0 HEX: #FFCC00 PMS: 123
CMYK: 0/0/0/100 RGB: 0/0/0 HEX: #000000
14
CMYK: 0/20/100/0 RGB: 255/204/0 HEX: #FFCC00 PMS: 123
CMYK: 0/0/0/100 RGB: 0/0/0 HEX: #000000
18
Naast geel-zwart-wit zijn er drie andere kleurcombinaties waar je uit kunt kiezen:
Kleurgebruik
15
CMYK: 40/0/30/0 RGB: 166/213/194 HEX: #A6D5C2
CMYK: 30/100/70/0 RGB: 182/28/62 HEX: #B61C3E
16
CMYK: 0/75/60/0 RGB: 235/93/86 HEX: #EB5D56
CMYK: 100/75/0/0 RGB: 0/72/153 HEX: #004899
17
CMYK: 15/20/25/0 RGB: 222/205/191 HEX: #DECDBF
CMYK: 80/15/50/0 RGB: 0/155/143 HEX: #009B8F
15
CMYK: 40/0/30/0 RGB: 166/213/194 HEX: #A6D5C2
CMYK: 30/100/70/0 RGB: 182/28/62 HEX: #B61C3E
15
CMYK: 40/0/30/0 RGB: 166/213/194 HEX: #A6D5C2
CMYK: 30/100/70/0 RGB: 182/28/62 HEX: #B61C3E
16
CMYK: 0/75/60/0 RGB: 235/93/86 HEX: #EB5D56
CMYK: 100/75/0/0 RGB: 0/72/153 HEX: #004899
16
CMYK: 0/75/60/0 RGB: 235/93/86 HEX: #EB5D56
CMYK: 100/75/0/0 RGB: 0/72/153 HEX: #004899
17
CMYK: 15/20/25/0 RGB: 222/205/191 HEX: #DECDBF
CMYK: 80/15/50/0 RGB: 0/155/143 HEX: #009B8F
17
CMYK: 15/20/25/0 RGB: 222/205/191 HEX: #DECDBF
CMYK: 80/15/50/0 RGB: 0/155/143 HEX: #009B8F
19
Als iconen of totems op een gekleurde achtergrond worden gezet, is hun vulling wit.
Kleurgebruik
14
CMYK: 0/20/100/0 RGB: 255/204/0 HEX: #FFCC00 PMS: 123
CMYK: 0/0/0/100 RGB: 0/0/0 HEX: #000000
14
CMYK: 0/20/100/0 RGB: 255/204/0 HEX: #FFCC00 PMS: 123
CMYK: 0/0/0/100 RGB: 0/0/0 HEX: #000000
Fotografie
21
Fotografie
IndeCMD-fotografieverwerkenwewaarhetkandeiconen.De beelden laten studenten zien in de context van de studie of Amsterdam. Ze zijn speels en verrassend van opzet.
Waar mogelijk, wordt geel als steunkleur gebruikt.
22
Fotografie
cmd_beeldbank_developer_01.jpg
cmd_beeldbank_meerdere_02.jpg
cmd_beeldbank_surveillance_08.jpg
cmd_beeldbank_verf_01.jpg
cmd_beeldbank_hand_07.jpg
cmd_beeldbank_love_01.jpg
Enkele voorbeelden uit de beeldbank:
cmd_beeldbank_connected_02.jpg
Uitingen
24
Welkom bij CMD!
25
Uitingen
Een aantal middelen die de nieuwe stijl uitdragen:
Laptopsticker
Gele loper Stickervel3D letters
Tape
26
Middelen
COMMUNICATION ANDMULTIMEDIA DESIGNBACHELOROPLEIDING VOLTIJD2015-2016
Welkom bij CMD!
Welkom bij CMD!COMMUNICATION
AND MULTIMEDIA DESIGN
CREATING TOMORROWCREATING TOMORROW
Een aantal uitingen die in de nieuwe stijl zijn ontworpen:
Open Dag banner Introductie posters
Factsheet
Powerpoint
28
Powerpoint
De Powerpoint bestaat uit een aantal template slides:
CREATING TOMORROW
Voorbeeld van een titel slideVoorbeeld van een ondertitel
Voorbeeld van eind slide Voorbeeld van eindtekst.
Voorbeeld van eind slide Voorbeeld van eindtekst.
CREATING TOMORROW
Voorbeeld van een ondertitel
Voorbeeld van een titel slide
VOORBEELD VAN EEN HOOFDSTUK SLIDE
VOORBEELD VAN EEN HOOFDSTUK SLIDE
VOORBEELD VAN EEN HOOFDSTUK SLIDE MET ZELF TE KIEZEN ICOON
Voorbeeld van tekst slide Voorbeeld van lopende tekst.
Voorbeeld van beeld slide met titel en zwart HvA logo
CREATING TOMORROW
Voorbeeld van een titel slideVoorbeeld van een ondertitel
Titel slide Hoofdstuk slide Tekst slide Beeld slide Eind slide
Voorbeeld van tekst slide Voorbeeld van lopende tekst met opsomming:
• bullet • bullet
Voorbeeld van beeld slide met bijschrift en zwart HvA logo
Online
30
Online
De studiepagina op de HvA website
hva.nl/onderwijs/opleidingen/item/communication-and-multimedia-design.html
31
Online
De portfolio website
cmd-amsterdam.nl
32
Online
Alsavatar,faviconofprofilepicturegebruikenweeenvandezeiconen:
cmd_avatar_01.png cmd_avatar_02.png
Beeldbank
34
Beeldbank
IndebeeldbankvindjetypischeCMD-fotografiediejekunttoepassenin je ontwerpen. Alle beelden zijn rechtenvrij te gebruiken, maar alléén voor middelen die binnen de CMD-huisstijl vallen.
De beeldbank bevat tevens alle iconen, een paar totems en het HvA logo.
De beelden zijn hoge resolutie en in RGB. Bij gebruik in drukwerk dienen ze te worden omgezet naar CMYK.
Combinatie met HvA huisstijl
36
Combinatie met HvA huisstijl
De CMD beeldtaal valt binnen de HvA huisstijl. Dat werkt zo:
Corporate HvA uitingen:VollediginHvAstijl(logo,driehoeken,typografie,kleur,pay-off)
CMD uitingen:Plaats altijd het HvA logo linksboven
COMMUNICATION ANDMULTIMEDIA DESIGNBACHELOROPLEIDING VOLTIJD2015-2016
Welkom bij CMD!
Please do touch
38
Zelf aan de slagDe CMD stijl is nooit klaar. Zit jouw icoon er niet tussen? Vul het aan!
Ontwerp je eigen icoon voor de CMD tribe, en stuur het naar Mattijs en Grrr.We checken het op stijl en uitvoering en voegen het toe aan de set.
Meer informatie
40
Meer informatie
Vragen over het toepassen van de huisstijl? Neem contact op met:
Mattijs BlekemolenExterne samenwerking [email protected]
Annemarie van LankveldHoofd Communicatie Domein Digitale Media en Creatieve [email protected]
De CMD huisstijl is ontwikkeld en ontworpen door interactief ontwerpbureau Grrr, Amsterdam www.grrr.nl
Fotografie:GerritjanHuininkwww.gerritjanhuinink.nl