portfoliografisk design

jonathan groes jungløv

2 | Grafisk Design

Samvirke januar side 20-21

Jonathan Groes Jungløv | 3

grafisk designBaggrundI 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.

OpgaveTil 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øsningI 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

4 | Grafisk Design

FarverGrafikken 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.

SkitserInden selve designet skulle udføres på computeren, tegnede jeg et par skitser, hvoraf nogle af dem ses herunder.

Kasserede designsUd 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.

Afrika

0 55 75 0

Asien

80 6 40 6

Europa

58 41 55 43

Sydamerika

0 0 0 100

Nordamerika

3 33 61 0

Printet version

Jonathan Groes Jungløv | 5

EksportcirklerCirklernes 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.

VerdenskortetBaggrunden 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

FaktaboksePå 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.

*1234

Fordeling af eksport til øvrige kontinenter

Asterisk tegn til note om forståelse af eksport

Farve der repræsenterer det enkelte kontinent

Overskrift for boks

Indhold til boks

Nordamerika

3 33 61 0

6 | Grafisk Design

Sådan ser infografikken ud af den printede udgave i Samvirke januar side 20-21

Jonathan Groes Jungløv | 7

8 | Grafisk Design

Digital version

FarverSom nævnt skulle de to versioner af infografikken adskille sig fra hinanden. Så i den digitale version er følgende farver valgt.

Animation af kontinentprikkerAnimationen starter når man klikker. Den afspilles baglæns, når musen går ud af feltet.

Kode og trackingInfografikken 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.

Her er et eksempel på at kalde det eksterne Javascript

Screenshot

Kontinentprik

255 0 0

Lande m.m.

0 0 0

Andet

255 255 255

Rotation Forstørrelse

Tracking.trackPage(“KillerApp_Verdenshandel“+“= “+“Info_diagram“);

Jonathan Groes Jungløv | 9

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 infoboksen åbnet – der er forskellig info på alle siderHer er Nordamerika valgt

Diagram over kontinenternes eksport til andre kontinenter

URLhttp://samvirke.dk/forbrug/guides/verdenshandlen-gaar-uden-afrika-asien-saelger-mest.html