Typografie, kleur- en beeldgebruik voor digitale publicaties

1. Maart 2016

2. basisprincipes van lay-out
van een product dat
 leesbaar
 aantrekkelijk
 correct &
 professioneel is !

3. LAY-OUT
Zender Boodschap Ontvanger
Ken je opdrachtgever
Ken je lezers

4. TIPS & TRICKS
1. Verzamel al je materaal
2. Maak een plan op/ blauwdruk
3. Gebruik van tekst
4. Beeldmateriaal
5. Kleurgebruik
6. Bladschikking / totale look

5. VERZAMEL ALLE MATERIAAL
• Zoek inspiratie !
• Afbeeldingen &
• Teksten verzamelen
-> Structuur van je publicatie ontwerpen

6. 1. Verzamel al je materaal
2. Maak een plan op/ blauwdruk
3. Gebruik van tekst
4. Beeldmateriaal
5. Kleurgebruik
6. Bladschikking / totale look
TIPS & TRICKS

7. • keuze lettertypes/ schreven – niet schreven
• font grootte
• afwisseling/ consistentie
• bladverdeling
• inhoudstafel (dynamisch of statisch)
TEKSTOPMAAK –TYPOGRAFIE
in digitale teksten

10. TYPOGRAFIE
Corpsgrootte afhankelijk van je doel en publiek
Zoekcorpsen 4 tot 7 pts
Leescorpsen 8 tot 12 pts
Titelcorpsen Vanaf 14 pts
Kijkcorpsen Vanaf 48 pts

13. TEKSTOPMAAK -TYPOGRAFIE
• Kies voor één tot maximaal drie lettertypes die je
door de hele publicatie gebruikt.
• Zorg dat de teksten gemakkelijk te lezen zijn. Plaats
regelmatig een witregel met een tussenkopje
boven de tekst, en kies een goed leesbaar
lettertype in een passende lettergrootte.

14. Dynamische inhoudstafel - TOC
(in digitale nieuwsbrief)
TEKSTOPMAAK -TYPOGRAFIE
Zie de uitleg in je handleiding bij stap 3 –
doe dit pas wanneer je alle inhoudelijke
tekstblokken in je NB hebt staan

16. 1. Verzamel al je materaal
2. Maak een plan op/ blauwdruk
3. Gebruik van tekst
4. Beeldmateriaal
5. Kleurgebruik
6. Bladschikking / totale look
TIPS & TRICKS

18. Stap 1: verzamelen materiaal
 kwaliteit en
 auteursrecht
BEELDBEWERKING

20. Stap 2: beelden bewerken
 Goede afmeting
 Niet te zwaar
BEELDBEWERKING

21. Stap 2: beelden bewerken
 Bijsnijden
 Kleur/zwart wit
 Vormeffect
 …
BEELDBEWERKING

22. • Pixlr
• …..
BEELDBEWERKING

24. Bewerk (een van) je eigen
foto’s zodat ze geschikt zijn
voor digitale weergave in je
nieuwsbrief
BEELDBEWERKING

26. 1. Verzamel al je materaal
2. Maak een plan op/ blauwdruk
3. Gebruik van tekst
4. Beeldmateriaal
5. Kleurgebruik
6. Bladschikking / totale look
TIPS & TRICKS

27. Wat doet KLEUR
voor een
PUBLICATIE ?

35. KLEUR WAARNEMING
Kleurenblindheid: Ishihara-test

36. Kleurencirkel:
primaire kleuren
van het licht:
rood, groen,
blauw (RGB)
KLEUR - WEB

37. KLEUR - WEB
• Mengeling rood,
groen, blauw
• Verzadiging
• Helderheid

38. Opbouw van een kleurenfoto op een beeldscherm.
KLEUR - WEB

39. OEFENING – KLEUREN HUISSTIJL

40. Pas de kleuren van de huisstijl van
jouw organisatie toe
op je nieuwsbrief

41. 1. Verder werken aan je digitale nieuwsbrief
pas richtlijnen voor foto’s, kleur, … toe
2. Vacature mooier maken door vormgeving
in functie van huisstijl bedrijf
3. Hoofstuk 2 in je cursus lezen