Share
Mit der Einführung unseres neuen Tuts + Workshops: Freestyle Map Challenge wollte ich Ihnen zeigen, wie ich diese Simple Map-Infografik erstellt habe. Mit Hilfe von Google Maps, Symbols und Excel konnte ich diese schnelle Karteninfografik zu meinen zehn Lieblingsorten in Großbritannien zusammenstellen. Also lasst uns reinstecken ...
Es gibt viele kostenlose Kartenressourcen. Einige haben hochauflösende JPG / PNG-Dateien, und Sie können EPS-Dateien mit der seltenen Handvoll herunterladen. Ich habe meine von der Ordnance Survey-Website erhalten. Informieren Sie sich wie immer über das Urheberrecht für die Karte und ob es Einschränkungen gibt. Bei der hier verwendeten Karte besteht die einzige Einschränkung darin, dass ich die urheberrechtliche Bestätigung der Ordnance Survey auf dem Bild aufbewahren muss.
Mit Infografiken müssen Sie Ihre Datenquellen verknüpfen, und eine Karte besteht aus Daten. Wenn Sie die Bestätigung beibehalten, wird mein Image integer. Wenn jemand die von mir vorgelegten Daten untersuchen wollte, wird er wissen, wo er dies nachjagen muss.
Ich habe den EPS-Download in Adobe Illustrator geöffnet und die Karte in meinem Artboard verkleinert. Wenn es eine Waage gibt, behalten Sie diese. Skalieren Sie es mit der Karte, nicht separat. Ich habe dann das Copyright der Ordnance Survey neu positioniert und eine Tag-Zeile hinzugefügt, die von der Map EPS-Ressource stammt.
Ich verwende Map Pins aus einer früheren Infografik-Fallstudie von Ian Yates, dem Herausgeber von Webdesigntuts+.
Ich habe meine zehn Standorte für die Infografik im Auge. Es sind Orte, die ich während eines Familienurlaubs besucht habe, oder Orte, an denen ich zuvor gelebt habe. Ziel ist es zu zeigen: Wo ich gerade wohne, meine zehn Lieblingsplätze und dann die Entfernung von meinem Zuhause. Meine Poststadt ist Morpeth in Northumberland im Norden Englands. Also werde ich diesen Punkt zuerst mit einer blauen Nadel plotten. Dies soll sich von den anderen Pins abheben, damit Sie diese Position eindeutig erkennen können. Die "Lieblingsorte" werden dann mit den gelben Pins dargestellt.
Obwohl ich eine genaue Vorstellung davon habe, wo sich die Standorte befinden, habe ich Google Maps noch einmal überprüft und die Standorte anhand der Konturen der Karte aneinandergereiht.
Ich habe die Umrisse von Großbritannien in Compound Path (Strg + 8) erstellt und dann mit dem Live Paint Bucket (K) eine grüne Füllung verwendet. Ich habe ein hellblaues Rechteck (M) hinter der Karte als Hintergrund platziert.
Ich öffne dann Objekt> Erweitern Sie die Live Paint-Gruppe und wende die folgenden Einstellungen für das Erscheinungsbildfenster auf die Gliederung an. Ich habe die Copyright-Bestätigung oder -Skala nicht geändert - es sei denn, Sie haben den Blending-Modus "Multiplizieren" gewählt.
Wie immer ist es wichtig, dass Ihre Ebenen organisiert bleiben. Auf diese Weise können Sie leicht auf die Informationen zugreifen, die Sie möglicherweise später ändern müssen. Ich habe zu diesem Zeitpunkt Labels zu den Karten-Pins hinzugefügt.
Ich werde Google Maps verwenden, um die Entfernungswerte zu erhalten. Deshalb habe ich am unteren Rand Quelleninformationen hinzugefügt: "Entfernungswerte, berechnet aus der kürzesten Entfernung, die von Auto / Straße über maps.google.com zurückgelegt wird". Hiermit wird der Leser informiert, woher ich die Daten habe und welche konkreten Werte in Bezug stehen werden. Die direkt zurückgelegte Entfernung wäre zum Beispiel viel kürzer, aber dann würden Sie durch Hügel und Berge schneiden, um zu einigen Orten zu gelangen!
Nachdem ich die Daten von Google Maps abgeglichen habe, habe ich die Werte in Excel von der kürzesten bis zur längsten Distanz eingegeben. Da mein Maßstab auf der Karte in Kilometern angegeben ist, habe ich sichergestellt, dass Google Maps die Werte in Kilometern angibt. Wenn Sie einen numerischen Wert in eine Tabelle oder sogar entlang eines Diagramms eingeben, müssen Sie die verwendeten Einheiten beschriften. Die Entfernung von Morpeth kann als Meilen betrachtet werden. Durch die Verwendung von (km) wird diese Verwirrung vermieden. Präsentieren Sie Ihren Tisch auf optisch ansprechende Art und Weise, aber dies lenkt nicht von dem ab, was Sie zu sagen versuchen.
Ich finde es toll, dass Sie eine Tabelle in Excel hervorheben und sie anschließend in Adobe Illustrator kopieren (Strg + C) und einfügen (Strg + V). Dies ist eine schnelle und einfache Möglichkeit, Ihre geschriebenen Daten in Tabellenform darzustellen, ohne sie manuell zeichnen zu müssen. Ich habe die Farben der Tabellen geändert, um einen ähnlichen Stil wie meine Karte anzuzeigen.
Nun bringen Sie alle Daten mit einem Titel zusammen. Wenn Sie sich die Grafik ansehen, wissen Sie, was der Zweck ist. Mein erster Titel war "Sharon Milnes 10 Lieblingsorte in Großbritannien und Entfernungen von ihrem Zuhause in Morpeth". Dies änderte sich später in "... und Entfernungen von ihrem Zuhause". Zuschauer müssen nicht wirklich den genauen Namen meines Standorts kennen, es sei denn, es ist einer meiner zehn Lieblingsorte. Deshalb möchte ich keine unnötigen Informationen geben, vor allem weil es so nahe an meiner Heimatstadt Newcastle Upon Tyne liegt.
Angesichts der Änderung meiner Standortangabe entschied ich mich, den Text für "Morpeth" zu entfernen und das Symbol durch ein "Web-Icon" eines Hauses zu ersetzen.
Ich habe doppelt darauf geklickt und bin in den Isolationsmodus gegangen, um die Farbe zu ändern. Ich habe das Symbol Scale Tool verwendet, um die Größe zu reduzieren.
Um die Daten für die Augen einfacher zu machen, erstelle ich für jede Position einen neuen Karten-Pin, indem ich ein Symbol auf die Zeichenfläche ziehe und dann auf "Objekt"> "Erweitern" ziehen. Dann färbe ich die Füllung des Pins neu ein und füge sie dem Symbolbereich hinzu.
Ich habe dann alle Symbole auf der Karte ausgetauscht, die von rot über das nächstgelegene zu meinem Zuhause bis hin zu gelb, grün, blau, lila und pink für das am weitesten entfernte Symbol reichen.
Ich habe jedes der Symbole auf meine Zeichenfläche gezogen und Objekt> Erweitert. Ich habe dann den schwarzen Strich von ihnen entfernt. Auf diese Weise kann ich die Stelle im Text in meiner Tabelle markieren, die sich auf die Farbe bezieht, und dann mit dem Pipettenwerkzeug (I) die genaue Farbe der Nadel abtasten. Ich habe die Farben später noch weiter modifiziert, so dass die gelben und hellen Blautöne nicht so blass sind und viel besser lesbar sind.
Mein letzter Schliff an der Grafik war, dass die eigentliche Karte mit einem Graustufen-Look versehen wurde. Die Farben, die ich zuvor verwendet habe, lenken möglicherweise von den Pins der Karte ab. Ich habe auch die Grenzen und die Namen der Länder Großbritanniens für diejenigen hinzugefügt, die sich nicht sicher sind, wo sich die jeweiligen Orte befinden.
Denken Sie beim Erstellen einer Infografik daran, dass Ihre Daten vor allem klar sind und die Daten gelesen werden können. Stil ist dein Nachdenken. Solange der Leser die Informationen sammeln kann, die Sie in Ihrer Grafik zu kommunizieren versuchen, haben Sie Ihre Arbeit gut gemacht.
Wenn Sie mehr über Infografiken erfahren möchten, sollten Sie den von Cheryl Graham erstellten Tuts + -Kurs mit dem Titel "Informationsgrafik" lesen. Es ist ein Videokurs mit einer Dauer von mehr als zwei Stunden und ist wirklich informativ. Ich kann nicht aufhören, es den Leuten zu empfehlen, da es ein großartiger Kurs ist.
Accentsconagua