Huis stijl

Reader Digitale vormgeving

MHBO evenementen

2

Marketing & Communicatie Digitale Vormgeving

Inhoud

Begrippen pag.03

Belang huisstijl pag.04

Huisstijl ontwerp pag.05

Doelgroep pag.07

Kleur pag.08

Typografie pag.09

Logo pag.10

Visitekaartje pag.12

Stijlelementen pag.13

Fotografie pag.14

Huisstijlhandboek pag.16

3

Marketing & Communicatie Digitale Vormgeving

Begrippen

Merk/Brand Een merk (brand) is wat het publiek denkt, voelt en ervaart bij een bedrijf. Branding gaat dus over het creëren van een klantbeleving. Een merk is een concept en niet zichtbaar of tastbaar.

Huisstijl/Identity Een huisstijl (corporate identity) biedt de visuele elementen om het merk zichtbaar te maken. De identiteit is samen met marketing strategie, advertising, public relations, social media, klantenservice, etc. één van de belangrijkste onderdelen van ‘branding’. Het zorgt ervoor dat mensen het merk herkennen en zich er mee willen associëren. Een identiteit maakt het merk zichtbaar en concreet. Dat gebeurt door het publiek in contact te laten komen met uitingen die op elkaar zijn afgestemd zoals: het logo, visitekaartjes, websites, advertenties, bedrijfskleding, verpakkingen, etc. Een huisstijl is het uiterlijk van een organisatie. Met uiterlijk kun je laten zien wie of wat je bent (Identiteit). Zonder duidelijk gezicht weet niemand met wie hij zaken doet. Op de momenten dat de eigenaar / werknemer er zelf niet is om over het bedrijf te vertellen moet de huisstijl het even over kunnen nemen.

4

Marketing & Communicatie Digitale Vormgeving

Logo Een logo (Company icon of beeldmerk) visualiseert het merk en haar identiteit in de eenvoudigste vorm en maakt gebruik van een symbool en/of een woord. Een logo is onmisbaar voor elk bedrijf dat herkenbaar wil zijn.

Imago De huisstijl bepaalt voor een groot deel het beeld (imago) dat toekomstige klanten van het bedrijf / merk hebben.

Kernwaarden Dit zijn de belangrijkste waarden van een bedrijf of organisatie. Kernwaarden worden ook wel merkwaarden of basiswaarden genoemd. De kernwaarden van een bedrijf zijn dus de punten waar de organisatie naar streeft. Bijvoorbeeld:

BNN Houdt om haar missie te bereiken in al haar uitingen rekening met de waarden eigenzinnig, humoristisch, lef, brutaal en ‘lust for life’. Apple Van Apple kun je zeggen dat haar kernwaarden zijn: Simplicity, Mastery, Choice en Excellence.

Waarom is een goede huisstijl belangrijk? Door een huisstijl te ontwerpen die bij de identiteit van de organisatie past en deze consistent door te voeren, wordt de naamsbekendheid van de organisatie versterkt en wordt de identificatie met de organisatie door de eigen medewerkers vergroot. Het is tevens een goede manier om je als organisatie te onderscheiden ten opzichte van de concurrentie. De huisstijl is een belangrijk onderdeel van de identiteit en het imago. Het biedt onderscheidend vermogen. Het laat een organisatie eruit springen en bepaalde kernwaarden uitdragen waar de doelgroep zich in kan herkennen. Een huiastijl:

- Zorgt recall & recognition (herkenning en herinnering) van het merk - Beïnvloedt de houding ten opzichte van het merk / bedrijf - Draagt bij aan imago en reputatie van het merk / bedrijf - Beïnvloedt gedrag ten opzichte van het merk / bedrijf - Zorgt voor dé eerste indruk (First Impression)

Een huisstijl moet: - Consistent (samenhangend, niet tegenstrijdig) zijn. - Onderscheidend en zichtbaar/opvallend zijn.

5

Marketing & Communicatie Digitale Vormgeving

Hoe ontwerp je een huisstijl?

Vastleggen van de strategie - Wie zijn we? - Wat zijn onze kernwaarden? - Wat vindt de organisatie belangrijk? - Wat is het kernconcept? (Wat is de visie van een organisatie?) - Wat is de merkidentiteit (Herkenning van de organisatie, kwaliteit en eigenheid)

Stel als organisatie vast wat je gewenste identiteit en imago zijn. Hoe wil je dat mensen jouw organisatie zien? Welke kernwaarden zijn daarin belangrijk? Hou echter altijd in je achterhoofd dat een goede huisstijl niets oplevert als deze niet aansluit bij de communicatie en het gedrag vanuit de organisatie. Kijk daarom bij imago-onderzoek niet alleen naar de symboliek/uiterlijk, maar ook naar het gedrag en de communicatie.

Opdracht 1 Kernwaarden Maak een ansichtkaart waarop je op creatieve wijze de kernwaarden van jullie minionderneming benoemd. Het is een oriënterende opdracht in het ontwikkelen van jullie huisstijl. Keuze voor kleuren, lettertype, logo, stijlelementen en fotografie komen later aan de orde en staan nu dus nog niet vast. De kernwaarden zijn de basis van waaruit je gaat ontwerpen. Ga als volgt te werk:

- Maak een nieuw document: Bestand / File – Nieuw – Internationaal papier – A6. - Plaats hulplijnen op 1 cm vanaf de buitenzijdes. - Typ minimaal 3 kernwaardes. - Experimenteer in lettertype, lettergrootte, lay-out, toegevoegde afbeeldingen en kleur.

Doelgroep omschrijven Deze moet zich uiteindelijk kunnen identificeren met de huisstijl en de huisstijl aantrekkelijk vinden.

- Op welke doelgroep richt je je? Wat is hun geslacht, leeftijd, burgerlijke staat, inkomen en opleidingsniveau?

- Wat is hun levensstijl? - Waar zijn je klanten? - Waar zoeken ze naar? - Wat heb je hen te bieden?

6

Marketing & Communicatie Digitale Vormgeving

Ontwerp van de huisstijlelementen Probeer de identiteit te visualiseren aan de hand van huisstijlelementen:

1 Logo (combinatie beeldmerk of vignet en woordmerk). 2 Pay-off (soort slagzin die de identiteit van het merk of de organisatie versterkt - kan ook een

descriptor zijn met informatie over het merk of bedrijf). 3 Typografie (lettertypes kunnen bijvoorbeeld on- en offline verschillend zijn). 4 Kleurenschema. Vaak wordt uitgegaan van 1 of 2 hoofdkleuren en enkele

ondersteunende kleuren. Uiteraard moet(en) de hoofdkleur(en) passend zijn voor de organisatie.

5 Stijlelementen (grafische elementen uit de huisstijl die op een andere manier toegepast kunnen worden in briefpapier, folders, etc.).

6 Fotografie (een keuze voor stijl van fotograferen, type foto's, eventuele bewerkingen). 7 Geluid (versterkt de herkenbaarheid of een beoogd gevoel. Bijvoorbeeld een tune of speciale

song.) Voor alle huisstijlelementen gaat op dat ze consistent gebruikt worden.

Enkele voorbeelden KLM KLM = Koninklijke Luchtvaart Maatschappij (woordmerk). Kroontje = Staat voor koninklijk (beeldmerk). Blauw: Betrouwbaar en lucht Wit: Eerlijk en veilig (kleuren).

Adidas Adidas = Het bedrijf is vernoemd naar de oprichter, Adolf (Adi) Dassler.(woordmerk). Strepen = Staan voor een berg, die wijst op de uitdaging die een sporter te wachten staat en de doelen die bereikt kunnen worden. (beeldmerk).

Beats Beats: het ritme van muziek (woordmerk). Het logo van Beats lijkt gewoon een wit rondje met de letter ‘B’ te zijn, maar het is ook een poppetje van de zijkant met een koptelefoon op (beeldmerk).

Waarborgen van een goed gebruik Hiervoor maak je een huisstijlhandboek met daarin de richtlijnen voor gebruik. Voor zeer grote ondernemingen wordt gebruik gemaakt van een brandportal waarin de regels staan en ook de huisstijlelementen.

7

Marketing & Communicatie Digitale Vormgeving

Doelgroep Deze moet zich uiteindelijk kunnen identificeren met de huisstijl en de huisstijl aantrekkelijk vinden.

- Op welke doelgroep richt je je? Wat is hun geslacht, leeftijd, burgerlijke staat, inkomen en opleidingsniveau? Dit geeft je een algemeen beeld, nog zonder gezicht.

- Wat is hun levensstijl? Word specifieker. Denk aan de groep die jij probeert te bereiken – wat zijn hun waarden, persoonlijkheid, idealen en hobby’s? Denk aan hun gedrag en gedachtenpatronen. Deze vragen betreffen individuen, maar helpen ook je markt te bepalen. Als je tattoos verkoopt, dan is je ideale klant waarschijnlijk geen 98-jarige kerkgaande vrouw die graag breidt en romannetjes leest.

- Waar zijn je klanten? Locatie is belangrijk. Maar denk ook aan waar ze hun informatie vandaan halen en hun tijd doorbrengen. Reizen ze naar hun werk? Waar gaan ze heen voor ontspanning en op welke tijden? Je wilt hen bereiken, dus is het belangrijk te weten waar ze zijn.

- Waar zoeken ze naar? Gebruik deze vraag om te analyseren of jouw plannen stroken met wat zij willen en nodig hebben.

- Wat heb je hen te bieden? Nu je weet wat hun levensstijl is en wat ze willen, kun je een strategie ontwikkelen om je business te promoten. Vertaal wat jij verkoopt in de vervulling van wat je klanten willen.

Als je exact weet wie je wilt bereiken, waar ze zijn en hoe je met je klanten om moet gaan, dan loopt je onderneming efficiënter.

Opdracht 2 Doelgroep Maak een collage waarin je doelgroep zichtbaar wordt gemaakt. Verwerk op een creatieve manier minimaal 8 van bovengenoemde aandachtspunten. Formaat: A5

8

Marketing & Communicatie Digitale Vormgeving

Kleur RGB is een afkorting voor de primaire kleuren; rood, groen en blauw. RGB-kleuren worden gebruikt voor uitingen die bedoeld zijn voor een beeldscherm of display. CMYK staat voor Cyaan, Magenta, Yellow en Key (zwart) en wordt gebruikt voor full color drukwerk. PMS / Pantone is een kleurcodering. In dit Pantone Matching System (PMS) heeft elke kleur een eigen unieke code. De betekenis van kleuren is afhankelijk van de cultuur waarin je bent opgegroeid en de tijd waarin je leeft. Kleuren roepen bepaalde gevoelens en associaties op. Daarnaast spelen ook persoonlijke voorkeuren en mode een rol bij onze reactie op kleuren. De associaties die we met ze hebben en de betekenissen die we eraan geven zijn namelijk wel tijd en plaatsgebonden. Hoewel er geen wetenschappelijke bewijzen zijn voor het effect van kleuren, worden op grote schaal eigenschappen en effecten aan kleuren toegekend. Zie voor de betekenis van kleuren: http://www.kleurenpsychologie.be/ http://www.want.nl/de-psychologie-van-kleur-design-en-marketing/

Opdracht 3 Kleur Ontwerp een kleurenpalet

- Maak een nieuw document: A5. - Neem een foto die aansluit bij de nieuwe huisstijl als basis. - Maak een kleurenschema van 5 kleuren die toonaangevend en ondersteunend in je nieuwe

huisstijl zijn. - Houd daarbij ook rekening met de betekenis van kleur. - Presenteer je kleurenpalet in combinatie met een foto, vormen en tekst - Beschrijf voor de gekozen kleuren de betekenis/kernwaarden en de codes in RGB (beeldscherm)

en CMYK (print). - Benoem het gekozen lettertype.

9

Marketing & Communicatie Digitale Vormgeving

Typografie Tekst speelt een grote rol in visuele communicatie. Als grafisch ontwerper heb je dan ook dagelijks te maken met het vormgeven ervan. Dit noemen we typografie. Typografie bepaalt voor een groot deel de communicatiekracht van bijvoorbeeld boeken en tijdschriften, affiches, advertenties en dergelijke. Dat hier meer bij komt kijken dan een keuze maken voor een bepaald lettertype, realiseert men zich vaak niet. Als vormgever kijk je naar het doel van de tekst. Je kijkt naar de juiste verhoudingen (is de tekst geschreven met koppen, subkoppen, bodytekst, bijschriften e.d) om vervolgens hier de lettergrootte (corps) op aan te passen. Op welke wijze verdeel ik mijn pagina? Kies ik twee, zes of twaalf kolommen als basis voor mijn stramien? Hoe ga ik de tekst plaatsen? In blokvorm, links lijnend, gecentreerd? Allemaal keuzes die bepalend zijn. Een vak op zich. Voor de keuze van een lettertype werd oorspronkelijk uitgegaan van het verschil tussen een geschreefde letter (Serif) en een schreefloze letter (Sans serif). Bij een geschreefde letter wordt gebruik gemaakt van de toevoeging van streepjes waardoor er een denkbeeldige lijn onder een regel ontstaat en de lezer bij het lezen

van grote hoeveelheden tekst niet van de regel afvalt. De geschreefde letter is daarom bedoeld voor drukwerk. Bij de schreefloze letter ontbreken deze streepjes. De schreefloze letter is bedoeld voor beeldschermgebruik omdat hij hierop duidelijker overkomt en er als het goed is geen grote hoeveelheden tekst worden gebruikt. Op dit moment worden de lettertypes voor beide doeleinden gebruikt. Sterker nog … de trend is nu Mix & Match … Groot en klein,

handgeschreven en typewriter. Overige trends die op het lettertype van invloed zijn, zijn flat design, dikke witte lijnen en een voorkeur voor vintage. Er zijn meerdere sites waarop je lettertypes kunt downloaden. Enkele mogelijkheden: http://losttype.com/browse http://www.fontspace.com http://www.dafont.com http://www.searchfreefonts.com/

In affiches wordt soms gebruik gemaakt van Blokteksten. De teksten worden uitgelijnd in een blok. Hierdoor worden korte en lange teksten die bij elkaar horen, geordend tot een geheel.

Opdracht 4 Typografie 4a Download 4 verschillende lettertypes die eventueel bruikbaar zijn voor je huisstijl. 4b Typ de naam en play-off van je minionderneming 4x in (combinaties van) verschillende

lettertypes. 4c Maak een keuze en beargumenteer je keuze. 4d Maak een bloktekst van minimaal 3 regels.

10

Marketing & Communicatie Digitale Vormgeving

Logo Het logo is het meest herkenbare element van de huisstijl. Het logo bestaat uit een Beeldmerk, een Woordmerk en eventueel een Pay-off. Een logo moet herkenbaar zijn, het product verwoorden, aan de uitstraling van het bedrijf voldoen en je klanten bekoren. Belangrijke elementen om te overdenken zijn:

Doelgroep, uitstraling, kleur en typografie. Nog enkele richtlijnen op een rijtje: Leesbaar Houd er rekening mee dat een logo leesbaar moet zijn in verschillende maten, kleuren en media. Het moet er bijvoorbeeld ook goed uitzien als het zwart-wit wordt afgedrukt. 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. Één element Zorg ervoor dat je ontwerp één element bevat om te onthouden. Niet meer of minder. Alle sterke logo’s hebben een enkel element dat ze helpt op te vallen. Niet twee, drie of vier elementen. Smaak Wanneer je een logo voor een klant maakt, moet je werken vanuit de gedachte van de klant en niet vanuit je eigen smaak. Anders kun je nooit een logo ontwerpen dat aansluit bij de wensen en eisen van de klant. Niet te druk Pas ervoor op dat je logo niet te druk overkomt door gebruik van teveel kleuren of te agressieve lijnen. Dit zorgt voor een onrustig beeld en doet afbreuk aan de kwaliteit van je logo. Durf te schrappen en zet een paar variaties naast elkaar zodat je tot de juiste keuze komt. Één geheel 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.

11

Marketing & Communicatie Digitale Vormgeving

Opdracht 5 Logo 5a Maak 2 verschillende logo- ontwerpen:

- Maak per logo een nieuw bestand (breedte: 20 cm – hoogte: 20cm – resolutie: 300 dpi) - Stem tekst, pay-off, lettertype, kleur en beeldmerk af op het product, de doelgroep en de

kernwaarden. - Maak gebruik van de aandachtspunten Logo (leesbaar – sinpel – één element – smaak – niet te

druk – één geheel) 5b Maak een keuze voor 1 ontwerp, werk dit ontwerp uit in verschillende varianten (DO'S):

- Witte ‘stempel’ met transparante achtergrond. - Extra kleurvariant. - Gebruik op donkere achtergrond. - Gebruik op lichte achtergrond. - Gebruik op foto-achtergrond.

5c Geef minimaal 5 voorbeelden van logovarianten die je niet goed vindt (DONT'S) 5d Sla de verschillende varianten van het logo op als JPG, PSD en PNG.

12

Marketing & Communicatie Digitale Vormgeving

Visitekaartje Natuurlijk heeft jullie minionderneming ook een visitekaartje nodig. Visitekaartjes zijn er in verschillende soorten en maten. In de opdracht werken we met standaard maten. Je mag hier van afwijken.

Inhoud Op een visitekaartje staan meestal de volgende gegevens:

- Logo - Naam, adres en telefoonnummer bedrijf - e-mailadres, website en social-media gegevens - Eventueel naam en functie van een werknemer

- Ga bij het maken van een standaard formaat uit van 8,5 cm bij 5,5 cm; 300 pixels/inch - Maak gebruik van hulplijnen: Verticaal: 0,5cm - 8 cm - 8,5 cm; Horizontaal: 0,5 en 5 cm. - Beperk je op de voorzijde van je kaartje tot het plaatsen van je logo. - Op de achterzijde plaats je de informatie. - Maak hierbij gebruik van iconen voor social media, adres en website.

- Stem je lettertype af op de gekozen stijl en je plan bij typografie.

Opdracht 6 Visitekaartje Maak 2 verschillende visitekaartjes voor je eigen onderneming (2 x een voorzijde en 2 x een achterzijde). Pas bovenstaande aandachtspunten toe.

13

Marketing & Communicatie Digitale Vormgeving

Stijlelementen Stijlelementen zijn grafische elementen / vormen uit de huisstijl die op een andere manier toegepast kunnen worden in briefpapier, folders, etc.

In dit voorbeeld zijn de gekleurde blokjes uit het logo vertaald naar stijlelementen die toegepast worden als tekstvlakken in de folder.

Ook in dit voorbeeld is gebruik gemaakt van de vormen in het logo. Deze keer worden ze gebruikt als Prezi-frames.

Opdracht 7 Stijlelementen Maak 2 verschillende stijlelementen passend bij je logo en huisstijl.

14

Marketing & Communicatie Digitale Vormgeving

Fotografie Ook foto’s vormen een belangrijk onderdeel van de huisstijl. Foto’s op flyers, posters, billboards en steeds vaker ook op digitale schermen. Enkele aandachtspunten op het gebied van fotografie en huisstijl:

Inhoud Een foto vertelt vaak meerdere verhalen. Naast het concrete beeld moet de foto vooral bijdragen aan de kernwaarden van de organisatie.

In het huisstijlhandboek van het KW1C vind je de volgende uitspraak:

“Al deze beelden vormen samen de nieuwe beeldbank. De regel is: gebruik deze beelden zo veel en zo vaak mogelijk. Probeer een beeld te kiezen dat past bij het onderwerp waarvoor je iets aan het maken bent. Maar wees ook niet bang ze te gebruiken als het onderwerp niet per se bij een beeld past. Elk beeld draagt immers bij aan het

experimentele gevoel dat we willen uitdragen.”

Copyright Als je foto’s gebruikt moet je daarvoor toestemming hebben van de fotograaf en vaak ook van de persoon die op de foto staat (portretrecht). Als je zelf goed kunt fotograferen is dat mooi meegenomen. Voor professionele foto’s moet je meestal betalen. Het is een misverstand dat foto’s die je gemakkelijk kunt downloaden ook rechtenvrij zijn. Op mcstudentenwerk.wordpress.com/fotos/ vind je hier extra informatie over. Twee gemakkelijke manieren om aan rechtenvrije foto’s te komen zijn:

- Google afbeeldingen gefilterd op zoekhulpmiddelen – gebruiksrechten – gelabeld voor (niet commercieel) hergebruik.

- Pixabay.com

Kwaliteit Een foto kan op je beeldscherm heel scherp overkomen om vervolgens pixelig uit de printer te rollen. Dat heeft o.a. te maken met het aantal pixels per inch. Een beeld dat op je beeldscherm getoond wordt, wordt samengesteld uit licht. Een beeld op papier wordt samengesteld uit inkt. Om met licht een scherp beeld te krijgen heb je 72 dpi (dots per inch) nodig, met inkt heb je 300 dpi nodig. Bedenk dus van te voren waarvoor je de foto gaat gebruiken. Check of de juiste maten en dpi staan ingesteld en controleer het beeld op 100%.

15

Marketing & Communicatie Digitale Vormgeving

Bewerking Een specifieke manier van fotograferen en/of bewerken van je foto’s kan een bijdrage leveren aan de eenheid en herkenbaarheid van je huisstijl. Kies je bijvoorbeeld voor een Stedelijke / industriële sfeer kun je er voor kiezen wat kleur uit je foto’s te halen zodat ze een ‘urban’ karakter krijgen.

Foto’s

Een ander voorbeeld: Kanteel Kinderopvang kiest in haar fotografie voor foto’s waarbij grappige, vrolijke elementen zijn toegevoegd aan het oorspronkelijke beeld. De elementen zijn kleurrijk, de gefotografeerde kids zwart-wit. Door dit consequent toe te passen ontstaat er eenheid en herkenning. De kleuren van de toegevoegde elementen komen ook terug in het logo en de stijlelementen wat het geheel weer versterkt.

Opdracht 8 Fotografie Maak / bewerk een serie van 4 foto’s voor je minionderneming waarin je bovenstaande theorie verwerkt. Aandachtspunten zijn dus: Specifieke inhoud en bewerking, kwaliteit en copyright.

16

Marketing & Communicatie Digitale Vormgeving

Huisstijlhandboek In het huisstijlhandboek wordt aangegeven welke kleuren, logovarianten, lettertypes, lettergroottes, foto’s en stijlelementen wanneer gebruikt mogen worden. Dit zorgt ervoor dat er een consistent beeld ontstaat en de huisstijl uniform toegepast wordt. Dit leidt ertoe dat de uitstraling van de organisatie maximaal uitgedragen en onderstreept wordt. Iedere medewerker die externe contacten onderhoudt met bijvoorbeeld klant of leverancier moet de regels uit het handboek toepassen. Een eenvoudige manier om dat te realiseren is de inzet van formats en sjablonen. Deze standaarddocumenten kunnen vervolgens aangepast worden met eigen tekst en beeldmateriaal waardoor medewerkers op simpele wijze aan de richtlijnen van het handboek voldoen. Alleen het hebben van een huisstijlhandboek is dan natuurlijk niet voldoende. Een van de medewerkers moet verantwoordelijk worden gesteld voor de naleving ervan zodat de huisstijl daadwerkelijk optimaal ingezet worden. Voorbeelden van huisstijl handboeken vind je op mcstudentenwerk.wordpress.com – Lesmaterialen leerjaar 2.

Opdracht 9 Huisstijlhandboek Ontwerp een huisstijlhandboek voor je minionderneming. Het handboek moet de volgende onderdelen bevatten:

- Kaft - Inhoudsopgave en inleiding - Kernwaarden - Doelgroepomschrijving - Kleuren (Kleurcodes RGB en CMYK en relatie tot de kernwaarden) - Typografie (Lettertypes voor kop en alinea, voor beeldscherm en drukwerk - Interlinie –

lettergroottes – Lay-out ) - Logo en Logogebruik (do’s en dont’s) - 2 Stijlelementen - Fotografie - Promotiemiddelen (Visitekaartje – Briefpapier - Header voor online gebruik) - Pagina-nummering

Bij ieder onderwerp worden gemaakte keuzes beschreven en onderbouwd. Bij ieder onderwerp worden afbeeldingen toegevoegd. Het huisstijlhandboek wordt geprint in kleur ingeleverd.

SUCCES