Wegwijzer:
Je ontwerp opmaken
Wil je dat het ontwerp van je poster, flyer, brochure, tijdschrift... mooi en professioneel oogt, dan hou je het best rekening met volgende elementen: • Witruimte • Kolombreedte • Aantal lettertypes • Uitlijnen van elementen • Kleurgebruik • Kleurcontrast
Witruimte Goed gebruik van witruimte geeft rust en evenwicht aan je compositie.
Figuur 1: Een voorbeeld van slecht gebruik van witruimte in een lay-‐out. [1]
In het voorbeeld hierboven zie je hoe belangrijk het gebruik van witruimte is in je lay-‐out. De tekst staat te dicht op de foto’s en op de randen van het papier. Hierdoor ontstaat er geen fijne balans in de lay-‐out. De tekst leest niet aangenaam en er gaat geen rust uit van de lay-‐out.
In het voorbeeld hier beneden is goed te zien hoe je door goed gebruik te maken van witruimte, een mooie balans in je lay-‐out kunt brengen.
Figuur 2: Door goed gebruik te maken van witruimte ontstaat een balans in je lay-‐out [2]
Door de tekst niet te laten doorlopen tot aan de rand van het papier ontstaat er meer rust en balans in de lay-‐out, waardoor de tekst beter leesbaar wordt.
Kolombreedte
Als je kolom te breed is, wordt ze moeilijk om lezen. Maak je een kolom echter te smal, dan wordt het heel lastig om je tekst uit te lijnen zonder rare afbrekingen of te veel witruimte tussen je woorden.
2
Figuur 3: Door smalle kolommen toe te passen in je lay-‐out krijg je al gauw met lastige neveneffecten te maken zoals hierboven getoond. [3]
Als je graag wil weten hoe breed je kolom mag zijn, is het handig om ook de wegwijzer “De maximale regellengte bepalen” te raadplegen.
Aantal lettertypes
Bij het ontwerpen van je lay-‐out kan je best niet te veel lettertypes gebruiken omdat een veelvoud aan lettertypes je lay-‐out onrustig maakt.
3
Figuur 4: Het gebruik van veel verschillende stijlen komt de balans niet altijd ten goede... [4]
In het voorbeeld hierboven is goed te zien hoe het gebruik van veel verschillende stijlen (in dit geval een stijl voor koppen, subkoppen, quotes, tagline, tabellen, koptekst, voettekst), een onrustig resultaat geeft.
Figuur 5: Door gebruik te maken van 2 contrasterende lettertypes die goed bij elkaar passen,
4
creëer je al gauw meer balans in je lay-‐out [5]
In bovenstaand voorbeeld wordt er een balans gecreëerd in de lay-‐out door een goed gebruik van witruimte, maar ook door twee lettertypes te kiezen die goed bij elkaar passen én tegelijkertijd ook mooi contrasteren. Hierdoor hoef je maar weinig verschillende stijlen te gebruiken om onderscheid te maken tussen tekstdelen.
Uitlijnen van elementen
Dit is misschien wel de basis van je lay-‐out: het uitlijnen van je tekst, foto’s en koppen. Je kunt hierbij een aantal basisprincipes in het achterhoofd houden. Zorg ervoor dat je overal een gelijke witruimte rondom je pagina hebt en dat de randen van al je elementen gelijk lijnen.
Figuur 6: Een voorbeeld van goede uitlijning (rechts) en slechte uitlijning (links) [6]
Het voorbeeld hierboven maakt het verschil duidelijk tussen een mooi gebalanceerde en uitgelijnde pagina (rechts) en een ietwat mislukte pagina (links). De pagina rechts is mooi gebalanceerd omdat de marges links, rechts, boven en beneden gelijk zijn. Ook is de tekst mooi uitgevuld zonder lelijke gaten of afkappingen. Op de pagina links is dit echter niet het geval. De zwart-‐wit foto rechts stoort omdat hij breder is dan de tekstkolom. Ook is de witruimte tussen de foto’s niet gelijk.
Kleurgebruik
Kleurgebruik is erg belangrijk in je lay-‐out. In figuur 4 zien we hoe een in eerste instantie goed gekozen kleurenpalet (zwart+cyaan+wit) volledig wordt verpest
5
door de grote grafiek in de rechterbovenhoek. Er ontstaat een kakafonie aan kleuren.
Figuur 7: Onzorgvuldig gebruik van kleur kan de balans in je lay-‐out volledig doen omslaan [7]
Voor meer informatie over kleuren kiezen en combineren kun je ook nog de wegwijzer “kleuren kiezen en combineren” bekijken
Kleurcontrast
Bij het gebruiken van kleur moet je altijd goed opletten met het contrast tussen de kleuren en het beeldmateriaal wat je gebruikt. In figuur 8 hieronder is goed te zien hoe een in eerste instantie goed gekozen kleur niet tot zijn recht komt omdat er geen rekening gehouden is met de achtergrondfoto. De witte tekst is niet meer te lezen doordat er gekozen is voor een foto waarin het model witte kleding draagt. In dit geval is de basisgedachte goed geweest, maar vervolgens is er geen rekening gehouden met de gekozen foto.
6
Figuur 8: Zorg dat je kleuren goed contrasteren in combinatie met je gekozen beeldmateriaal. [8]
Meer weten? Andere wegwijzers • Ontwikkelen > Je ontwerp grafisch vormgeven > o Kleuren kiezen en combineren o Je tekst opmaken > § Een geschikt lettertype kiezen
7
§ Uitlijnen, uitvullen of centreren? § De maximale regellengte bepalen § De interlinie bepalen § Kleine letters of hoofdletters o Je ontwerp illustreren: § Pictogrammen toevoegen § Foto’s toevoegen • Foto’s vinden • Foto’s toevoegen Andere bronnen • Best Design Options heeft een blog geschreven over 20 inspirerende magazine lay-‐outs. • Kunstonderwijs.be heeft een handige cursus over lay-‐outs en paginaopmaak online staan in PDF-‐formaat
Bibliografie [1] Tobyonline (2011). Examples of bad magazine layout [Online]. Available: http://webdev-‐il.blogspot.be/2011/07/examples-‐of-‐bad-‐magazine-‐layout.html [2] Mozaïek Magazine (2011). [3] Tobyonline (2011). Examples of bad magazine layout [Online]. Available: http://webdev-‐il.blogspot.be/2011/07/examples-‐of-‐bad-‐magazine-‐layout.html [4] Tobyonline (2011). Examples of bad magazine layout [Online]. Available: http://webdev-‐il.blogspot.be/2011/07/examples-‐of-‐bad-‐magazine-‐layout.html [5] MAD-‐faculty (2012). EXIT/12 [6] Tobyonline (2011). Examples of bad magazine layout [Online]. Available: http://webdev-‐il.blogspot.be/2011/07/examples-‐of-‐bad-‐magazine-‐layout.html [7] Tobyonline (2011). Examples of bad magazine layout [Online]. Available: http://webdev-‐il.blogspot.be/2011/07/examples-‐of-‐bad-‐magazine-‐layout.html [8] Tobyonline (2011). Examples of bad magazine layout [Online]. Available: http://webdev-‐il.blogspot.be/2011/07/examples-‐of-‐bad-‐magazine-‐layout.html
8
