Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde...

10
Huisstijlhandboek Opdracht Ontwerp een huisstijlhandboek voor je crossmediaproject/televisieprogramma met je projectgroep. Formaat Huisstijlhandboek Ontwerp het huisstijlhandboek op A5-formaat of in een ander zelf gekozen formaat. Het huisstijlhandboek mag je met je projectgroep maken. Maak een taakverdeling. Het huisstijlhandboek moet bestaan uit de volgende onderdelen: Kleur, Woorden, Beelden 1A Geef met woorden en kleuren, de kernwaarden aan waar jouw crossmediaproject voor staat. 1B Geef met woorden aan, welke wel en welke niet van toepassing zijn. 1C Geef met beelden aan, welke wel en welke niet van toepassing zijn. Kleur 2A Ontwerp een kleurenschema met minimaal 2 hoofd- en 2 steunkleuren 2B Vermeld de codes van de huiskleuren voor drukwerk (CMYK, Pantone) en voor het scherm (RGB, Web).Vermeld de kleuren in een vierkant, gekleurd in een van de huisstijlkleuren. Typografie 3A Vermeld het lettertype je hebt gebruikt in het logo en pay-off. 3B Vermeld het lettertype dat je gaat gebruiken in teksten. 3C Vermeld ook de reden waarom je voor het lettertype hebt gekozen, vermeld daarbij iets over de sfeer van het lettertype. Logo 4A Maak 4 (beter meerdere) verschillende logo- ontwerpen: Stem tekst, lettertype, kleur, beeldmerk, pay-off af op het product, de doelgroep en de kernwaarden. Laat het proces zien zoals je aan je logo bent gekomen. Maak gebruik van de aandachtspunten Logo (leesbaar, eenvoudig, één element, niet te druk, één geheel) 4B Maak diverse variaties van het Logo 4C Geef minimaal 6 voorbeelden van logovarianten die je niet goed vindt (DONT'S) 4D Sla de verschillende varianten van het logo op als JPG, PSD en PNG. Huisstijldragers 5A Ontwerp een visitekaartje. 5B Ontwerp per persoon tenminste drie promotiemiddelen en/of promo’s voor je televisieprogramma van het crossmediaproject. 5C Ontwerp een Icoon voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een pagina voor de app in de huisstijl van het crossmediaproject. Inleveren Verwerk de opdrachten in een boekje grootte A5 of in een ander zelf gekozen formaat. Het is verplicht het huisstijlhandboek als boekje uitgeprint in te leveren. Sla het huisstijlhandboek op als PDF en plaats ze op je WordPress-site

Transcript of Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde...

Page 1: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Huisstijlhandboek Opdracht Ontwerp een huisstijlhandboek voor je crossmediaproject/televisieprogramma met je projectgroep. Formaat Huisstijlhandboek Ontwerp het huisstijlhandboek op A5-formaat of in een ander zelf gekozen formaat. Het huisstijlhandboek mag je met je projectgroep maken. Maak een taakverdeling. Het huisstijlhandboek moet bestaan uit de volgende onderdelen: Kleur, Woorden, Beelden 1A Geef met woorden en kleuren, de kernwaarden aan waar jouw crossmediaproject voor staat. 1B Geef met woorden aan, welke wel en welke niet van toepassing zijn. 1C Geef met beelden aan, welke wel en welke niet van toepassing zijn. Kleur 2A Ontwerp een kleurenschema met minimaal 2 hoofd- en 2 steunkleuren 2B Vermeld de codes van de huiskleuren voor drukwerk (CMYK, Pantone) en voor het scherm

(RGB, Web).Vermeld de kleuren in een vierkant, gekleurd in een van de huisstijlkleuren. Typografie 3A Vermeld het lettertype je hebt gebruikt in het logo en pay-off. 3B Vermeld het lettertype dat je gaat gebruiken in teksten. 3C Vermeld ook de reden waarom je voor het lettertype hebt gekozen, vermeld daarbij iets over

de sfeer van het lettertype. Logo 4A Maak 4 (beter meerdere) verschillende logo- ontwerpen:

Stem tekst, lettertype, kleur, beeldmerk, pay-off af op het product, de doelgroep en de kernwaarden. Laat het proces zien zoals je aan je logo bent gekomen. Maak gebruik van de aandachtspunten Logo (leesbaar, eenvoudig, één element, niet te druk, één geheel)

4B Maak diverse variaties van het Logo 4C Geef minimaal 6 voorbeelden van logovarianten die je niet goed vindt (DONT'S) 4D Sla de verschillende varianten van het logo op als JPG, PSD en PNG. Huisstijldragers 5A Ontwerp een visitekaartje. 5B Ontwerp per persoon tenminste drie promotiemiddelen en/of promo’s voor je

televisieprogramma van het crossmediaproject. 5C Ontwerp een Icoon voor een smartphone met afgeronde hoeken en tekst op het

springboard. 5D Ontwerp een pagina voor de app in de huisstijl van het crossmediaproject. Inleveren Verwerk de opdrachten in een boekje grootte A5 of in een ander zelf gekozen formaat. Het is verplicht het huisstijlhandboek als boekje uitgeprint in te leveren. Sla het huisstijlhandboek op als PDF en plaats ze op je WordPress-site

Page 2: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Kernwaarden Opdracht 1: Geef met woorden en kleuren, de kernwaarden aan waar jouw crossmediaproject voor staat. Geef met woorden aan, welke wel en welke niet van toepassing zijn op jouw televisieprogramma. Geef met beelden aan, welke wel en welke niet van toepassing zijn op jouw televisieprogramma. We communiceren met letters, met kleuren en natuurlijk met beelden. Met beelden kun je hel duidelijk aangeven waar je voor staat. Voorbeeld Koning Willem I College: Als we de juiste beelden gebruiken. Onze beelden hebben gemeenschappelijke kenmerken: ze zijn warm en authentiek. De beelden geven duidelijk weer waar we voor staan. En laten vooral mensen zien: betrokken en energiek. Van dichtbij of veraf geschoten, onze fotografie heeft een positieve uitstraling. Dan is het dus niet zo moeilijk om te bedenken welk beeld ons niet past.

Page 3: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Huisstijlkleuren Opdracht 2: Vermeld de codes van de huiskleuren voor drukwerk (CMYK, Pantone) en voor het scherm(RGB, Web). Vermeld de kleuren in een vierkant, gekleurd in een van de huisstijlkleuren. Met de kleuren geef je het karakter van de onderneming, je crossmediaproject weer. Vermeld de codes van de huiskleuren voor drukwerk (CMYK, Pantone) en voor het scherm(RGB en Web). Vermeld de kleuren in een vierkant gekleurd in een van de huisstijlkleuren. Code van de het KW1C van het oude en nieuwe logo:

Code van het crossmediaproject Ask-it met de vertaling naar de kernwaarden

Page 4: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Huisstijl | Lettertype Opdracht 3 Vermeld het lettertype wat je hebt gebruikt in het logo en pay-off. Vermeld het lettertype dat je gaat gebruiken in teksten. Vermeld ook de reden waarom je voor het lettertype hebt gekozen, vermeld daarbij iets over de sfeer van het lettertype.

Voorbeeld van crossmediaproject:

Page 5: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Huisstijl | Logo Opdracht 4 Ontwerp tenminste vier logo’s voor het televisieprogramma van je crossmedia project. Ontwerp een woordmerk, beeldmerk en payoff. Voeg de onderdelen samen en maak een keuze uit de vier ontwerpen.Presenteer in tekst en beeld de mogelijkheden van het logo met achtergrond in kleur en zwart/wit/grijs. Ontwerp Ontwerp eerst het woordmerk. Daarna het beeldmerk. Voeg de onderdelen samen. Ontwerp de payoff. Voeg tenslotte de drie onderdelen samen tot een logo. Bij het koning Willem I College zie je dat de payoff los staat van het Logo. Bij Fortuin is de payoff geïntegreerd. Ontwerp Ask-It:

Logo Woordmerk, Logo Beeldmerk, Logo woord- en beeldmerk:

Payoff, Logo met pay-off:

Enkele richtlijnen voor het ontwerpen van een logo. Leesbaar Houd er rekening mee dat een logo leesbaar moet zijn in verschillende maten, kleuren en media. Simpel Houd het simpel. Zorg dat de boodschap overkomt en probeer niet te veel tegelijk te vertellen. Kijk tijdens het ontwerpen of je elementen weg kunt laten. Als dat kan, doe het dan ook. Smaak Werk vanuit de gedachte van de klant en niet vanuit je eigen smaak. Niet te druk Pas ervoor op dat je logo niet te druk overkomt door gebruik van teveel kleuren of te agressieve lijnen. Durf te schrappen en zet een paar variaties naast elkaar zodat je tot de juiste keuze komt. Teken De elementen die je gebruikt bij het maken van een logo voeg je samen tot een teken zodat het een geheel is en geen losse elementen.

Page 6: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

LOGO VARIATIES:

Page 7: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Het LOGO DON’TS

Page 8: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Promotiemiddelen Opdracht 5A Ontwerp een visitekaartje. Ontwerp per persoon tenminste drie promotiemiddelen en/of promo’s voor je televisieprogramma van het crossmediaproject. Probeer origineel te zijn en houd rekening met jouw doelgroep. Mogelijke promotiemiddelen: Affiche, flyer, advertentie, abri, vlaggen strip, trailer, goodybag, pet, gadgets, reclamebord, stickers, nieuwsbrief, website, boomerang, decor uitzending, aanmeldingskaart, visitekaartje, logo, bedrijfswagen, zadelhoesjes, reclameborden achter de fiets, etc. Promo’s: aanstekers, agenda, bodywarmers, caps, fleece, glas, golfartikelen, handdoeken, horloges, jacks, mokken, muismatten, paperclips, paraplu, pennen, poloshirts, schort, schrijfblokken, sleutelhangers, stropdassen, sweaters, tassen, t-shirts, USB-gadgets, USB-sticks, fietszadelhoezen etc. etc. Voorbeelden van ontwerpen van afgelopen twee jaar:

Page 9: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

Icoon Opdracht 5B Ontwerp een Icoon voor een smartphone met afgeronde hoeken en een tekst op het springboard. Icoon maken voor Smartphone In de meeste gevallen is het app-icoon de eerste kennismaking met de app; het is min of meer het visitekaartje in de app store. Het icoon kan het verschil maken tussen wel aanklikken voor meer informatie of niet. Met andere woorden, daar mag wel wat aandacht aan worden besteed. Vierkant afgerond Iconen zijn vaak gemaakt met afgeronde hoeken (iPhone). Formaat is 200 x 200 pixels, resolutie 72 pixels/inch, RGB. We kiezen in de gereedschapsbalk onder rechthoek Afgeronde rechthoek. Ga naar de optiebalk en kies daar een Straal van 35 px. Kies een kleur in de gereedschapsbalk bij Voorgrondkleur instellen. Teken met het gereedschap Afgeronde rechthoek vanuit de linkerhoek. Hou de Shift-toets ingedrukt waardoor een Vierkant ontstaat met afgeronde hoeken.

Canvasgrootte,Tekst, Laagstijl Vergroot het bestand bij Canvasgrootte met 100 px. Plaats een tekst onder het icoon op het Springboard. Geef de tekst Slagschaduw. Geef het icoontje nog een Laagstijl, Slagschaduw en Schuine Kant en Reliëf.

Enkele tips:

• Geen tekst in icoon • Zorg dat je icoon opvalt • Gebruik dezelfde kleurstelling als in de app • Gebruik niet teveel details • Naam van de app op springboard

Page 10: Huisstijlhandboek · 2016-01-13 · 5C Ontwerp een . Icoon . voor een smartphone met afgeronde hoeken en tekst op het springboard. 5D Ontwerp een . pagina voor de app. in de huisstijl

App- Pagina Opdracht 5C Ontwerp een pagina voor de app in de huisstijl van het crossmediaproject. Verwerk tekst, het logo en eventueel een foto op de pagina. Smartphone Open een foto van een Smartphone zonder display. Plaats hulplijnen aan de rand van de display. Logo en Tekst Plaats huisstijlelementen zoals het logo, rand en andere zaken op de foto. Tenslotte maak je nog blokjes om tekst op te plaatsen. Gebruik eventueel een Laagstijl voor de afwerking. Voorbeelden afgelopen twee jaar: