FILM doen!
camera
Fotografie
koken door de lens
o e d i v
originaliteit
stop motion plasticine
animatie creativiteit
eigen leefwereld communicatie
h c s i f a p r r e G tw n o knippen beeld proeven lettertype compositie
MEHAI>EF:_]_9eeb ;^abZc!`c^eeZc!eaV``Zc! Zc! bdciZgZc![did\gV[ZgZc!`d` !### aVX]Zc!^ciZgcZiiZc!Wad\\Zc Z 9^iVaaZhkVaiiZWZaZkZc^cY ldg`h]deÆ9^\^8ddaÇ# ]de =ZihjXXZhkVcYZoZldg`h ldgYiWZeVVaYYddg_jaa^Z XgZVi^k^iZ^i Æ9^\^Xdda!ndjgjaZÇ
leren kijken
atelier: grafisch ontwerp door Johan Janssens & Elsbeth Neyens
Joh a
n
í
Elsbeth
í
g Da al ma alle
Hallo ied Welkomereen!
ch s i f a Gr ontwerp e dag ! badge elk Draag je
Workshop DigiCool Atelier: Grafisch Ontwerp
Korte inhoud 1// Inleiding “Grafische vormgeving is over om je heen.” 2// Wat is een blog? 1. Voor dat je aan een blog begint
2.Hoe maak je nu je eigen webblog aan? 3. Hoe post je een bericht?
4. Hoe sluit je de blog af?
3// Wat is een lay-out?
De verschillende compotsities Compositie en typografie
Kleurcontrasten Kleurnuances en leesbaarheid
4// 5// 6// 7// 8// 9//
Letterkoekjes maken De betekenis van kleuren binnen onze Westerse maatschappij
Jouw persoonlijkheid in combinatie met je lievelingskleur.
Papiermaten Opdracht: Maak zelf een postkaart Wat is een flyer? Opdracht: maak zelf een flyer
Hoofdstuk: Atelier “grafische vormgeving”
10// Verklarende woordenlijst 11// Bibliografie
3//
1// Inleiding
Grafische vormgeving
is overal om je heen.
Wat is nu eigenlijk grafische vormgeving?
'(
In het kort kun je zeggen dat een grafisch ontwerper een boodschap wil overbrengen. Dit kun je natuurlijk doen met een tekst, in de vorm van letters. Als je deze tekst dan combineert met kleuren en beeld (een foto of een tekening) krijg je een grafisch ontwerp. Een grafisch ontwerp hoeft echter niet altijd uit tekst én beeld te bestaan. Zo worden er ook wel eens ontwerpen gemaakt met alleen letters. Dit heet een typografisch ontwerp. (typografie)
Ook bestaan er afbeeldingen die zo duidelijk zijn, dat er geen tekst nodig is ( pictogram). Een grafisch ontwerper maakt vaak hele spannende, leuke of grappige ontwerpen. Dit doet hij, omdat de mensen zijn boodschap anders niet zien, of niet begrijpen. Denk bijvoorbeeld aan een affiche voor het circus. Als de ontwerper grijze en bruine kleuren gebruikt, en de naam van het circus heel klein op het affiche zet, heeft hij geen goed ontwerp gemaakt. Ten eerste is het natuurlijk helemaal geen mooi ontwerp: bij bruine en grijze kleuren heb je geen zin om naar een circus te gaan. Maar wat nog véél belangrijker is: de boodschap komt niet over. Bruin en grijs zijn geen opvallende kleuren, en de naam van het circus is veel te klein afgebeeld. Een ontwerper moet dus goed nadenken over kleuren en letters. Ook moet hij goed bedenken hoe hij de kleuren, letters en beelden neerzet binnen het ontwerp. Bijvoorbeeld: schuin, recht, groot,
klei com
Gra
Hoofdstuk: Atelier “grafische vormgeving”
Je beseft het meestal niet, maar tegenwoordig kunnen we niet meer zonder! Bij grafische vormgeving kun je denken aan een verkeersbord, een logo, een verpakking of bijvoorbeeld een affiche. Heel veel om ons heen is grafisch vormgegeven, en dit vinden we vaak heel logisch. We staan er niet bij stil.
4//
Gra nog 100 kun een maa erg vaa op, wer mis ze z men om bijv auto hele te o affic sim met Zwa ook (typ
g
n.
k or ze de
ste
ze een él omt n m van eld.
ers. oe en
ot,
Grafisch ontwerp vroeger Grafisch ontwerp bestond vroeger nog niet zoals we het nu kennen. 100 Jaar geleden waren het vooral kunstenaars, die in opdracht van een bedrijf bijvoorbeeld een affiche maakten. Deze affiches waren heel erg mooi en decoratief. Er stonden vaak hele ingewikkelde tekeningen op, omdat foto’s toen nog niet zo vaak werden gebruikt. Deze affiches waren misschien wel iets té mooi. Doordat ze zo ingewikkeld waren, moesten mensen heel dicht bij gaan staan om de affiche te begrijpen. En als ze bijvoorbeeld haast hadden, of in de auto voorbij kwamen, was er natuurlijk helemaal geen tijd om de boodschap te ontcijferen. Gaandeweg werden de affiches daarom steeds duidelijker en simpeler. De eerste ontwerpers die met letters zijn gaan ‘spelen’, zijn Piet Zwart en Paul Schuitema. Zij maakten ook vaak typografische ontwerpen (typografie).
Vanaf de jaren ’60 ontstaan de eerste grote reclame- en ontwerpbureaus. Vanaf die tijd is grafisch ontwerp niet meer weg te denken. Ieder bedrijf heeft een logo en een huisstijl (corporate Identity). Ook maken zij reclame in de vorm van bijvoorbeeld advertenties. Allemaal het werk van een grafisch ontwerper. Tegenwoordig zijn er een heleboel dingen die gemaakt worden door een grafisch ontwerper. Denk bijvoorbeeld aan affiches, flyers, boeken, tijdschriften, kranten, jaarverslagen, logo’s, verpakkingen, postzegels, geldbiljetten, briefpapier, bedrukking van kleding, verkeersborden, bedrukking van (bedrijfs-)auto’s, vlaggen, vaandels, websites en nog zoveel meer.
')
Hoofdstuk: Atelier “grafische vormgeving”
ge de
klein, boven, beneden etc. Dit noem je compositie. (compositie)
5//
2// Wat is een blog? Waar denken jullie aan als jullie het woord BLOG horen? Schrijf alle woorden, associaties, ideëen rond het woord blog op hieronder ...
Hoofdstuk: Atelier “grafische vormgeving”
blog
6//
Voorbeelden van een aantal leuke blogs.
1/ 2/ 3/ 4/ 5/ 6/ 7/ 8/
http://babsr.blogspot.com/ http://yepr-a-face-a-day.blogspot.com/
Hoofdstuk: Atelier “grafische vormgeving”
Ga zelf ook eens op zoek naar een aantal blogs die jezelf leuk vindt.
7//
1. Voor dat je aan een blog begint
Om zelf een blog te kunnen aanmaken hebben we een computer nodig met internet en een e-mailadres. Het e-mailadres is belangrijk als extra ondersteuning van je blog om bijvoorbeeld als je het paswoord van je blog vergeten bent terug te kunnen opzoeken in je mailbox. Ook bepaalde berichtgevingen zullen in je mailbox terug te vinden zijn. Waar kunnen we overal een nieuw e-mailadres aanmaken? // hotmail // gmail // Yahoo mail Je hebt dus verschillende mogelijkheden om te kiezen bij welke mailservice je een e-mailadres wenst aan te maken. Als we een e-mailadres bij gmail willen aanmaken gaan we zo te werk:
2/ Als je ‘een acoount maken’ aanvinkt, zal er een nieuw venster verschijnen waar ze al je persoonlijke gegevens zullen vragen zoals bijvoorbeeld je voornaam, achternaam, gewenste gebruikersnaam, wachtwoord en dergelijke meer. Let op: rechts bovenaan kan je de taal instellen naar keuze. Het makkelijkst is hier om Nederlands te kiezen. Daarna moet je onderaan aanvinken dat je akkoord gaat met de algemene gebruiksvoorwaarden en dan kan je account geactiveerd worden. Als je dit gedaan hebt, kan je nu starten met een aanmaken van een blog. Het makkelijkst om mee te werken is met ‘Wordpress’.
Hoofdstuk: Atelier “grafische vormgeving”
1/ ga naar www.gmail.com Het Gmailvenster zal openen en nu is het belangrijk dat je rechts onderaan naar dit venstertje gaat.
8//
Extra Info: WordPress is ontwikkeld door MatthewMullenweg, maar het wordt door een flinke groep ontwikkelaars ondersteund. Veel weblogs maken inmiddels gebruik van WordPress.
2. Hoe maak je nu je eigen webblog aan?
Stap1: Ga naar ‘nl.wordpress.com’ Dit venster zal er verschijnen.
Let op: vergeet rechts je taal niet aan te vinken. Nederlands is het makkelijkst om mee te werken. Als je dit gedaan hebt, kan je het blauwe kadertje ‘Nu intekenen’ aanvinken.
Hier moet je de naam van je blog invullen. Het is belangrijk dat je een unieke en leuke naam voor je blog zoekt want dit zal je niet meer kunnen veranderen. Denk er dus eerst goed over na vooraleer je zomaar iets invult.
Hoofdstuk: Atelier “grafische vormgeving”
Stap2: Dit venster zal er nu verschijnen.
9//
Stap3: Als je alles hebt ingevuld, is het belangrijk dat je onderaan rechts op ‘aanmelden’ klikt zodat je nieuwe blog aangemaakt zal kunnen worden.
Stap 5: Klik op het icoontje helemaal links en dan kom je op je persoonlijk profiel.
Hoofdstuk: Atelier “grafische vormgeving”
Stap 4: Als dit allemaal gebeurd is, zal je een e-mail ontvangen met de bevestiging van het aanmaken van een nieuwe blog. Nu kan je naar ‘www.wordpress.com’ gaan en kan je bovenaan links aan de pagina aanmelden met je gebruikersnaam en paswoord en je eigen blog beginnen te bewerken.
10//
Stap 6: Links zie je een menubalk. >Je dashboard is je controlepaneel. Als je dit aanklikt, zal je kunnen zien hoeveel berichten al reeds gepost zijn en of er eventueel reacties zijn binnen gekomen. > Onder berichten kan je kiezen tussen 1. nieuw bericht ( Als jee nieuw bericht wilt aanmaken, moet je een ‘nieuw bericht’ selecteren.) 2. categorieën (dit is belangrijk om een ondervedeling in je onderwerpen op je blog te kunnen maken. Bijvoorbeeld: ik heb een blog aangemaakt over paarden. Als je een categorie ‘witte paarden’ wilt aanmaken, is het handig dat alle berichten over witte paarden onder deze categorie komt te staan. Zo kan je verschillende categorieën of onderwerpen aanmaken op een blog.) > Onder Media kan je nagaan hoeveel blogruimte je nog over hebt of hoeveel je al gebruikt hebt. Alle geposte foto’s kan je daar ook bekijken. > Onder Links kan je een ander blogadres toevoegen aan je eigen blog. Je moet hier wel de categorie blogroll aan toevoegen. Dit betekent dat je een link toevoegd aan het blogadres. > Onder pagina’s kan je meerdere pagina’s aanmaken. Bijvoorbeeld als je iets wilt schrijven over jezelf of je klas kan je een nieuwe pagina aanmaken en het de titel geven ‘Over mezelf’ of ‘Meer informatie’. > Bij reacties kan je al je reacties bekijken en beantwoorden.
> Bij gebruikers kan je meerdere mensen toevoegen aan je blog. Je moet jezelf dan ook een functie toeschrijven. Je kan kiezen uit beheerder, schrijver, auteur of redacteur. > Onder extra kan je bijvoorbeeld je site verwijderen. > Bij instellingen kan je een aantal zaken wijzigen zoals de datum, de taal, je blog foto of icoon.
Hoofdstuk: Atelier “grafische vormgeving”
> Onder weergave kan je op zoek gaan naar een leuke lay-out van je blog. De lay-out bepaald hoe je blog er zal uitzien namelijk of je een speelse blog wilt hebben of eerder een formele blog.
11//
Stap7: Als je alle instellingen en keuzes hebt gemaakt, is het belangrijk om eens te gaan kijken hoe je blog er zal uitzien als iemand anders je blog wilt raadplegen. Door op dit icoontje te klikken, kan je altijd je blog bekijken.
Nu staat daar (hierboven)de naam Kauwgom maar als je een eigen blog hebt aangemaakt, zal je eigen blognaam er op te komen staan.
3. Hoe post je een bericht?
Om een nieuw bericht te kunnen aanmaken of posten moet je eerst zijn ingelogd op je blog.
Hoofdstuk: Atelier “grafische vormgeving”
Stap1: Ga naar je balk bovenaan. Bij ‘mijn blog’ zal er een balkje verschijnen.
12//
Onder ‘mijn blog’ kan je in het balkje ‘nieuw bericht’ kiezen. Het venster hieronder zal dan verschijnen.
Je kan ook een foto, afbeelding, you tube video of link toevoegen aan je
bericht.
Als je het eerste tekentje klikt dan zal je een foto kunnen toevoegen aan je bericht. Als je op het tweede icoontje aanvinkt, kan je een video toevoegen. Als je op het derde tekentje aanvinkt, zal je er muziek kunnen toevoegen aan je bericht.
Hoofdstuk: Atelier “grafische vormgeving”
Stap2: Geef je bericht eerst een titel. Dit kan je invullen bij het vakje ‘Vul hier de titel in’ Schrijf je bericht in het grote tekstkader dat hieronder getoond wordt. Je kan je tekst bewerken door het gereedschapsbalk boven het venster.
13//
Als je op het vierde tekentje klikt, kan je media toevoegen zoals een pdf, een powerpoint.
TIP: als je het allemaal niet zo goed weet, kan je met je muis over de icoontjes gaan en dan zal er een geel balkje verschijnen met de functie van het icoontje in beschreven.
Hoofdstuk: Atelier “grafische vormgeving”
Stap3: Vooraleer je het bericht kan publiceren, is het belangrijk dat je nog een categorie kiest waar je bericht onder gepost mag worden. Dit is handig zodat al je berichten per onderwerp gepost worden. Op die manier kan je makkelijk een gepost bericht terugvinden.
14//
Stap 4: Je bericht is bijna gepost. Nu is het belangrijk dat je eerst op publiceren klikt vooraleer je het bericht zal kunnen zien op jou blog. Hieronder zie je een voorbeeld van de knop ‘publiceren’. Als je daar op gedrukt hebt, moet je even wachten tot het bericht geladen is.
4. Hoe sluit je de blog af?
Hoofdstuk: Atelier “grafische vormgeving”
Je blog afsluiten is vrij eenvoudig. Ga bovenaan naar ‘mijn account’. Er zal terug een menubalkje verschijnen onder ‘mijn account’. Helemaal onderaan staat ‘uitloggen’ wat afmelden tekent.
15//
3// Wat is een lay-out? Een lay-out is de opmaak van een tekst in bijvoorbeeld een tijdschrift, boek, artikel, flyer, ... Belangrijk bij de opmaak van een lay-out is de compositie, de plaatsing van foto’s of afbeeldingen en de lettertypes die gebruikt worden.
Voorbeeld lay- out Hieronder vind je twee pagina’s uitgetekend. Dit is een voorstudie van een lay-out.
tekst foto of afbeelding
Hoofdstuk: Atelier “grafische vormgeving”
titel en lettertype
16//
1. De verschillende compotsities
= de ordening van diverse delen tot een geheel. Het gaat om het complete beeld van wat er te zien is, de totale vormgeving van het beeld. Het geheel moet bij elkaar passen en kloppen.
Symmetrische compositie Een symmetrische compositie wordt gekenmerkt door een verticale en horizontale denkbeeldige as die min of meer een evenredige massaverdeling maakt van links en rechts.Je hebt dus een evenwichtige verdeling. Dit geeft een rustige uitstraling.
Centrale compositie We spreken van een centrale compositie als er een centraal punt is (dikwijls in het midden gelegen van het werk) waar alle andere elementen naartoe gericht lijken te zijn, dat noemt men een aandachtscentrum.Het is ook een symmetrische compositie. Een centrale compositie straalt evenwicht en rust uit.
Hoofdstuk: Atelier “grafische vormgeving”
Asymmetrische compositie Alle niet-symmetrische composities noemen we automatisch asymmetrisch. Het gebruiken van verschillende elementen in een zinvolle verhouding tot het geheel is essentieel.De verhouding ligt niet dikwijls op de gulden snede. Deze compositie suggereert beweging en dynamiek.
17//
Geometrische compositie Een compositie waar de kunstenaar met een meetlat is bezig geweest noemt men geometrische composities. Het geheel is dan nauwkeurig volgens bepaalde meetkundige regels opgebouwd waardoor het een meetkundig karakter heeft. Het doet vaak vrij rustig en stabiel (echte orde) aan. Voorbeelden hiervan zijn horizontale en verticale composities.
Diagonale composities Een compositie waarbij een duidelijke tweedeling van een diagonale beeldas over het vlak is aangebracht.
Bewegingscompositie Bij deze compositie lijkt het dat bepaalde lijnen een beweging vertonen. Van een werkelijke beweging is geen sprake en dat noemt men illusie.
Hoofdstuk: Atelier “grafische vormgeving”
Piramidale of Driehoekscompositie Wanneer de beeldelementen gerangschikt zijn volgens een al dan niet zichtbare driehoeksvorm spreken we van een piramidale of driehoekscompositie. Deze compositie zorgt voor een stabiele, rustige uitstraling.
18//
Hoofdstuk: Atelier “grafische vormgeving”
Over-all compositie Een over-all compositie houdt in dat de beeldelementen zonder enige rangorde op het vlak geplaatst zijn. De elementen zijn allemaal hetzelfde, doen patroonachtig aan en lijken buiten het schilderij tot in het oneindige door te kunnen gaan. Je oog dwaalt onrustig over het hele beeldvlak heen.
19//
Oefening: de verschillende composities Wat zien jullie hierin, wat roept het bij jullie op?
Hoofdstuk: Atelier “grafische vormgeving”
20//
9ddgYZYjcj^iadeZcYZ higZeZcdcihiVViYZ ^aajh^ZkVc\gVYVi^Z#9Z gZX]iZggVcYkVc]Zi k^Zg`Vciadhide!iZgl^_a Y^ZVVcYZa^c`Zg`Vci _j^hildgYikZghigZ`i#
:ZcX^g`ZaY^Zc^Zi^c]Zi b^YYZckVcZZck^Zg`Vci hiVVi!l^_hideWZlZ\^c\ cVVggZX]ih#DcilZgeZgh \ZWgj^`ZcYZoZdcWVaVch db]Zik^hjZaZXZcigjb iZkZgeaVVihZc#
9ncVb^hX]ZkdgbZcZc cZ\Vi^ZkZZcedh^i^ZkZ gj^biZcXgZ
gZcYZ ^aajh^ZkVcl^_oZcYZ e^_aZc#=Zidd\kjaiYZ dcYZgWgZ`^c\^cYZ higZeZcVVc#
CZiVahYZigVe_Zh^c ]ZiWZ\^c!hj\\ZgZgZc YZhigZeZcWZlZ\^c\ Zca^_`ZcoZWj^iZc]Zi k^Zg`VciYddgiZadeZc# 9Zg^X]i^c\^h]^ZgZX]iZg Y^V\dcVVaZcYZgj^biZ ijhhZcYZa^_cZc^hZkZc \gddi#
=Zib^YYZckVc ]Zik^Zg`VcildgYi WZcVYgj`iYddgk^Zg Yg^Z]dZ`ZcY^ZcVVg]Zi b^YYZcl^_oZc#=Zi^h kddg]Zidd\dcYj^YZa^_` lViV[WZZaY^c\^hZclVi VX]iZg\gdcY#
CZiVahYZigVe_Zh^c ]ZiWZ\^c!hj\\ZgZgZc YZhigZeZcWZlZ\^c\ Zca^_`ZcoZWj^iZc]Zi k^Zg`VciYddgiZadeZc# 9Zg^X]i^c\^h]^ZgZX]iZg Y^V\dcVVaZcYZgj^biZ ijhhZcYZa^_cZc^hZkZc \gddi#
=Zib^YYZckVc ]Zik^Zg`VcildgYi WZcVYgj`iYddgk^Zg Yg^Z]dZ`ZcY^ZcVVg]Zi b^YYZcl^_oZc#=Zi^h kddg]Zidd\dcYj^YZa^_` lViV[WZZaY^c\^hZclVi VX]iZg\gdcY#
Hoofdstuk: Atelier “grafische vormgeving”
9Z]Zg]Va^c\kVc dcgZ\ZabVi^\Z higZeZcXgZ
ZgiWZlZ\^c\ Zcg^ibZ#9ddgYViYZ ZaZbZciZcVVcYZ gVcYkVc]ZikZahiVVc! a^_`i]Zid[]ZieVigddc YVVgWj^iZckZgYZg\VVi#
21//
2. Compositie en typografie
In deze afbeeldingen verwijzen de composities naar typografische elementen. Als het op de compositie aankomt, moet ook tekst zorgvuldig worden behandeld. Immers, de betekenis van de woorden en het verband tussen koppen en platte tekst of broodtekst (hiërarchie) moeten worden gerespecteerd.
De verhouding tussen de tekstblokken en de dikkere lijn brengt samenhang aan in de afzonderlijke elementen.
De brede strook en het smalle tekstblok dat er in een rechte hoek onder staat, zijn ondanks het visuele contrast met elkaar verbonden.
Tekst en titel vomen een logisch geheel doordat de dikke streep even breed is als de linkerkolom van de tekst.
Hoofdstuk: Atelier “grafische vormgeving”
Gecentreerde tekstregels zijn een klassiek ontwerp voor titelpagina’s in boeken. De ruimte is symmetrisch, stabiel en rustig om te zien.
22//
3. Kleurcontrasten
Kleurcontrast is een term uit de beeldende kunst, die aangeeft dat kleuren elkaar kunnen versterken of verzwakken door de invloed die zij in mensen ogen op elkaar hebben. Er zijn verschillende vormen van kleurcontrast.
Kleur tegen kleur contrast Het eenvoudigste kleurcontrast ontstaat om de primaire kleuren met de grootste zuiverheid tegen elkaar aan te zetten.
Licht - donker contrast Dit zijn alle combinaties tussen lichte en donkere kleuren bijvoorbeeld geel-paars.
Warm - koud contrast
Het warm koud contrast wordt veroorzaakt doordat sommige kleuren, vooral in de kleurencirkel rond de kleur rood gelegen, in het de westerse samenleving een warme indruk maken. Andere kleuren, rondom de kleur blauw, maken een koude indruk. Rood, oranje en geel zijn de warme kleuren en blauw-groen, blauw en paars zijn de koude kleuren.
Complementair contrast
Dit zijn alle combinaties van kleuren die in de cirkel precies tegenover elkaar liggen bijvoorbeeld paars-geel.
1 Simultaancontrast is het verschijnsel dat een kleur een invloed heeft op een direct aangrenzende kleur. Hiernaast lijkt het grijs telkens een andere nuance te hebben, terwijl het telkens dezelfde grijs-tint is. 2 Van simultaancontrast is ook sprake als een complementair nabeeld naar voren komt van een kleur. In het voorbeelden hiernaast heeft het grijs binnen het rode blok een groene gloed.
Kwaliteitscontrast
Dit betreft contrasten tussen kleuren van duidelijk verschillende kwaliteit; grijswaarde of verzadiging.
Kwantiteitscontrast
Dit betreft een hoeveelheids-contrast, een groot en een klein oppervlak.
Hoofdstuk: Atelier “grafische vormgeving”
Simultaan contrast
23//
Oefening: kleurcontrasten
Kleur de vakje hieronder in met potlood. De bovenste vierkanten in rood en oranje en de onderste in blauw en groen. Beschrijf daarna welk effect de bovente kleuren op je uitoefent en welk effect de onderste kleuren op je hebben.
Rood
Oranje
Blauw
groen
Hoofdstuk: Atelier “grafische vormgeving”
De verbetering vind je terug op de volgende pagina!
24//
Verbetering vorige pagina
naderen
naderen
Rood
Oranje
Blauw
groen
wijken
wijken
Hoofdstuk: Atelier “grafische vormgeving”
Kleur het woord ‘klas’ één keer in met geel, oranje, rood, groen, donker blauw en paars. Beschrijf daarna wat er met het woord ‘klas’ gebeurd.
25//
4. Kleurnuances en leesbaarheid
Bij het toepassen van tekst en kleur, zorgt het contrast voor leesbaarheid. Het grootste contrast wordt bereikt door zwarte letters op een witte achtergrond te plaatsen. Het minste contrast ontstaat door gele letters op een witte ondergrond te zetten. Het scale tussen die twee is eindeloos. Hoe meer de achtergrondkleur van de tekst benadert, hoe minder leesbaar de tekst zal zijn.
Dit zijn de sterkste contrasten. Het zwakste contrast is een gele tekst op een witte achtergrond.
Bravo!
Bravo! Bravo!
Het gekozen lettertype beïnvloed eveneens de wijze waarop kleur overkomt. Een lettertype met schreef heeft weinig body voor kleur waardoor deintensiteit van de kleur verminderd en deze minder helder overkomt. Een lettertype zonder schreef of met rechthoekige schreef kan meer kleur bevatten en de kleur komt daarme beter uit.
Hoofdstuk: Atelier “grafische vormgeving”
Wanneer de kleuren van tekst en ondergrond elkaar te veel naderen, vermidert de leesbaarheid
26//
Hoofdstuk: Atelier “grafische vormgeving”
4// Letterkoekjes maken
27//
5// De betekenis van kleuren binnen onze Westerse maatschappij
Kleur: geel Positieve associaties: licht, zon, verlichting, helderheid, goede oogst, bloemen, lente, glorie, wijsheid, geluk, plezier, intellectuele energie, opwekkend, optimisme, vriendelijkheid Negatieve associaties: vergif, gal, jaloezie, verraad, afgunst Voorbeelden: zon, maan, sterren, bloemen, vlam, Effect: activeert de hersenen, goed tegen neerslachtigheid, stimuleert creativiteit & fantasie, maakt je vrolijk, geeft je energie Interieur: Geel is een warme zonnige en overstralende kleur, dat ruimtevergrotend werkt in het interieur. Geel activeert de hersenen en zenuwen en staat voor communicatie en creativiteit In de reclame: vrolijk, zonnig, helder, zuur, vaak in de reissector gebruikt, sterke steunkleur, die je wel best achterwege laat in teksten, gezien de onleesbaarheid Kleur: groen Positieve associaties: natuur, groei, harmonie, leven, vrede, sympathie, frisheid, jeugdigheid, vrede, hoop, toekomst, vruchtbaarheid, huiselijk, gezondheid Negatieve associaties:soms koud, rot, overspel, vergif Voorbeelden: natuur, planten, apotheker, groenten, vergif, slang Effect: brengt in balans, normaliseert, werkt verfrissend, moedigt emotionele groei aan, heeft kalmerende effect.
Hoofdstuk: Atelier “grafische vormgeving”
Kleur: blauw Positieve associaties: rust, ruimte, diepte, hemel, lucht, water, nuchterheid, zakelijkheid, oneindigheid, autoriteit, veiligheid, verantwoordelijkheid Negatieve associaties: koud, ijzig, neutraal, afstandelijk, Voorbeelden: water, lucht, uniform, politie, bepaalde verkeersborden, maatpak Effect: zet aan tot ontspanning en geeft een verfrissend gevoel, vredige stemming, intelligent, analytisch, wekt vertrouwen en behoudt rust Interieur: Blauw werkt ruimtevergrotend in het interieur. Blauw geeft een gevoel van oneindigheid. Het werkt rustgevend en verminderd de eetlust. Blauwtinten zijn goed met elkaar te combineren. In de reclame: hemels, koel, verfrissend, helder, licht, de wereld van technologie, informatica en communicatie kiest vaak voor deze kleur, straalt zekerheid en vertrouwen uit en is dan ook een populaire kleur
28//
Interieur: Groen is een kleur die lichaam en geest in balans brengt. Is een kleur met weinig risico en laat zich goed combineren met natuurlijke materialen. Groen werkt ruimtevergrotend in het interieur. In de reclame: natuurlijk, levendig, ecologisch, jeugdigheid, vaak gebruikt in de medische en farmaceutische sector. Kleur: rood Positieve associaties: energie, kracht, liefde, passie, lust, erotiek, moed, kracht, actie, vitaliteit Negatieve associaties:strijd, bloed, verwondingen, moord, chaos, macht, offer, verslavingen, oorlog, alarm, gevaar, dominantie Voorbeelden: rood verkeerslicht, hart, bloed, brandweer, lippen Effect: stimuleert, dramatiseert, zet aan tot concurrentie, straat passie uit Interieur: Rood laat voorwerpen en vlakken dichterbij lijken. Rood komt op je af en is te onrustig voor grote vlakken in het interieur. Rood vraagt in elke combinatie de aandacht en stimuleert de eetlust. In de reclame: Fastfoodwereldvb: McDonald’s of Quick door de begeerte die deze kleur opwekt en de sterke impuls qua snelheid en energie, zaken accentueren vb. solden.
Kleur: bruin Positieve associaties: eenvoud, rust, neutraal, geborgenheid, bescheiden, nobel, orde, standvastigheid, gevestigde waarden, echtheid, stabiel Negatieve associaties: saai, armoede, nederigheid, statig, dof, burgerlijk, sober, deprimerend, serieus Voorbeelden: noten, leer, hout, hondenpoep, gedroogde kruiden, herfst, koffie, chocolade Effect: straalt stabiliteit en gewichtigheid uit,
Hoofdstuk: Atelier “grafische vormgeving”
Kleur: oranje Positieve associaties: warmte, rijkdom, vruchtbaarheid, vuur, doorzettingsvermogen, zonnige, feestelijkheid, beweging, levenskracht, weelde Negatieve associaties:gretigheid Voorbeelden: appelsienen, goudvis, Effect: wekt eetlust op, werkt stimulerend Interieur: Oranje is een feestelijke, gezellige kleur met weelde. In combinatie met bruin is oranje een rustige vriendelijke kleur. Denk maar eens aan de herfsttinten. In de reclame: rijp, schitterend, stralend, warm, sterke kleur die vrolijkheid naar voren brengt, zeer geschikt om informatie te ondersteunen en grafieken op te fleuren.
29//
Interieur: Bruin is een sombere, deprimerende kleur in sommige kleurnuances, maar kan ook een gezellige, intieme kleur zijn in andere kleurnuances. Bruin is goed te combineren met andere kleuren. In de reclame: behaaglijk, aards, warm, eenvoudig, kan het best gebruikt worden in combinatie met een frisse krachtige kleur Kleur: paars Positieve associaties: spiritualiteit, mystiek, waardigheid, religiositeit, adelijkheid, ingetogenheid Negatieve associaties:magie, macht, Voorbeelden: heksen, tovenaars, sprookjes, Effect: roep een weelderige, inspirerende en rustgevende sfeer op, relaxerende kleur die de creativiteit stimuleert Interieur: Paars in combinatie met zwart, grijs en goudtinten is warm en chic, paars met felgroen, oranje en turkoois is exotisch. Oogt tegelijkertijd hedendaags en retro en je huis krijgt een persoonlijke uitstraling. Vergroot een ruimte optisch. In de reclame: ongewoon, geheimzinnig, intiem, magisch, trendgevoelig, bepaalde eigenheid
Kleur: grijs Positieve associaties: wijsheid, luxe, volwassenheid, zakelijkheid, respectvol, neutraliteit, autoriteit, ouderdom Negatieve associaties:kaal, koud, rouw, spijt, somber, saaiheid, onopvallendheid kleurloosheid Voorbeelden: begrafenis, maatpak, een grijze muis, olifant, regenachtige dag, Een grijs bestaan is een leven zonder kleur, Effect: werkt kalmerend, rustgevend effect door neutraliteit, Interieur: Grijs is neutraal en is een ideale achtergrond voor kleuren.
Hoofdstuk: Atelier “grafische vormgeving”
Kleur: roze Positieve associaties: energie, kracht, liefde, passie, lust, erotiek, moed, kracht, schoonheid, romantiek, mannelijkheid, fysieke moed, Negatieve associaties: kinderlijk Voorbeelden: meisjes, baby’tjes, Barbie, poppen, prinses Effect: verzacht, stemt je vriendelijk, zachtheid, intimiteit, Interieur: Roze is een warme kleur en het geeft een gevoel van rust maar ook van romantiek en luxe. Het kan goed gecombineerd worden met aardetinten voor rust in de ruimte. In de reclame: fletse kleur, weinig aanwezig, het geeft een vrouwelijk accent.
30//
Het straalt een bepaalde rust uit. Grijs versterkt de andere kleuren, heeft een geraffineerd en elegant effect en doet de andere kleuren stralen. In de reclame: creëert een formele uitstraling, komt vaak conservatief over, een leuke kleur om te combineren met meer frivole kleuren, business to business
Kleur: zwart Positieve associaties: nacht,erotiek, geheimzinnigheid, het onbewuste, elegantie, klassiek, luxe, volwassenheid, zakelijkheid, respectvol, neutraliteit, autoriteit, ouderdom Negatieve associaties:dood, verdriet, kwaad, macht, wat verboden is, rouw, zonde, duisternis, macht, ernst, onderdrukking Voorbeelden: begrafenis, drop, Effect: maakt streng, straat autoriteit uit, bevordert onafhankelijkheid Interieur: Zwart is een elegante, dramatische sterke modekleur, die gedurfd en geraffineerd kan zijn. Zorgt voor een chique en statige uitstraling. Zwart werkt ruimteverkleinend in het interieur, en heeft veel licht nodig. In de reclame: professioneel,een efficiënte kleur die veiligheid, zekerheid, maar ook koudheid en onderdrukking, uitstraalt, een effen zwarte achtergrond zorgt voor een klasse- en stijlvolle verschijning.
Hoofdstuk: Atelier “grafische vormgeving”
Kleur: wit Positieve associaties: onschuld, netheid, hygiëne, wijsheid, heiligheid, waarheid, maagdelijkheid, reinheid, puurheid, zuiverheid, wijsheid, betrouwbaarheid, luxe en gedegenheid Negatieve associaties: leegte, perfectionisme, smetteloos, snel vuil, koud Voorbeelden: dokter, ziekenhuis, tandarts, koks, verpleegkundigen, toiletpapier, laboranten, Effect: werkt zuiverend en straalt rust uit. Interieur: Wit is een neutrale kleur en werkt ruimtevergrotend in het interieur. Wit is goed als accentkleur te gebruiken in een donker, zwaarder gekleurde ruimte. De kleur wit is tijdloos. e veel wit werk verwarrend, omdat het de grenzen doet vervagen. In de reclame: zuiver, minimalistisch, rein, klinisch, fel, eenvoudig, heel wat designinterieurs kiezen voor een neutraal witte achtergrond, snel vuil
31//
Jouw persoonlijkheid en je lievelingskleur
Hoofdstuk: Atelier “grafische vormgeving”
32//
Jouw persoonlijkheid en je lievelingskleur
Hoofdstuk: Atelier “grafische vormgeving”
33//
Hoofdstuk: Atelier “grafische vormgeving”
6// Papiermaten
34//
7// Opdracht: Maak zelf een postkaart 1. Oriëntatie
-
Een postkaart is een meestal rechthoekige kaart, in de regel van karton, die per post verzonden kan worden. Een gedeelte van de briefkaart kan worden gebruikt voor het schrijven van mededelingen door de afzender aan de geadresseerde.
2. Voorbereiding - -
Denk eerst na voor wat je een postkaart wenst te maken. Bijvoorbeeld: verjaardagskaart, wenskaart, bedankingskaart, ... Denk na over de compositie, de boodschap die er je wenst op te plaatsen, ...
TIP Pas al jullie nieuwe kennis uit deze cursus toe.
3. Uitvoering - - - -
Knip letters, woorden en/of zinnen uit in magazines, tijdschriften, kranten,...Doe dit voorzichtig en nauwkeurig. Je kan ook letters allemaal afzonderlijk uitknippen en opnieuw een woord of zin samenstellen. Als je dit gedaan hebt, moet je op een dik vel papier een rechthoek tekenen van 14,85 cm op 10,5 cm. Je mag de uitgenipte letters, woorden,... binnen de kader leggen tot ze een mooi visueel geheel vormen. Je kan je postkaart opfleuren door andere zaken eraan toe te voegen. Dit kan gaan van zelf tekeningen maken, ander soort van papier er bij te voegen, confetti erop te plakken, ...
- -
Vergeet geen achterkant op je postkaar aan te brengen om het echt te laten ogen. Je kan de voorkant van je postkaart altijd plastificeren zodat je er zeker van bent dat je postkaart intact blijft.
BENODIGDHEDEN: Potlood, gom, meetlat, kleurpotloden, stiften, slijper, lijm, schaar, dik papier, verf, ...
Hoofdstuk: Atelier “grafische vormgeving”
4. Afwerking
35//
Hoofdstuk: Atelier “grafische vormgeving”
10,5 cm
Opdracht: Maak zelf een postkaart
14,85 cm
36//
Hoofdstuk: Atelier “grafische vormgeving”
Voorbeelden: postkaarten
37//
8// Wat is een flyer? Waar denken jullie aan bij het woord FLYER? Brainstorm rond het woord flyer en schrijf alle resultaten hieronder neer.
Hoofdstuk: Atelier “grafische vormgeving”
Flyer
38//
Voorbeeld van een flyer
vor & GR
EVg`HeddgCddgY
69:BI WZcZÒZi[Zhi^kVa
KLE
IN
OOT
nonyme Societe a La Femme Belge
New rising sun
ay Ella R
dg`^cYZgZc
!88G
BZZg^c[dde\WY[Xeea EVg`HeddgCddgY69:BI
Bruit de la n uit
6cilZgeZc
[email protected]
AXA BANKKANTOOR - VERZEKERINGEN
9Zh^\cZYWn:ahWZi]CZnZch
%*#%.#&%
&)#%%"'%#%%j
Hoofdstuk: Atelier “grafische vormgeving”
gVcYVc^bVi^Zkd
39//
9// Opdracht: Maak zelf een flyer 1. Oriëntatie
-
Een flyer of strooibiljet is een pamflet voor reclame of propaganda. Het bestaat slechts uit een of twee pagina’s (voor- en/of achterzijde) en is doorgaans niet groter dan A5. Bij meer dan twee pagina’s wordt gesproken van een folder of brochure. Meestal worden flyers gebruikt om evenementen mee aan te kondigen, of tijdens demonstraties om de standpunten van een politieke partij of een actiegroep uit te dragen. Flyers worden meestal uitgedeeld op straat of bij een evenement, of neergelegd in een kraam, winkel of ergens opgehangen.
2. Voorbereiding - - - -
Denk eerst na voor wat je een flyer wenst te maken. Bijvoorbeeld: aankondiging van een feestje, festival, evenement ... Doe onderzoek rond het onderwerp, thema, evenement, ... Verzamel de informatie die op de flyer moet komen te staan. (Zie pagina hiervoor) Als je dit gedaan hebt, moet je op een dik vel papier een rechthoek tekenen van 14,85 cm op 10,5 cm. Snij daarna de rechthoek uit. De uitgesneden rechthoek is de grootte van je flyer waarbinnen je moet ontwerpen.
TIP Maak gebruik van je reeds opgedane kennis!
3. Uitvoering Er zijn zeer veel verschillende manieren om een flyer te maken. Hieronder vind je een aantal stappen om een creatieve flyer manueel te ontwerpen. Knip letters, woorden en/of zinnen uit in magazines, tijdschriften, kranten, ... Doe dit voorzichtig en nauwkeurig. Je kan ook letters allemaal afzonderlijk uitknippen en opnieuw een woord of zin samenstellen. Een andere manier om een eigen flyer te ontwerpen is bijvoorbeeld: enkel zelfgetekende letters te gebruiken. Je kan je flyer opfleuren door andere zaken eraan toe te voegen.
4. Afwerking -
Je kan de voorkant van je flyer altijd plastificeren zodat je er zeker van bent dat je flyer intact blijft.
BENODIGDHEDEN: Potlood, gom, meetlat, kleurpotloden, stiften, slijper, lijm, schaar, dik papier, verf, magazines, kranten, ...
Hoofdstuk: Atelier “grafische vormgeving”
- - -
40//
Voorbeeld: schets van hoe de flyer er zou kunnen uitzien.
wie
waarom
wanneer waar
Hoofdstuk: Atelier “grafische vormgeving”
wat
41//
Hoofdstuk: Atelier “grafische vormgeving”
Voorbeelden: flyers
42//
1//
Typografie = houdt zich bezig met tek-stuele vormgeving, en wordt in de meeste gevallen toege- past om het doel en de inhoud van een tekst te ondersteu-nen. Een tekst moet bijvoor- beeld prettig leesbaar zijn.
2//
Doelgroep = Een groep mensen die een aantal kenmerken gemeen-schappelijk hebben.
3//
Schreefletter = Schreef is de term voor de dwars-streepjes aan de uit-einden van de rechte en soms ook ronde vormen van de letter.
4//
Schreefloze letter = Letters uit deze familie be-staan uit overal even dikke lijnen; aan de uiteinden ont- breken de dwarsstrepen
5//
You Tube YouTube is een videosite waar men gratis en onbeperkt video’s kan bekijken en delen. YouTube is onderdeel van Google en heeft een sterke zoekmachine waaraan dagelijks miljoenen zoekopdrachten worden verleend.
6//
Homepage = De eerste pagina van een website wordt een homepage (homepagina) genoemd. Dit is de openingspagina die je krijgt te zien als je het adres van een site heeft opgegeven aan de browser. VERSCHILLENDE BROWSERS ‘To Browse’ betekent bladeren in het Engels. Bijvoorbeeld: Safari, Firefox, Netscape, Internet Explorer en Mosaic.
7//
Logboek = Chronologische registratie van gegevens omtrent van belang zijnde gebeurtenissen die zich gedurende een periode in een verwerking voordoen
8//
Opmaak = Onder opmaak (vaak met het Engelse lay-out aan-geduid) wordt verstaan hoe de opbouw van een (grafisch) ontwerp er vi-sueel uit ziet. Het gaat dan om het lettertype, de positie op de pagina, de indeling in kolommen, waar de afbeeldingen staan, enzovoorts. Onder meer bij tijdschrif-ten, kranten, magazines, boeken, folders, ... is de opmaak belangrijk. Een goede opmaak zorgt er-voor dat de informatie gemakkelijk te herkennen en te lezen is.
Hoofdstuk: Atelier “grafische vormgeving”
10// Verklarende woordenlijst
43//
11// Bibliografie Internet - - - - - - - - - - - - - - - - - -
http://nl.wikipedia.org/wiki/Doelgroep http://scholieren.samenvattingen.com/documenten/show/7437218/ http://nl.wikipedia.org/wiki/Beeldmerk http://nl.wikipedia.org/wiki/Flyer http://www.encyclo.nl/begrip/strooibiljetten http://www.doscreations.be/flyers.asp http://www.erasmusatheneumessen.be/images/logo-erasmus-atheneum.gif http://nl.wikipedia.org/wiki/Brainstormen http://nl.wikipedia.org/wiki/Conceptontwikkeling http://www.financieel-ondernemen.nl/artikelen/663/Flyer_nodig_ Stappenplan_voor_het_maken_van_een_flyer/ http://www.stjozef-canadalaan.be/letterkoekjes.htm http://nl.wikipedia.org/wiki/Weblog http://multimedia.so-zenit.be/category/5tmm/ www.wordpress.com www.gmail.com http://nl.wikipedia.org/wiki/Opmaak http://nl.wikipedia.org/wiki/Typografie http://www.mediatechweb.nl/~mt11729/typo/def.php
Afbeeldingen - - -
http://hipstipkaarten.blogspot.com/2010_04_01_archive.html http://www.freewebs.com/posterdump/haarlemtolerant/ http://elsbethneyens.wordpress.com/
Boeken - - -
Design en lay-out: grondbeginselen van de Grafische Vormgeving, David Dabner Grafisch ontwerpen: Het nieuwe handboek voor visuele communicatei, David Dabner, Sheena Calvert en Anoki Casey Het nieuwe productiehandboek voor de grafische industrie, David Bann