Rask tips Opprette et enkelt kart Infographic

Med introduksjonen av vår nye Tuts + Workshop: Freestyle Map Challenge, trodde jeg at jeg skulle vise deg hvordan jeg opprettet denne Simple Map Infographic. Med hjelp av Google Maps, Symboler og Excel har jeg vært i stand til å sette sammen dette raske kartet infographic på mine ti favorittsteder i Storbritannia. Så la oss bli sittende fast i ...


Trinn 1

Det er mange gratis kartressurser der ute. Noen har høyoppløselig JPG / PNG-er, og den merkelige håndfulle du vil kunne legge ned EPS-filer. Jeg har fått min fra Ordnance Survey nettsiden. Som alltid, finn ut opphavsretten til kartet, og hvis det er noen begrensninger. Med kartet jeg har brukt her, er den eneste begrensningen at jeg må holde Ordnance Survey opphavsrettsbekreftelse på bildet.

Med infographics må du koble datakildene dine og et kart er data. Å holde bekreftelsen på bringer integritet til bildet mitt. Hvis noen ønsket å undersøke dataene jeg har presentert, vil de vite hvor å jage dette opp.

Jeg har åpnet EPS-nedlastingen i Adobe Illustrator og endret kartet til min Artboard. Hvis det er en skala, behold dette. Skalere det med kartet, ikke separat. Jeg har deretter flyttet opphavsretten til Ordnance Survey og lagt til en taglinje som Map EPS-ressursen var fra dem.


Steg 2

Jeg bruker kartpinner fra en tidligere infografisk case studie av Ian Yates, redaktør for Webdesigntuts+.

Jeg har mine ti steder i tankene for infografiske. De er steder jeg har besøkt under familieferier eller steder jeg tidligere har bodd. Målet er å vise: hvor jeg bor, mine ti favorittsteder og så avstanden fra hjemmet mitt. Min postby er Morpeth i Northumberland i Nord-England. Så jeg skal plotte dette poenget først med en blå pin. Dette er å skille seg ut fra de andre pinnene, så du kan tydeligvis dette denne plasseringen. De "favorittstedene" blir så plottet med de gule pinnene.

Selv om jeg har en vag idé om hvor stedene er, har jeg dobbelt sjekket med Google Maps og lined opp stedene med konturene på kartet.


Trinn 3

Jeg har laget oversikten over Storbritannia til Compound Path (Ctrl + 8) og deretter brukt en grønn fyll med Live Paint Bucket (K). Jeg har plassert en lyseblå rektangel (M) bak kartet som bakgrunn.

Jeg deretter Objekt> Utvid Live Paint-gruppen og bruk innstillingene nedenfor Utseendepanel til oversikten. Jeg har ikke endret opphavsrettsbekreftelsen eller skalaen - annet enn å sette det til Blending Mode Multiply.


Trinn 4

Som alltid er det viktig å holde lagene dine organisert. Dette gjør det enkelt å få tilgang til informasjonen du måtte trenge å endre senere. Jeg har lagt til etiketter på kartnålene på dette stadiet.

Jeg bruker Google Maps for å få avstandsverdiene. Derfor har jeg lagt til kildedata ved nedlasting "Avstandsverdier beregnet fra korteste avstand dekket av bil / vei via maps.google.com". Dette informerer leseren hvor jeg fikk dataene og hva spesifikt noen verdier vil være i forhold til. Avstand dekket direkte ville være mye kortere for eksempel, men da ville du kutte gjennom åser og fjell for å komme til noen steder!


Trinn 5

Etter å ha sortert dataene fra Google Maps, har jeg satt verdiene i Excel fra korteste til lengste avstand. Siden min skala på kartet er i kilometer, har jeg sikret at Google Maps gir meg verdiene i kilometer. Når du setter en numerisk verdi inn i et bord eller til og med langs en graf, må du kontrollere at du merker enhetene du bruker. Avstand fra Morpeth kan ses som miles ... ved å bruke (km) unngår denne forvirringen. Present bordet ditt på en visuelt tiltalende måte, men ikke så det distraherer fra det du prøver å si.

Jeg elsker det faktum at du kan markere et bord i Excel og deretter Kopier (Ctrl + C) og Lim inn (Ctrl + V) det til Adobe Illustrator. Dette er en rask og enkel måte å presentere dine skriftlige data i tabellform, uten å måtte tegne en manuelt. Jeg har endret tabellens farger for å gjenspeile en lignende stil på kartet mitt.


Trinn 6

Nå å bringe alle dataene sammen med en tittel, så når du ser på grafikken vet du hva formålet er. Min første tittel var "Sharon Milnes 10 favorittsteder i Storbritannia og avstander fra hennes hjem i Morpeth". Dette endret senere til "... og avstander fra hennes hjem". Seere trenger egentlig ikke å vite det bestemte navnet på stedet min, med mindre det er en av mine ti favorittsteder. Så jeg vil ikke gi unødvendig informasjon, særlig fordi den er så nær hjemstedet mitt, Newcastle Upon Tyne.


Trinn 7

Med endringen i å peke på min plassering i tankene bestemte jeg meg for å fjerne teksten for "Morpeth" og erstatte ikonet med et "Web Icon" -symbol for et hjem.

Jeg har dobbeltklikket på den og gikk inn i isolasjonsmodus for å endre fargen. Jeg brukte Symbol Scale Tool for å redusere størrelsen.


Trinn 8

For å gjøre dataene enklere for øynene, lager jeg en ny kartpinne for hvert sted ved å dra og slippe et symbol til min tavle og deretter Objekt> Utvide den. Jeg henter deretter fyllingen på pinnen og legger den tilbake til symbolpanelet.

Jeg har da erstattet alle ikonene på kartet som går fra rød til nærmeste hjem til gul, grønn, blå, lilla og rosa for lengst.


Trinn 9

Jeg har trukket alle symbolene til min tavle og Objekt> Utvidet dem. Jeg har da fjernet det svarte slaget fra dem. På denne måten kan jeg markere stedet som er knyttet til fargen i teksten i tabellen, og bruk Eyedropper Tool (I) for å prøve den nøyaktige fargen på tappen. Jeg endret senere fargene enda lenger, så den gule og lyse bluesen er ikke så blek og er mye lettere å lese.


Konklusjon

Mine ferdige detaljer til grafikken inkluderte å legge til en gråskala se til det aktuelle kartet. Fargene jeg tidligere brukte, kanskje distrahert fra kartnålene. Jeg har også lagt til grenser og navnene til landene i Storbritannia for de som ikke var sikker på plasseringen av de bestemte stedene.

Husk når du lager en infografisk, klarhet i data og å kunne lese dataene er din primære oppgave. Stil er din ettertanke. Så lenge leseren kan samle informasjonen du prøver å kommunisere i grafikken din, har du gjort jobben bra.

Hvis du vil vite mer om Infographics, legger jeg merke til at du sjekker ut Tuts + Course opprettet av Cheryl Graham med tittelen Information Graphics. Det er et videokurs over 2 timer og er veldig informativt. Jeg kan ikke slutte å anbefale det til folk som det er et flott kurs.