Workshop Visual Storytelling

100
VISUAL STORYTELLING Hoe breng ik mijn verhaal in beeld? Koen Van den Eeckhout [email protected]

Transcript of Workshop Visual Storytelling

Page 1: Workshop Visual Storytelling

VISUAL STORYTELLINGHoe breng ik mijn verhaal in beeld?

Koen Van den [email protected]

Page 2: Workshop Visual Storytelling
Page 3: Workshop Visual Storytelling

#1Don’t tell, show

Page 4: Workshop Visual Storytelling

credit: Microsoft

Page 5: Workshop Visual Storytelling

credit: Mercedes-Benz

Page 6: Workshop Visual Storytelling

Picture superiority effectAfbeeldingen en foto’sworden beter onthoudendan woorden.

Page 7: Workshop Visual Storytelling

#2Keep it simple

Page 8: Workshop Visual Storytelling

VISUALSTORYTELLINGHoe breng ik mijn verhaal in beeld?

Koen Van den Eeckhout

Subsidieconsultant (EY) en

freelance grafisch ontwerper (Baryon)

[email protected]

0475 37 00 77

pagina 1/53donderdag 14 december 2017 visual storytelling

Page 9: Workshop Visual Storytelling

VISUAL STORYTELLINGHoe breng ik mijn verhaal in beeld?

Koen Van den [email protected]

Page 10: Workshop Visual Storytelling

BRANDING

Page 11: Workshop Visual Storytelling

#3Branding is meerdan enkel een logo

Page 12: Workshop Visual Storytelling
Page 13: Workshop Visual Storytelling
Page 14: Workshop Visual Storytelling
Page 15: Workshop Visual Storytelling
Page 16: Workshop Visual Storytelling
Page 17: Workshop Visual Storytelling
Page 18: Workshop Visual Storytelling
Page 19: Workshop Visual Storytelling

#4Wees consistent

Page 20: Workshop Visual Storytelling

$ 100 000 ?

Page 21: Workshop Visual Storytelling
Page 22: Workshop Visual Storytelling
Page 23: Workshop Visual Storytelling
Page 24: Workshop Visual Storytelling
Page 25: Workshop Visual Storytelling

wat is je doel?wie is je publiek?

wat zijn je kernwaarden?wat is je boodschap?

Page 26: Workshop Visual Storytelling
Page 27: Workshop Visual Storytelling

6 days- $ 100 million

Page 28: Workshop Visual Storytelling
Page 29: Workshop Visual Storytelling
Page 30: Workshop Visual Storytelling
Page 31: Workshop Visual Storytelling
Page 32: Workshop Visual Storytelling

$ 625 000

Page 33: Workshop Visual Storytelling
Page 34: Workshop Visual Storytelling

KLEUREN

Page 35: Workshop Visual Storytelling
Page 36: Workshop Visual Storytelling
Page 37: Workshop Visual Storytelling
Page 38: Workshop Visual Storytelling
Page 39: Workshop Visual Storytelling
Page 40: Workshop Visual Storytelling
Page 41: Workshop Visual Storytelling
Page 42: Workshop Visual Storytelling

vertrouwen,stabiliteit

Page 43: Workshop Visual Storytelling

energie, passie,honger

Page 44: Workshop Visual Storytelling

vriendelijkheid,natuur

Page 45: Workshop Visual Storytelling

neutraliteit, kalmte,serieux

Page 46: Workshop Visual Storytelling

rijkdom, luxe,mysterie

Page 47: Workshop Visual Storytelling

???

Page 48: Workshop Visual Storytelling
Page 49: Workshop Visual Storytelling

canva.com

Page 50: Workshop Visual Storytelling

canva.com

Page 51: Workshop Visual Storytelling

coolors.co

Page 53: Workshop Visual Storytelling

pictaculous.com

Page 54: Workshop Visual Storytelling

LETTERTYPES

Page 55: Workshop Visual Storytelling

bron: letterfontein.nl

Page 56: Workshop Visual Storytelling

#5Lettertypes roepennet als kleurenemoties op

Page 57: Workshop Visual Storytelling
Page 58: Workshop Visual Storytelling

geschreefd

geschreefd

geschreefd

geschreefd

geschikt voordoorlopende tekst

Serif – geschreefd

Page 59: Workshop Visual Storytelling

matuur, traditioneelbetrouwbaar, gerespecteerdluxueus

Serif – geschreefd

Page 60: Workshop Visual Storytelling

geschikt voor titelsen losse woorden

Sans serif – schreefloos schreefloos

schreefloos

schreefloos

schreefloos

Page 61: Workshop Visual Storytelling

clean, eenvoud, modernrechtdoorzee

Sans serif – schreefloos

Page 62: Workshop Visual Storytelling

Script – handgeschreven

schoonheid, elegantie,vriendelijkheid, creativiteit,vrolijkheid, openheid

Page 63: Workshop Visual Storytelling

Display / novelty

proceed with caution…

Page 64: Workshop Visual Storytelling

gizmodo.comilovetypography.com

Page 65: Workshop Visual Storytelling
Page 66: Workshop Visual Storytelling

dafont.com fonts.google.com

Page 67: Workshop Visual Storytelling
Page 68: Workshop Visual Storytelling
Page 69: Workshop Visual Storytelling
Page 70: Workshop Visual Storytelling
Page 71: Workshop Visual Storytelling

AFBEELDINGEN

Page 72: Workshop Visual Storytelling

#6Een afbeelding zegt meerdan 1000 woorden

Page 73: Workshop Visual Storytelling
Page 74: Workshop Visual Storytelling

Credits: Gemma DeniseCredits: UGA college Ag & Environmental sciences

Page 75: Workshop Visual Storytelling

flickr.com

Page 76: Workshop Visual Storytelling

unsplash.com

Page 77: Workshop Visual Storytelling
Page 78: Workshop Visual Storytelling
Page 79: Workshop Visual Storytelling
Page 80: Workshop Visual Storytelling
Page 81: Workshop Visual Storytelling

pixabay.com

Page 82: Workshop Visual Storytelling

freepik.com

Page 83: Workshop Visual Storytelling

thenounproject.com

Page 84: Workshop Visual Storytelling

€ 250

Page 85: Workshop Visual Storytelling
Page 86: Workshop Visual Storytelling

INFOGRAPHICS

Page 87: Workshop Visual Storytelling
Page 88: Workshop Visual Storytelling
Page 89: Workshop Visual Storytelling
Page 90: Workshop Visual Storytelling

Canva infographic makercanva.com/create/infographics

Infograminfogr.am

en veel meer…

Piktochartpiktochart.com

Page 91: Workshop Visual Storytelling

Adobe Illustratorstandaard in het vakgebied

extreem krachtigsteile leercurve

Page 92: Workshop Visual Storytelling

Tips op emeryevaluation.com/excel

Page 93: Workshop Visual Storytelling
Page 94: Workshop Visual Storytelling

wikipedia.org

Page 95: Workshop Visual Storytelling

xkcd.com

Page 96: Workshop Visual Storytelling

Chandoo.org

Page 97: Workshop Visual Storytelling
Page 98: Workshop Visual Storytelling

MEER LEZEN

Page 99: Workshop Visual Storytelling

Visual thinkingWillemien Brand

Brand newunderconsideration.com/brandnew

Visual identities: more than just a logoSagi Havivhttps://youtu.be/OcF1KBnlvTc

Shape your thinkingBrandy Agerbeckhttps://youtu.be/6bCHq1OvGR4

Boeken

Blogs

Video’s

Smashing Magazinesmashingmagazine.com

Logo design loveDavid Airey

Page 100: Workshop Visual Storytelling

BEDANKT!

baryon.be · [email protected] · @BaryonDesign