Share
Met de introductie van onze nieuwe Tuts + Workshop: Freestyle Map Challenge, dacht ik dat ik je zou laten zien hoe ik deze Simple Map Infographic heb gemaakt. Met behulp van Google Maps, Symbols en Excel heb ik deze snelle infographic op mijn tien favoriete plaatsen in Groot-Brittannië kunnen samenstellen. Dus laten we vastlopen in ...
Er zijn veel gratis kaartbronnen beschikbaar. Sommige hebben JPG / PNG-bestanden met een hoge resolutie en het oneven aantal handjevol EPS-bestanden. Ik heb de mijne gekregen van de Ordnance Survey-website. Zoals altijd, ontdek het copyright voor de kaart en of er beperkingen zijn. Met de kaart die ik hier heb gebruikt, is de enige beperking dat ik de Ordnance Survey copyright-erkenning op de afbeelding moet houden.
Met infographics moet u uw gegevensbronnen koppelen en een kaart gegevens. Houden van de erkenning op brengt integriteit aan mijn imago. Als iemand de gegevens die ik heb gepresenteerd wilde onderzoeken, weten ze waar ze dit moeten achterhalen.
Ik heb de EPS-download geopend in Adobe Illustrator en de kaart aangepast in mijn Artboard. Als er een schaal is, houd deze dan. Schaal het met de kaart, niet apart. Ik heb vervolgens het copyright van de Ordnance Survey opnieuw gepositioneerd en een tagregel toegevoegd waaruit de Map EPS-resource afkomstig was.
Ik gebruik kaartspelden uit een eerdere infographic case study van Ian Yates, de redacteur van Webdesigntuts+.
Ik heb mijn tien locaties voor de infographic in gedachten. Het zijn plaatsen die ik bezocht heb tijdens familievakanties of plaatsen waar ik eerder woonde. Het doel is om te laten zien: waar ik momenteel woon, mijn tien favoriete plekken en dan de afstand van mijn huis. Mijn postplaats is Morpeth in Northumberland in het noorden van Engeland. Dus ik ga dit punt eerst plotten met een blauwe pin. Dit is om op te vallen tussen de andere pinnen, zodat je dit duidelijk kunt zien op deze locatie. De "favoriete plaatsen" worden vervolgens uitgezet met de gele pinnen.
Hoewel ik een vaag idee heb van waar de locaties zijn, heb ik dubbel gecontroleerd met Google Maps en de locaties opgesteld met de contouren van de kaart.
Ik heb de contouren van Groot-Brittannië in samengestelde weg (Ctrl + 8) gezet en vervolgens een groene vulling gebruikt met de emmer voor levende verf (K). Ik heb een lichtblauwe rechthoek (M) achter de kaart geplaatst als achtergrond.
Vervolgens maak ik Object> Vouw de groep Actieve verf uit en pas de onderstaande paneelinstellingen van Uiterlijk toe op de omtrek. Ik heb de copyrightbevestiging of -schaal niet gewijzigd, behalve dat ik deze heb ingesteld op vermenigvuldigingsmodus vermenigvuldigen.
Zoals altijd is het belangrijk om je lagen overzichtelijk te houden. Hierdoor hebt u eenvoudig toegang tot de informatie die u later nodig heeft om te wijzigen. Ik heb in dit stadium labels aan de kaartspelden toegevoegd.
Ik ga Google Maps gebruiken om de afstandswaarden op te halen. Daarom heb ik broninformatie toegevoegd bij de onderste meetwaarde 'Afstandswaarden berekend op basis van de kortste afstand afgelegd met auto / weg via maps.google.com'. Dit informeert de lezer waar ik de gegevens heb gekregen en waar specifiek enige waarden betrekking op hebben. De directe afgelegde afstand zou bijvoorbeeld een stuk korter zijn, maar dan zou je door heuvels en bergen snijden om naar sommige locaties te komen!
Na het verzamelen van de gegevens uit Google Maps, heb ik de waarden in Excel van de kortste naar de langste afstand gezet. Omdat mijn schaal op de kaart in kilometers is, heb ik ervoor gezorgd dat Google Maps mij de waarden in kilometers geeft. Telkens wanneer u een numerieke waarde in een tabel of zelfs in een grafiek plaatst, moet u ervoor zorgen dat u de eenheden die u gebruikt, labelt. Afstand van Morpeth kan worden gezien als mijlen ... het gebruik van (km) vermijdt deze verwarring. Presenteer uw tafel op een visueel aantrekkelijke manier, maar niet zo dat het afleidt van wat u probeert te zeggen.
Ik vind het geweldig dat je een tabel in Excel kunt markeren en vervolgens kopiëren (Ctrl + C) en plakken (Ctrl + V) in Adobe Illustrator. Dit is een snelle en gemakkelijke manier om uw geschreven gegevens in tabelvorm te presenteren, zonder dat u er handmatig één hoeft te tekenen. Ik heb de tabelkleuren aangepast om een stijl overeenkomend met mijn kaart weer te geven.
Nu om alle gegevens samen te voegen met een titel, dus als u naar de afbeelding kijkt, weet u wat het doel is. Mijn eerste titel was "De 10 favoriete plaatsen van Sharon Milne in Groot-Brittannië en op afstand van haar huis in Morpeth". Dit veranderde later in "... & Afstanden van haar huis". Kijkers hoeven niet echt de specifieke naam van mijn locatie te weten, tenzij het een van mijn tien favoriete plaatsen is. Ik wil dus geen onnodige informatie geven, vooral omdat het zo dicht bij mijn woonplaats Newcastle Upon Tyne ligt.
Met de verandering in het wijzen op mijn locatie in gedachten, besloot ik om de tekst voor "Morpeth" te verwijderen en het pictogram te vervangen door een "Web Icon" -symbool van een huis.
Ik heb er dubbel op geklikt en ben naar de isolatiemodus gegaan om de kleur aan te passen. Ik heb de Symbol Scale Tool gebruikt om de grootte te verkleinen.
Om de gegevens gemakkelijker te maken voor de ogen, maak ik vervolgens voor elke locatie een nieuwe kaartpen door een symbool naar mijn tekengebied te slepen en neer te zetten en vervolgens naar Object> Uitbreiden. Vervolgens kleur ik de vulling van de pin opnieuw in en voeg ik deze weer toe aan het deelvenster Symbolen.
Ik heb vervolgens alle pictogrammen op de kaart vervangen, gaande van rood tot het dichtst bij mijn huis, tot geel, groen, blauw, paars en roze voor het verst.
Ik heb elk van de symbolen naar mijn tekengebied gesleept en Object> Uitgevouwen. Ik heb vervolgens de zwarte streek om me heen verwijderd. Op deze manier kan ik de plaats met betrekking tot de kleur in tekst in mijn tabel markeren en vervolgens het gereedschap Pipet (I) gebruiken om de exacte kleur van de pen te samplen. Later heb ik de kleuren nog verder aangepast, zodat de gele en lichte blues niet zo bleek zijn en veel gemakkelijker te lezen zijn.
Mijn finishing touch aan de afbeelding was het toevoegen van een grijswaarden uiterlijk aan de daadwerkelijke kaart. De kleuren die ik eerder gebruikte, hebben misschien de aandacht afgeleid van de kaartspelden. Ik heb ook grenzen en de namen van de landen van Groot-Brittannië toegevoegd voor degenen die niet zeker waren van de locatie van de specifieke plaatsen.
Onthoud bij het maken van een infographic, duidelijkheid in gegevens en het kunnen lezen van de gegevens is uw primaire taak. Stijl is je gedachte. Zolang de lezer de informatie kan verzamelen die u in uw afbeelding probeert te communiceren, hebt u uw werk goed gedaan.
Als u meer wilt weten over Infographics, raad ik u aan om de Tuts + -cursus te bekijken die is gemaakt door Cheryl Graham, getiteld Information Graphics. Het is een videocursus van meer dan 2 uur lang en is echt informatief. Ik kan het niet aanbevelen aan mensen omdat het een geweldige cursus is.
Accentsconagua