GRAPHIC DESIGN
DEEL 1: VISUELE COMMUNICATIE
HOOFDSTUK 1: BEELDLETTERDESIGN
HOE WERKT HET BREIN?
- 65% van de mensen leert visueel
- 90% van informatie die doorgestuurd wordt naar hersenen visueel
- 50% van de hersenen gebruikt voor visuele verwerking
- 70% van alle sensorische receptoren bevinden zich in de ogen
WAT DOEN BEELDEN?
- Vertellen
- Verwijzen
- Ze zijn interpretabel
Je moet dus in staat zijn om beelden te analyseren en te interpreteren
Beeldcommunicatie = leren kijken, beelden begrijpen en beelden leren kiezen
BEELDGELETTERDHEID
Literacy = geletterdheid
Beeldgeletterdheid = omvat alle vereiste kennis, vaardigheden en attitudes om visuele
voorstellingen of afbeeldingen te begrijpen, te gebruiken en er een betekenis aan te
geven
BOUWSTENEN VAN LAYOUT
- Beeldmateriaal: foto’s, grafieken, iconen, …
- Tekst
- Visuele elementen: pijlen, lijnen, vlakken, kader, …
Compositie van die bouwstenen bepaalt het uiterlijk van je publicatie = layout
Visuele communicatie/ beeldtaal = integratie van beeld, vormen en woord tot 1
communicatie- eenheid
BELANG VAN GOEDE VORMGEVING
- Positief effect op het opnemen van informatie
- Online is goede user experience + goede user interface belangrijk
o User experience = welbevinden van gebruiker, hoe prettig iets is in gebruik
o Interface = koppeling tussen computer en mens in vorm van knoppen, menu’s,
…
Goede vormgeving positieve vibe komt opnemen informatie ten goede
BEELDCLICHÉS
= herkenbaar en interessant nieuw beeld maken
Gebaseerd op bestaand iets; kunstwerk, sprookje, serie, film, …
Vb. foto met witte kledij aan tafel: gebaseerd op kunstwerk van laatste avondmaal
Kopieer niet!!
,MASH UP, REMIX, RIP OFF, COPY
- Mash-up = creëren van iets uit twee of meer verschillende werken
- Remix = een herwerking
- Rip off = stelen of plagiaat
- Copy = letterlijk kopiëren
HOOFDSTUK 2: TRENDS IN GRAPIC DESIGN
Trend 1: responsive logo’s
- Alle kleuren worden erbij verwerkt
- Vorm wordt behouden
Trend 2: gradients
- Geen vlakke achtergrond
- Gradients = kleurovergangen
- Niet zo moeilijk
Trend 3: more depth (semi flat design)
- Geen perfecte 3D weergave
- Kan ook met een klein beetje schaduw
Trend 4: duotones
- Zwart/ wit door 2 kleuren vervangen
- Moeilijker dan andere trends
- Vb. bij hippe cocktailbar, niet bij lokale
tearoom
Trend 5: pops of vivid colors
- Levendige kleuren
- Vb. iets zwart met felgele titel
- Grote contrasten
Trend 6: patronen 80’ies en 90’ies
- 90’s retro futurism icons
- Logo/ icons op site
- Verpakkingen
- Stijl gebruiken in insta story
Trend 7: movement
- Animation en GIFs
Trend 8: bold typography
, - Serif is back (lettertype met schreefje,
vb aan letter S een streepje)
- Bold = vet
- Vooral in de titels
Trend 9: custom graphics & illustration
- Zelfgetekende dingen
- Geen mooi omlijnde bestaande dingen
- Via app kan je tekening digitaliseren
Trend 10: authentic photography
- Echte mensen gebruiken
o Niet geposeerd
- Geen overbelichte business foto’s
- Maakt het veel echter
- Vb. Gatty image
Trend 11: detailed vintage
- Gedetailleerde vintage patronen
- Vb. bij verpakkingen
Trend 12: double exposure
- 2 beelden door elkaar mixen
- Bepaalde sfeer creëren
- Beelden moeten matchen
Trend 13: double exposure duotone
- Mix van double exposure en duotone
- Met 2 beelden door elkaar en duotone
Trend 14 : creative typography
- Met letters en cijfers iets creatief doen
Trend 15: chaotic typography
DEEL 1: VISUELE COMMUNICATIE
HOOFDSTUK 1: BEELDLETTERDESIGN
HOE WERKT HET BREIN?
- 65% van de mensen leert visueel
- 90% van informatie die doorgestuurd wordt naar hersenen visueel
- 50% van de hersenen gebruikt voor visuele verwerking
- 70% van alle sensorische receptoren bevinden zich in de ogen
WAT DOEN BEELDEN?
- Vertellen
- Verwijzen
- Ze zijn interpretabel
Je moet dus in staat zijn om beelden te analyseren en te interpreteren
Beeldcommunicatie = leren kijken, beelden begrijpen en beelden leren kiezen
BEELDGELETTERDHEID
Literacy = geletterdheid
Beeldgeletterdheid = omvat alle vereiste kennis, vaardigheden en attitudes om visuele
voorstellingen of afbeeldingen te begrijpen, te gebruiken en er een betekenis aan te
geven
BOUWSTENEN VAN LAYOUT
- Beeldmateriaal: foto’s, grafieken, iconen, …
- Tekst
- Visuele elementen: pijlen, lijnen, vlakken, kader, …
Compositie van die bouwstenen bepaalt het uiterlijk van je publicatie = layout
Visuele communicatie/ beeldtaal = integratie van beeld, vormen en woord tot 1
communicatie- eenheid
BELANG VAN GOEDE VORMGEVING
- Positief effect op het opnemen van informatie
- Online is goede user experience + goede user interface belangrijk
o User experience = welbevinden van gebruiker, hoe prettig iets is in gebruik
o Interface = koppeling tussen computer en mens in vorm van knoppen, menu’s,
…
Goede vormgeving positieve vibe komt opnemen informatie ten goede
BEELDCLICHÉS
= herkenbaar en interessant nieuw beeld maken
Gebaseerd op bestaand iets; kunstwerk, sprookje, serie, film, …
Vb. foto met witte kledij aan tafel: gebaseerd op kunstwerk van laatste avondmaal
Kopieer niet!!
,MASH UP, REMIX, RIP OFF, COPY
- Mash-up = creëren van iets uit twee of meer verschillende werken
- Remix = een herwerking
- Rip off = stelen of plagiaat
- Copy = letterlijk kopiëren
HOOFDSTUK 2: TRENDS IN GRAPIC DESIGN
Trend 1: responsive logo’s
- Alle kleuren worden erbij verwerkt
- Vorm wordt behouden
Trend 2: gradients
- Geen vlakke achtergrond
- Gradients = kleurovergangen
- Niet zo moeilijk
Trend 3: more depth (semi flat design)
- Geen perfecte 3D weergave
- Kan ook met een klein beetje schaduw
Trend 4: duotones
- Zwart/ wit door 2 kleuren vervangen
- Moeilijker dan andere trends
- Vb. bij hippe cocktailbar, niet bij lokale
tearoom
Trend 5: pops of vivid colors
- Levendige kleuren
- Vb. iets zwart met felgele titel
- Grote contrasten
Trend 6: patronen 80’ies en 90’ies
- 90’s retro futurism icons
- Logo/ icons op site
- Verpakkingen
- Stijl gebruiken in insta story
Trend 7: movement
- Animation en GIFs
Trend 8: bold typography
, - Serif is back (lettertype met schreefje,
vb aan letter S een streepje)
- Bold = vet
- Vooral in de titels
Trend 9: custom graphics & illustration
- Zelfgetekende dingen
- Geen mooi omlijnde bestaande dingen
- Via app kan je tekening digitaliseren
Trend 10: authentic photography
- Echte mensen gebruiken
o Niet geposeerd
- Geen overbelichte business foto’s
- Maakt het veel echter
- Vb. Gatty image
Trend 11: detailed vintage
- Gedetailleerde vintage patronen
- Vb. bij verpakkingen
Trend 12: double exposure
- 2 beelden door elkaar mixen
- Bepaalde sfeer creëren
- Beelden moeten matchen
Trend 13: double exposure duotone
- Mix van double exposure en duotone
- Met 2 beelden door elkaar en duotone
Trend 14 : creative typography
- Met letters en cijfers iets creatief doen
Trend 15: chaotic typography