Sfat rapid Crearea unei hărți Simple Infographic

Odată cu introducerea noului nostru Tuts + Workshop: Freestyle Map Challenge, am crezut că vă arăt cum am creat această hartă simplă Infographic. Cu ajutorul Hărților Google, Simbolurilor și Excel, am reușit să reunesc această hartă rapidă pe cele zece locuri preferate din Marea Britanie. Deci, hai să rămânem în ...


Pasul 1

Există o mulțime de resurse hartă gratuite acolo. Unele au JPG / PNG de înaltă rezoluție și o mână ciudată veți putea descărca fișiere EPS. Mi-am luat-o de pe site-ul web al Ordnance Survey. Ca întotdeauna, aflați drepturile de autor pentru hartă și dacă există limitări. Cu harta pe care am folosit-o aici, singura limitare este că trebuie să păstrez recunoașterea dreptului de autor al Ordnance Survey asupra imaginii.

Cu infographics, trebuie să vă conectați sursele de date și o hartă este date. Menținerea recunoașterii aduce integritate imaginii mele. Dacă cineva dorea să investigheze datele pe care le-am prezentat, vor ști unde să-l urmărească.

Am deschis descărcarea EPS în Adobe Illustrator și am redimensionat harta în Artboard-ul meu. Dacă există o scală, păstrați-o. Scalați-l cu harta, nu separat. Am repoziționat apoi drepturile de autor de la Ordnance Survey și am adăugat o linie de etichete pe care resursa hărții EPS a fost de la ei.


Pasul 2

Voi folosi hărțile de hartă dintr-un studiu de caz infografic anterior, realizat de Ian Yates, Editorul Webdesigntuts+.

Am zece locații în minte pentru infografice. Sunt locuri pe care le-am vizitat în vacanțe de familie sau în locuri pe care le-am trăit anterior. Scopul este să arătați: unde locuiesc în prezent, cele zece locuri preferate și apoi distanța de la casa mea. Orașul meu poștal este Morpeth în Northumberland, în nordul Angliei. Deci, o să comportați mai întâi acest punct cu un bolț albastru. Acest lucru este pentru a iesi la iveala de la celelalte pini, astfel incat sa puteti clar aceasta locatie. "Locurile preferate" sunt apoi reprezentate cu pini galbeni.

Chiar dacă am o idee vagă despre locațiile în care locuiesc, am verificat dublu folosind Google Maps și am aliniat locațiile cu contururile hărții.


Pasul 3

Am făcut conturul Marii Britanii în Calea Compus (Ctrl + 8) și apoi am folosit o umplutură verde cu Bucket Live Paint (K). Am plasat un dreptunghi albastru deschis (M) în spatele hărții ca fundal.

Apoi Obiect> Extindeți grupul Live Paint și aplicați următoarele setări ale panoului Aspect la contur. Nu am modificat confirmarea sau scara drepturilor de autor - altul decât setarea la Multiplicare mod amestecare.


Pasul 4

Ca întotdeauna, este important să vă păstrați Straturile organizate. Acest lucru facilitează accesarea informațiilor pe care ar putea fi necesare pentru a le modifica mai târziu. Am adăugat etichete pe pini în această etapă.

Voi folosi Google Maps pentru a obține valorile distanței. Prin urmare, am adăugat informații sursă la citirea de jos "Valorile distanței calculate de la cea mai scurtă distanță acoperită de autoturism / rutier prin maps.google.com". Aceasta este o informare a cititorului de unde am obținut datele și despre ce valori vor fi în legătură cu acestea. Distanța acoperită direct ar fi mult mai scurtă, de exemplu, dar atunci ați fi tăiat prin dealuri și munți pentru a ajunge în unele locații!


Pasul 5

După colectarea datelor din Hărți Google, am plasat valorile din Excel de la cea mai scurtă la cea mai lungă distanță. Deoarece scara mea pe hartă este în kilometri, am asigurat că Google Maps îmi dă valorile în kilometri. Ori de câte ori introduceți o valoare numerică într-un tabel sau chiar de-a lungul unui grafic, asigurați-vă că etichetați unitățile pe care le utilizați. Distanța de la Morpeth ar putea fi văzută ca mile ... folosind (km) evită această confuzie. Prezentați masa într-un mod atrăgător de vizibil, dar nu atât de distras de ceea ce încercați să spuneți.

Îmi place faptul că puteți evidenția o tabelă în Excel și apoi copiați (Ctrl + C) și inserați-o (Ctrl + V) în Adobe Illustrator. Aceasta este o modalitate rapidă și ușoară de a vă prezenta datele scrise în formă de tabel, fără a fi nevoie să le desenați manual. Am modificat culorile tabelelor pentru a reflecta un stil similar cu harta mea.


Pasul 6

Acum, pentru a aduce toate datele împreună cu un titlu, atunci când vă uitați la grafic știți care este scopul. Primul meu titlu era "Cele 10 locuri preferate ale lui Sharon Milne în Marea Britanie și distanțele de la casa ei din Morpeth". Acest lucru sa schimbat ulterior la "... & Distanțe față de casa ei". Vizitatorii nu au nevoie să știe exact numele locației mele decât dacă este unul din cele zece locuri preferate. Deci nu vreau să dau informații inutile, mai ales că este atât de aproape de orașul meu natal, Newcastle Upon Tyne.


Pasul 7

Odată cu schimbarea indicând locația în minte, am decis să eliminăm textul pentru "Morpeth" și să înlocuim pictograma cu un simbol "Web Icon" al unei case.

Am făcut dublu clic pe el și am intrat în modul de izolare pentru a modifica culoarea. Am folosit instrumentul Scalare simbol pentru a reduce dimensiunea.


Pasul 8

Pentru a face datele mai ușoare pe ochi, apoi creez un nou cod de hartă pentru fiecare locație prin tragerea și plasarea unui simbol în tabloul meu de artă, apoi Object> Extending it. Apoi recolorez umplerea pinului și îl adaug înapoi la panoul Simboluri.

Am înlocuit apoi toate pictogramele de pe hartă mergând de la roșu la cel mai apropiat de casa mea până la galben, verde, albastru, violet și roz pentru cea mai îndepărtată.


Pasul 9

Am tras fiecare din aceste simboluri în tabloul meu de artă și Object> Am extins-o. Am eliminat apoi accidentul neagră din jurul lor. În acest fel, pot evidenția locul din culoarea textului din tabelul meu și apoi folosesc instrumentul pentru picioare (I) pentru a preleva culoarea exactă a știftului. Mai târziu am modificat culorile și mai mult, astfel încât bluzele galbene și luminoase nu sunt la fel de palide și sunt mult mai ușor de citit.


Concluzie

Atingerea finală a graficului a inclus adăugarea unui aspect de gri la harta actuală. Culorile pe care le-am folosit anterior, probabil distrase de acele hărți. De asemenea, am adăugat granițele și numele țărilor din Marea Britanie pentru cei care nu erau siguri de localizarea locurilor specifice.

Amintiți-vă atunci când creați un infographic, claritatea datelor și posibilitatea de a citi datele este sarcina dvs. principală. Stilul este gândul tău după. Atâta timp cât cititorul poate aduna informațiile pe care încercați să le comunicați în graficul dvs., atunci ați făcut bine treaba.

Dacă doriți să aflați mai multe despre Infographics, vă subliniez recomandăm să verificați cursul Tuts + creat de Cheryl Graham intitulat Graphics Information. Este un curs video de peste 2 ore și este cu adevărat informativ. Nu pot opri să o recomand oamenilor, deoarece este un curs excelent.