8
INFOGRAPHIC LEERJAAR 1 VORMGEVING

Steps infographic-design

Embed Size (px)

Citation preview

Page 1: Steps infographic-design

INFOGRAPHICLEERJAAR 1 VORMGEVING

Page 2: Steps infographic-design

VERTAAL DATA NAAR EEN INFOGRAPHIC MET ILLUSTRATOR

van tekst naar beeld

Page 3: Steps infographic-design

auteur: Raoul PostelINFOGRAPHIC DESIGN ILLUSTRATOR

BRIEFING EN OPDRACHT

▸ Schrijf kort op wat de opdracht inhoudt

▸ Maak een lijst van de producteisen en specificaties, 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

Page 4: Steps infographic-design

auteur: Raoul Postel

IDEE & SCHETSEN

▸ Bekijk het aangeleverde materiaal. Probeer ook de grafiek-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, grafiekdata

▸ 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

INFOGRAPHIC DESIGN ILLUSTRATOR

Page 5: Steps infographic-design

auteur: Raoul Postel

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

INFOGRAPHIC DESIGN ILLUSTRATOR

Page 6: Steps infographic-design

auteur: Raoul Postel

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

INFOGRAPHIC DESIGN ILLUSTRATOR

Page 7: Steps infographic-design

auteur: Raoul Postel

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

INFOGRAPHIC DESIGN ILLUSTRATOR

Page 8: Steps infographic-design

auteur: Raoul Postel

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

INFOGRAPHIC DESIGN ILLUSTRATOR