portfolio grafisk design
jonathan groes jungløv
Samvirke januar side 20-21
2 | Grafisk Design
grafisk design Baggrund I hver udgave af Samvirke har vi en journalistisk satsning, et tema. Temaerne skal alle høre under en af følgende stofområder: mad, miljø, sundhed eller forbrug. Til hvert tema høre der en række faste formatter blandt andet analyse, noter, portræt/voxpop og infografik.
Opgave Til Samvirkes tema i januar blev jeg bedt om at designe to infografiker med forskellige udtryk, men med samme indhold. De skulle se forskellige ud, eftersom den ene var til det fysiske magasin, og den anden til samvirke.dk. Temaet var Afrika, og ideen med grafiken er at vise, at Afrika er en utrolig lille spiller på verdensmarkedet, når man tager kontinentets størrelse og potentiale i betragtning.
Løsning I samarbejde med journalist Kristian Herlufsen valgte jeg ud fra et stort datasæt, hvordan historien skulle formidles og lavede skitser til, hvordan vi kunne vise historien bedst.
Mere design! Efter beskrivelsen af den trykte infografik viser jeg en digital udgave med et noget anderledes design, men med stort set samme indhold. Se side 20
Jonathan Groes Jungløv | 3
Printet version
Skitser
Kasserede designs
Inden selve designet skulle udføres på computeren, tegnede jeg et par skitser, hvoraf nogle af dem ses herunder.
Ud fra skitserne begyndte jeg at designe på computeren. Vi opdagede dog hurtigt, at vores tanker om pile som repræsenterede eksporten ikke ville hjælpe på overskueligheden. Derfor ændrede vi konceptet.
Farver Grafikken skulle være lækker og elegant at se på. Desuden skulle den også være så simpel i dens indhold, at læseren kunne gennemskue historien.
Afrika
Asien
Europa
Sydamerika
Nordamerika
0 55 75 0
80 6 40 6
58 41 55 43
0 0 0 100
3 33 61 0
4 | Grafisk Design
Verdenskortet Baggrunden blev til ud fra en stock vektor tegning af verden. I Illustrator er der lavet et pattern til fyld i landene. Det er blevet rastereret i photoshop fordi der var virkelig mange vektorpunkter
Eksportcirkler Cirklernes størrelse er relative, i forhold til hvor stor eksporten for det enkelte land er. Det aflæses også hurtigt, når forbindelsen til tallet går op for læseren.
Fordeling af eksport til øvrige kontinenter
Asterisk tegn til note om forståelse af eksport
* 1234
Farve der repræsenterer det enkelte kontinent
Faktabokse På infografikken er der placeret flere bokse med baggrundsviden, der ikke er nødvendig for at forstå hovedpointen i grafikken. De er bevidst placeret lidt skævt i forhold til de øvrige bokse. På den måde bliver designet mindre statisk og mere flydende.
Overskrift for boks
Indhold til boks
Jonathan Groes Jungløv | 5
Sådan ser infografikken ud af den printede udgave i Samvirke januar side 20-21
6 | Grafisk Design
Jonathan Groes Jungløv | 7
Digital version
Kode og tracking
Farver
Infografikken er bygget i Flash CS5 med AS3. For hver handling af brugeren sendes der en tracking til Google og Gemius. Derved får Samvirke.dk registreret klik og sidevisninger. Samtidig skifter bannere ved klik og øger indtjening for annoncering. Tracking sker ved kald af et eksternt Javascript dokument.
Som nævnt skulle de to versioner af infografikken adskille sig fra hinanden. Så i den digitale version er følgende farver valgt.
Her er et eksempel på at kalde det eksterne Javascript Tracking.trackPage(“KillerApp_Verdenshandel“+“= “+“Info_diagram“);
Kontinentprik 255 0 0
Screenshot
Lande m.m. 000
Andet 255 255 255
Animation af kontinentprikker Animationen starter når man klikker. Den afspilles baglæns, når musen går ud af feltet.
Rotation
8 | Grafisk Design
Forstørrelse
Forside med mulighed for at vælge kontinent
Her ses verdens befolkning over for verdens eksport. Når man kører musen hen over et af felterne, lyser det op sammen med felter af samme farve
Her er Nordamerika valgt
Her er infoboksen åbnet – der er forskellig info på alle sider
URL http://samvirke.dk/forbrug/guides/ verdenshandlen-gaar-uden-afrika-asiensaelger-mest.html
Diagram over kontinenternes eksport til andre kontinenter
Jonathan Groes Jungløv | 9