Steps infographic-design

INFOGRAPHIC
LEERJAAR 1
VORMGEVING

VERTAAL DATA
NAAR EEN
INFOGRAPHIC
MET ILLUSTRATOR
van tekst naar beeld

auteur: Raoul Postel
INFOGRAPHIC DESIGN ILLUSTRATOR
BRIEFING EN OPDRACHT
▸ Schrijf kort op wat de opdracht
inhoudt
▸ Maak een lijst van de producteisen  
en speciﬁcaties, zoals: formaat,
medium, interactie, kleur.
▸ Omschrijf het doel/thema  
van de opdracht
▸ Omschrijf de doelgroep
▸ Krijg antwoord op vragen die je  
nog hebt, bij de opdrachtgever
▸ Stel de deadline vast
V

IDEE & SCHETSEN
▸ Bekijk het aangeleverde materiaal.  
Probeer ook de graﬁek-data te begrijpen.
▸ Google eigen infographics ter inspiratie  
met het doel/thema als zoekterm
▸ Maak een lijstje van onderdelen  
die er zeker in moeten komen, zoals:  
logo, titel, uitstraling, graﬁekdata
▸ Bedenk een ‘kapstok’ waar de data
overheen ligt. Dus een vorm / achtergrond
die alle losse onderdelen / data bij elkaar
houdt.
▸ Maak met potlood of pen op papier  
kleine schetsen van de infographic layout
V

OPZET ADOBE ILLUSTRATOR
▸ Maak een nieuw document aan met
een web formaat en zet de kleur op
RGB en de uitvoer resolutie op 150
dpi (ivm Retina schermen). De hoogte
kan tijdens het ontwerpen wijzigen
▸ Start met het tekenen van de
‘kapstok’ of achtergrond. Deze zorgt,
naast een eenheid in kleur voor de
samenhang binnen de infographic.
▸ Baseer (live-trace) de vormen op
bestaande onderwerpen/vormen/
foto’s en vereenvoudig (stileer) ze.
V

GRAFIEKEN ADOBE ILLUSTRATOR
▸ Plaats een grafiek met het grafiek-
gereedschap. Kies de juiste grafiek
voor de verschillende data: taart -  
staaf - oplopend - etc…
▸ Importeer de aangeleverde data 
in het grafiek-gereedschap.
▸ Rechtermuis-klik op de grafiek om
verschillende bewerkingen te doen.
Vervang met de ‘design’-optie de
standaard staven door een eigen vorm.
▸ Door te dubbelklikken op een vorm
bewerk je de diverse grafiek-vormen.
V

FEEDBACK OPDRACHTGEVER
▸ Maak vanuit Illustrator een PDF
voor Print en voeg daar een scan/
foto van de schetsen aan toe.
▸ Bespreek deze voorstellen in PDF
met de opdrachtgever en noteer
de gemaakte opmerkingen
V

EXPORTEREN VOOR SCHERM
▸ Voer de correcties door
▸ Exporteer als PNG en bekijk  
deze in de browser. Controleer  
op leesbaarheid van de tekst.
▸ Check of de document-kleurmodus
op RGB staat. Zo niet, dan wijzigen.
▸ Breng, indien nodig, correcties aan  
en bewaar een PDF voor web
(LowRes)
V

Steps infographic-design

More Related Content

More from Raoul Postel (17)

Steps infographic-design