Inhoudsopgave Inleiding Opdracht 1 Infographic Iconen Opdracht 2 Infographic Tijdsbesteding Opdracht 3 Infographic Grafiektool.nl Opdracht 4 Infographic Jongen/meisje - Leeftijd Opdracht 5 Infographic 3 Categorieën naar keuze Afvinklijst Infographic
pag 2 pag 3 pag 6 pag 7 pag 10 pag 11 pag 14
Inleiding Wat is een infographic Een Infographic is een Grafische weergave van complexe data. Het belangrijkste doel van een goede infographic is om ingewikkelde informatie aantrekkelijk en begrijpelijk te presenteren met illustratieve beelden. In een infographic wordt gebruikgemaakt van illustraties, vormen, pijlen, kleurcoderingen, teksten, cijfers of een combinatie ervan.
Voordelen van een infographic 1 2 3 4 5 6 7 8 9 10
Werkt als een doeltreffende tool voor voorlichting en informatieverspreiding Gemakkelijk te delen Effectief voor Social Media Marketing Verhoogt de zichtbaarheid van het merk en naamsbekendheid Trekt kijkers naar de website en verbetert traffic Zeer toegankelijk op het web Verhoogt betrokkenheid bestaande en potentiële bezoeker Vereenvoudigt complexe feiten en maakt ze makkelijk op te nemen Belangrijke Viral Marketing Tool Verhoogt de backlinks: zeer effectief voor SEO (Zoekmachineoptimalisatie).
2 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Opdracht 1 Infographic Iconen Maak voor 5 onderwerpen1 iconenserie. Gebruik per iconenserie een andere techniek. De onderwerpen: 1 2 3 4 5
Man / vrouw Hobby’s (minimaal 4) (Bij)baantjes (minimaal 4 ) Vervoermiddelen (minimaal 4) Eigen keuze (minimaal 3)
De technieken: 1 2 3 4 5
Kleur bedekken / color overlay Kleurtoon – verzadiging / Hue - saturation Filtergalerij Overvloeimodus Vormen samenvoegen of tekenen
1a De serie man / vrouw in de techniek kleur bedekken Zoek 2 afbeeldingen die symbool staan voor man en vrouw. Verwijder de achtergrond. Klik op de laag met het mannensymbool. Klik onderin het lagenpallet voor Opties voor overvloeien / Blending options – Kleur bedekking / Color overlay
3 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
1b De serie hobby’s in de techniek kleurtoon en verzadiging Zoek 4 afbeeldingen die symbool staan voor verschillende hobby”s.
Klik op één van de lagen. Kies voor Afbeelding / Image – Aanpassingen / Adjustment – Vink aan Vullen met kleur / Colorize. Probeer wat variaties uit door te schuiven met de pijltjes bij Kleuroon / Hue en Verzadiging / Saturation. Herhaal dit voor de andere afbeeldingen.
1c De serie (bij)baantjes) in de techniek filtergalerij Zoek 4 afbeeldingen die symbool staan voor verschillende (bij)baantjes. Klik op één van de lagen. Kies voor Filter – Filtergalerij. Probeer de verschillende effecten uit. Met de pijtjes aan de rechterkant kun je variaties aanbrengen. Herhaal dit voor de andere afbeeldingen.
4 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
1d De serie vervoermiddelen in de techniek Overvloeimodus / Overlay: Zoek 4 afbeeldingen die symbool staan voor verschillende vervoermiddelen. Klik op één van de lagen. Verwijder de achtergrond van de afbeelding. Geef de achtergrondlaag een kleur. Klik boven in het lagenpallet in het menuutje Normaal / Normal op één van de effecten. Herhaal dit voor de andere afbeeldingen.
1e De serie eigen keuze in de techniek Vormen / Shapes samenvoegen of tekenen Maak 3 afbeeldingen die symbool staan voor een serie naar keuze. Gebruik hiervoor Vormen / Shapes zoals een rechthoek, ovaal, veelhoek en lijn of teken zelf een icoon.
5 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Opdracht 2 Infographic Tijdsbesteding Maak een infographic van je tijdsbesteding binnen je woonplaats / regio. Geef met behulp van afbeeldingen / iconen en een plattegrond aan hoeveel tijd je gemiddeld per dag op een bepaalde locatie / in een bepaalde situatie doorbrengt. Ga uit van een gemiddelde per dag. Met een symbool voor Overige zorg je ervoor dat je op exact 24 uur uitkomt. Bestandsformaat - Kleur: RGB - Resolutie: 300 pixels per inch - Grootte totale infographic: 19cm – 19cm Afbeeldingen - Neem een plattegrond / kaart / luchtfoto van je woonplaats / regio als uitgangspunt. Bewerk de plattegrond in Photoshop met filters en/of effecten zodat deze geschikt is als achtergrond. - Geef 4 locaties / situaties aan op de kaart Bijvoorbeeld: - Huis waar je woont – tijd die je thuis doorbrengt - Café waar je uitgaat – tijd die je aan uitgaan besteedt - Voetbalveld – tijd die je aan sporten besteedt - Winkelcentrum – tijd voor boodschappen doen en shoppen Bedenk en maak voor alle locaties / activiteiten een verduidelijkende afbeelding. - Bedenk en maak een symbool voor de tijdsaanduiding. De tijd moet niet alleen in cijfers worden weergegeven maar ook visueel worden gemaakt. Bijvoorbeeld een kleine klok voor 1 uur en een grote klok voor 6 uren. Tekst Naast het beeld verwerk je ook tekst in je infographic: - Geef de infographic een titel. - Maak een tekstvak met daarin een beschrijving van de infographic. In je beschrijving moet duidelijk worden waar de infographic voor staat.
6 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Opdracht 3 Infographic Grafiek Tool 3a Maak een Taartgrafiek met behulp van Grafiektool
Open de website GrafiekTool.nl en klik op de button: Start met ontwerpen.
Maak een keuze voor Grafiek – Type taart
Kies voor Type 2D – Stijl Normaal of Donut Normaal is een dichte cirkel. Donut is een cirkel met in het midden een gat.
7 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Data Toevoegen Vul de Gegevens in zoals Grafiektitel, het aantal Items en Item met Waarde.
Label en Fonts Kies een Font (lettertype) en kies de positie van een Font.
Toon Grafiek
8 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Plaatsen in een nieuw document Download je grafiek als JPG of PNG naar je eigen computer. Maak een Nieuw bestand: Formaat A4 - Kleur: RGB Plaats hierin de grafiek Maak een kopie. Verander hierin de kleuren. Dit kan zowel met het emmertje als met Ctrl + U Sla het bestand op als eigennaam_grafiek.psd 3b Maak een Staafgrafiek met behulp van Grafiektool Open de website GrafiekTool.nl en klik op de button: Start met ontwerpen. Maak een keuze voor Grafiek Staaf. Maak een keuze bij Type, Vormen en Stijl.
Data Toevoegen:
Labels en Fonts. Bij een staafgrafiek heb je een x-as en een y-as. De x-as is de horizontale lijn. De y-as is de verticale lijn.
9 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Grafiek bewerken en opslaan Download de grafiek als JPG of PNG naar je eigen computer. Open het bestand eigennaam_grafiek.psd. Plaats hierin de grafiek. Maak een kopie. Verander hierin de kleuren. Dit kan zowel met het emmertje als met Ctrl + U. Sla het bestand op als PSD en als JPGbestand.
Opdracht 4 Infographic Jongen/meisje – Leeftijd Maak een analyse van de klas op basis van Jongen-meisje en Leeftijd. Maak van de analyse een infographic in Photoshop. Bestandsformaat Het is een verschil of je een infographic maakt voor het web of voor een print. Voor het web: - Kleur: RGB - Resolutie: 72 pixels per inch - Grootte totale infographic: Breedte max 800 pixels Hoogte: zelf te bepalen. Vaak zijn ze erg lang. Voor een print: - Kleur: RGB - Resolutie: 300 pixels per inch - Grootte totale infographic: A5 of A4. Je mag het bestand ook in de breedte nemen. Vormgeving Maak gebruik van: - Grafieken (staafdiagram, cirkeldiagram, lijndiagram) - Cijfers - Iconen - Vormen
10 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Tekst Naast het beeld verwerk je ook tekst in je infographic: - Geef de infographic een titel. - Maak een tekstvak met daarin een beschrijving van de infographic. Totale infographic Nu je de belangrijkste afbeeldingen hebt kun je naar het totaalbeeld gaan kijken: De losse afbeeldingen moeten in een Logische volgorde staan en met elkaar Verbonden worden dmv pijlen of lijnen zodat de informatie verduidelijkt wordt. Check of het Hele verhaal op een Duidelijke manier verteld wordt. Voeg eventueel Extra teksten toe. Probeer de losse beelden tot een Eenheid te maken met behulp van Filtergalerij en Afbeelding/Image - Aanpassingen/Adjustments - Kleurtoon verzadiging/Hue saturation Werk op Aparte lagen en plaats de verschillende onderdelen in een Groep. Opslaan Geef de infographic de naam eigennaam_infographic_opdracht4 Sla de infographic op als PSD zodat je nog wijzigingen kunt aanbrengen. Sla je infographic op als Gif in het menu Bestand, Opslaan voor web en apparaten.
Opdracht 5 Infographic 3 categorieën naar keuze Maak een analyse van de klas op minimaal 3 van de volgende onderdelen. - Hobby’s / Sport - Woonplaats - Bijbaantje - (toekomstig) Werk / Opleiding - Vervoermiddel naar school - Merk telefoon - Eigen keus Maak van de analyse een infographic in Photoshop. Bestandsformaat Kies voor een infographic voor het web of voor een print. Vormgeving Maak gebruik van: - Grafieken (staafdiagram, cirkeldiagram, lijndiagram) - Cijfers - Iconen - Vormen 11 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Tekst Geef de infographic een titel en een beschrijving van de infographic. Totale infographic Maak het totaalbeeld. De losse afbeeldingen moeten in een Logische volgorde staan en met elkaar Verbonden worden dmv pijlen of lijnen zodat de informatie verduidelijkt wordt. Check of het Hele verhaal op een Duidelijke manier verteld wordt. Voeg eventueel Extra teksten toe. Probeer de losse beelden tot een Eenheid te maken met behulp van Filtergalerij en Afbeelding/Image - Aanpassingen/Adjustments - Kleurtoon verzadiging/Hue saturation Werk op Aparte lagen en plaats de verschillende onderdelen in een Groep. Opslaan Geef de infographic de naam eigennaam_infographic_opdracht5 Sla de infographic op als PSD zodat je nog wijzigingen kunt aanbrengen. Sla je infographic op als Gif in het menu Bestand, Opslaan voor web en apparaten.
12 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Woonplaats
School
Sport
Werk
Hoeveelheid
man/vrouw
13 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Afvinklijst Infographic Onderwerp
Criteria
Opdracht 1a Man/Vrouw Techniek: Kleur bedekken
Aantal 2 Originaliteit Eenheid in stijl Uitwerking (techniek en verzorging)
Opdracht 1b Hobby’s Techniek: Kleurtoon en verzadiging
Aantal 4 Originaliteit Eenheid in stijl Uitwerking (techniek en verzorging) Aantal 4 Originaliteit Eenheid in stijl Uitwerking (techniek en verzorging)
Opdracht 1c (Bij)baantjes Techniek: Filtergalerij Opdracht 1d Vervoermiddelen Techniek: Overvloeimodus
Aantal 4 Originaliteit Eenheid in stijl Uitwerking (techniek en verzorging)
Opdracht 1e Keuzecategorie Techniek: Zelf maken / tekenen
Aantal 3 Originaliteit Eenheid in stijl Uitwerking (techniek en verzorging)
Opdracht 2 Infigraphic Tijdsbesteding
Bestand: Formaat 19cm-19cm-300 dpi – RGB Achtergrond: Duidelijkheid – Originaliteit – Techniek – Vormgeving 4 Locaties: Duidelijkheid – Originaliteit – Techniek – Vormgeving Tijdseenheden: Duidelijkheid – Originaliteit – Techniek – Vormgeving Teksten Titel en omschrijving
Afvinken
14 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015
Opdracht 3a Taartgrafiek
Vorm: Taart Titel: Klas 2D ingedeeld per leeftijd Items: verschillende leeftijden Waardes: aantal personen per leeftijd Plaatsen in Photoshop Bewerken van een kopie
Opdracht 3b Staafgrafiek
Vorm: Staaf Titel: Klas 2D ingedeeld per leeftijd Items: verschillende leeftijden Waardes: aantal personen per leeftijd Plaatsen in Photoshop Bewerken van een kopie
Opdracht 4 Infographic Jongen/meisje - leeftijd
Bestandsformaat: Web: 800 pixels – 72 dpi – RGB Print: A4 of A5 – 300 dpi – RGB Gebruik van: Grafieken – cijfers – iconen vormen Afbeeldingen: Duidelijkheid – Originaliteit – Techniek – Vormgeving Teksten: Titel en omschrijving Totaalbeeld: Verbinding tussen verschillende onderdelen Logisch en duidelijk verhaal Eenheid in vormgeving Gebruik van groepen
Opdracht 5 Infographic 3 categorieën naar keuze
Bestandsformaat: Web: 800 pixels – 72 dpi – RGB Print: A4 of A5 – 300 dpi – RGB Gebruik van: Grafieken – cijfers – iconen vormen Afbeeldingen: Duidelijkheid – Originaliteit – Techniek – Vormgeving Teksten: Titel en omschrijving Totaalbeeld: Verbinding tussen verschillende onderdelen Logisch en duidelijk verhaal Eenheid in vormgeving Gebruik van groepen
15 MARKETING & COMMUNICATIE - DIGITALE VORMGEVING – JANUARI 2015