Share
Med introduktionen av vår nya Tuts + Workshop: Freestyle Map Challenge trodde jag att jag skulle visa dig hur jag skapade denna Simple Map Infographic. Med hjälp av Google Maps, Symboler och Excel har jag kunnat sammanföra denna snabba karta infographic på mina tio favoritplatser i Storbritannien. Så låt oss fastna i ...
Det finns gott om gratis kartresurser där ute. Vissa har JPG / PNG-bilder med hög upplösning och den udda handfulla du kan lägga ner EPS-filer. Jag har fått min från Ordnance Survey-webbplatsen. Som alltid, ta reda på upphovsrätten för kartan och om det finns några begränsningar. Med den karta som jag har använt här är den enda begränsningen att jag måste hålla Ordnance Survey upphovsrättsbekräftelse på bilden.
Med infographics måste du länka dina datakällor och en karta är data. Att hålla bekräftelsen ger med sig integritet till min bild. Om någon ville undersöka de data jag presenterat kommer de att veta var jag ska jaga upp det här.
Jag har öppnat EPS-nedladdningen i Adobe Illustrator och omvandlat kartan till min Artboard. Om det finns en skala, behåll detta. Skala den med kartan, inte separat. Jag har sedan omplacerat Ordnance Survey copyright och lagt till en tagglinje som Map EPS-resursen var från dem.
Jag använder kartpinnar från en tidigare infografisk fallstudie av Ian Yates, redaktör för Webdesigntuts+.
Jag har mina tio platser i åtanke för infografiska. De är platser jag har besökt under familjesemester eller platser jag tidigare bott. Syftet är att visa: där jag bor för närvarande, mina tio favoritplatser och sedan avståndet från mitt hem. Min postort är Morpeth i Northumberland i norra England. Så jag kommer att plotta denna punkt först med en blå pin. Det här är att sticka ut från de andra stiften så du kan tydligt här den här platsen. "Favoritställen" är sedan ritade med de gula stiften.
Trots att jag har en vag föreställning om var platserna är, har jag dubbelt kontrollerat med Google Maps och kantade upp platserna med konturerna på kartan.
Jag har gjort inlägget i Storbritannien till Compound Path (Ctrl + 8) och använt sedan en grön fyllning med Live Paint Bucket (K). Jag har lagt en ljusblå rektangel (M) bakom kartan som bakgrund.
Jag sedan Objekt> Expandera levande färggruppen och tillämpa inställningarna nedan Utseendepanel i konturen. Jag har inte ändrat upphovsrättsbekräftelsen eller skalan - annat än att ställa in det för blandningsläge Multiplicera.
Som alltid är det viktigt att hålla dina lager organiserat. Det gör det enkelt att få tillgång till informationen som du kanske behöver ändra senare. Jag har lagt till etiketter på kartnålarna på detta stadium.
Jag använder Google Maps för att få distansvärdena. Därför har jag lagt till källinformation under nedre avläsningen "Avståndsvärden beräknade från kortaste avstånd som omfattas av bil / väg via maps.google.com". Detta informerar läsaren där jag fick data och vad specifikt några värden kommer att vara i relation till. Avståndet som omfattas direkt skulle vara mycket kortare till exempel, men då skulle du klippa genom kullar och berg för att komma till några platser!
Efter att ha samlat data från Google Maps har jag satt värdena i Excel från kortast till längsta avstånd. Eftersom min skala på kartan är i kilometer har jag försäkrat mig om att Google Maps ger mig värdena i kilometer. När du sätter ett numeriskt värde i ett bord eller ens längs ett diagram, se till att du märker de enheter du använder. Avstånd från Morpeth kan ses som miles ... med hjälp av (km) undviker denna förvirring. Presentera ditt bord på ett visuellt tilltalande sätt, men inte så det distraherar från det du försöker säga.
Jag älskar det faktum att du kan markera ett bord i Excel och sedan Kopiera (Ctrl + C) och klistra in (Ctrl + V) i Adobe Illustrator. Detta är ett snabbt och enkelt sätt att presentera din skriftliga data i tabellform utan att behöva rita en manuellt. Jag har ändrat tabellerna för att återspegla en liknande stil på min karta.
Nu för att ta med alla data tillsammans med en titel, så när du tittar på grafiken vet du vad syftet är. Min första titel var "Sharon Milnes 10 favoritplatser i Storbritannien och avstånd från hennes hem i Morpeth". Detta ändrades senare till "... och avstånd från hennes hem". Tittare behöver verkligen inte veta det specifika namnet på min plats om det inte är en av mina tio favoritplatser. Så jag vill inte ge onödig information, särskilt med att den ligger så nära min hemstad, Newcastle Upon Tyne.
Med ändringen i att peka ut min plats i åtanke bestämde jag mig för att ta bort texten för "Morpeth" och ersätta ikonen med en "Web Icon" -symbol för ett hem.
Jag har dubbelklickat på den och gick in i Isolation Mode för att ändra färgen. Jag använde symbolskalverktyget för att minska storleken.
För att göra data lättare i ögonen skapar jag sedan en ny kartstift för varje plats genom att dra och släppa en symbol till min tavla och sedan Objekt> Utöka den. Jag tar sedan upp fyllningen på stiften och lägger den tillbaka till symbolpanelen.
Jag har sedan ersatt alla ikoner på kartan som går från rött till närmast mitt hem till gult, grönt, blått, lila och rosa för det längsta.
Jag har dragit var och en av symbolerna till min tavla och Object> Expanded them. Jag har sedan tagit bort den svarta stroken från omkring dem. På så sätt kan jag markera platsen för färg i text i mitt bord och sedan använda Eyedropper Tool (I) för att prova den exakta färgen på stiftet. Senare ändrade jag färgerna ytterligare så att den gula och ljusa blues inte är så blek och mycket lättare att läsa.
Min slutgiltiga beröring till grafiken inkluderade att lägga till en gråskala titta på den faktiska kartan. Färgerna som jag tidigare använde kanske distraherade från kartnålarna. Jag lade också till gränser och namnen på Storbritanniens länder för dem som inte var säkra på platsen för de specifika platserna.
Kom ihåg när man skapar en infografisk, tydlighet i data och att kunna läsa data är din primära uppgift. Stil är din eftertanke. Så länge som läsaren kan samla informationen som du försöker kommunicera i din grafik har du gjort ditt jobb bra.
Om du vill veta mer om Infographics rekommenderar jag att du kolla in Tuts + Course skapad av Cheryl Graham med titeln Information Graphics. Det är en videokurs över 2 timmar och är väldigt informativ. Jag kan inte sluta rekommendera det till människor eftersom det är en bra kurs.
Accentsconagua