Share
Con l'introduzione del nostro nuovo Tuts + Workshop: Freestyle Map Challenge, ho pensato di mostrarti come ho creato questa Infografica Mappa Semplice. Con l'aiuto di Google Maps, Symbols ed Excel, sono riuscito a mettere insieme questa infografica veloce sulle mie dieci località preferite in Gran Bretagna. Quindi restiamo bloccati in ...
Ci sono un sacco di risorse cartografiche gratuite là fuori. Alcuni hanno JPG / PNG ad alta risoluzione e la strana manciata sarà in grado di scaricare file EPS. Ho ottenuto il mio dal sito web di Ordnance Survey. Come sempre, scopri il copyright per la mappa e se ci sono dei limiti. Con la mappa che ho usato qui, l'unica limitazione è che devo mantenere il riconoscimento del copyright di Ordnance Survey sull'immagine.
Con infografica, è necessario collegare le fonti di dati e una mappa è dati. Mantenere il riconoscimento su porta integrità alla mia immagine. Se qualcuno volesse indagare sui dati che ho presentato, sapranno dove inseguirlo.
Ho aperto il download EPS in Adobe Illustrator e ridimensionato la mappa nella mia tavola da disegno. Se c'è una scala, tieni questo. Scala con la mappa, non separatamente. Ho quindi riposizionato il copyright di Ordnance Survey e aggiunto una riga di tag che la risorsa Mappa EPS era da loro.
Userò pin di mappa da un precedente case study sull'infografica di Ian Yates, l'editor di Webdesigntuts+.
Ho le mie dieci posizioni in mente per l'infografica. Sono luoghi che ho visitato durante le vacanze in famiglia o in luoghi in cui ho vissuto in precedenza. L'obiettivo è mostrare: dove vivo attualmente, i miei dieci luoghi preferiti e poi la distanza da casa mia. La mia città postale è Morpeth nel Northumberland, nel nord dell'Inghilterra. Quindi ho intenzione di tracciare questo punto prima con una spilla blu. Questo è distinguersi dagli altri pin in modo da poter chiaramente questa posizione. I "luoghi preferiti" vengono quindi tracciati con le spille gialle.
Anche se ho una vaga idea di dove sono le posizioni, ho ricontrollato l'utilizzo di Google Maps e ho allineato le posizioni con i contorni della mappa.
Ho disegnato la sagoma della Gran Bretagna in Compound Path (Ctrl + 8) e poi ho usato un riempimento verde con il Live Paint Bucket (K). Ho posizionato un rettangolo blu chiaro (M) dietro la mappa come sfondo.
Quindi, oggetto> Espandi il gruppo di pittura dinamica e applico le impostazioni del pannello Aspetto di sotto alla struttura. Non ho modificato il riconoscimento o la scala del copyright, se non impostandolo su Blending Mode Multiply.
Come sempre, è importante mantenere i livelli organizzati. Ciò facilita l'accesso alle informazioni che potresti dover modificare in seguito. Ho aggiunto etichette alle spille della mappa in questa fase.
Userò Google Maps per ottenere i valori di distanza. Pertanto, ho aggiunto le informazioni sulla fonte in fondo alla sezione "I valori della distanza calcolati dalla distanza più breve coperta da auto / strada tramite maps.google.com". Questo sta informando il lettore su dove ho ottenuto i dati e su quali specifici valori saranno in relazione. La distanza coperta direttamente sarebbe molto più breve, ad esempio, ma poi si attraverserebbero colline e montagne per raggiungere alcune località!
Dopo aver raccolto i dati da Google Maps, ho inserito i valori in Excel dalla più breve alla più lunga. Dal momento che la mia scala sulla mappa è in chilometri, ho garantito a Google Maps i valori in chilometri. Ogni volta che inserisci un valore numerico in una tabella o anche lungo un grafico, assicurati di etichettare le unità che stai utilizzando. La distanza da Morpeth potrebbe essere vista come miglia ... usando (km) si evita questa confusione. Presenta il tuo tavolo in modo visivamente accattivante, ma non così distrae da quello che stai cercando di dire.
Mi piace il fatto che sia possibile evidenziare una tabella in Excel e quindi copiare (Ctrl + C) e incollare (Ctrl + V) in Adobe Illustrator. Questo è un modo semplice e veloce per presentare i dati scritti in forma tabellare, senza doverne disegnare manualmente. Ho modificato i colori delle tabelle per riflettere uno stile simile alla mia mappa.
Ora per portare tutti i dati insieme a un titolo, così quando guardi l'immagine sai qual è lo scopo. Il mio primo titolo è stato "I 10 luoghi preferiti di Sharon Milne in Gran Bretagna e le distanze dalla sua casa a Morpeth". Questo in seguito è cambiato in "... & Distanze dalla sua casa". Gli spettatori non hanno davvero bisogno di sapere il nome specifico della mia posizione a meno che non sia uno dei miei dieci luoghi preferiti. Quindi non voglio dare informazioni inutili, specialmente essendo così vicino alla mia città, Newcastle Upon Tyne.
Con il cambiamento nel sottolineare la mia posizione in mente, ho deciso di rimuovere il testo per "Morpeth" e sostituire l'icona con il simbolo "Web Icon" di una casa.
Ho fatto doppio clic su di esso e sono entrato in modalità Isolamento per alterare il colore. Ho usato lo Strumento scala simboli per ridurre le dimensioni.
Per rendere i dati più facili agli occhi, creo quindi un nuovo pin di mappa per ogni posizione trascinando un simbolo sulla mia tavola da disegno, quindi su Oggetto> Espandendolo. Quindi ricolorare il riempimento del perno e aggiungerlo nuovamente al pannello Simboli.
Ho quindi sostituito tutte le icone sulla mappa passando dal rosso al più vicino a casa mia passando per il giallo, il verde, il blu, il viola e il rosa per il più lontano.
Ho trascinato ognuno dei simboli nella mia tavola da disegno e Oggetto> Espandendoli. Ho quindi rimosso il tratto nero intorno a loro. In questo modo posso evidenziare il posto relativo al colore nel testo nella mia tabella e quindi utilizzare lo strumento contagocce (I) per campionare il colore esatto del pin. In seguito ho modificato ulteriormente i colori in modo che il giallo e il blu chiaro non siano così chiari e siano molto più facili da leggere.
Il mio tocco finale alla grafica includeva l'aggiunta di un aspetto in scala di grigi alla mappa attuale. I colori che ho usato in precedenza forse sono stati distratti dai pin della mappa. Ho anche aggiunto i confini e i nomi dei paesi della Gran Bretagna per coloro che non erano sicuri della posizione dei luoghi specifici.
Ricorda quando crei un'infografica, la chiarezza dei dati e la possibilità di leggere i dati sono il tuo compito principale. Lo stile è il tuo secondo pensiero. Finché il lettore può raccogliere le informazioni che stai cercando di comunicare nella tua grafica, hai fatto bene il tuo lavoro.
Se vuoi saperne di più su Infographics, ti consiglio di consultare il Tuts + Course creato da Cheryl Graham intitolato Information Graphics. È un video corso di oltre 2 ore ed è davvero informativo. Non posso smettere di raccomandarlo alle persone in quanto è un corso eccellente.
Accentsconagua