Consejo rápido Creación de un mapa simple de infografía

Con la introducción de nuestro nuevo Tuts + Workshop: Freestyle Map Challenge, pensé en mostrarte cómo creé este Simple Map Infographic. Con la ayuda de Google Maps, Symbols y Excel, he podido armar esta infografía de mapa rápido en mis diez lugares favoritos en Gran Bretaña. Así que quedemos atrapados en ...


Paso 1

Hay un montón de recursos de mapas gratuitos que hay. Algunos tienen JPG / PNG de alta resolución y algunos de ellos podrán descargar archivos EPS. He recibido el mío desde el sitio web de la Encuesta de Artillería. Como siempre, averigüe los derechos de autor del mapa y si existen limitaciones. Con el mapa que he usado aquí, la única limitación es que debo mantener el reconocimiento de copyright de Ordnance Survey en la imagen.

Con la infografía, necesita vincular sus fuentes de datos y un mapa es datos. Mantener el reconocimiento trae integridad a mi imagen. Si alguien quería investigar los datos que he presentado, sabrán dónde perseguir esto.

Abrí la descarga de EPS en Adobe Illustrator y cambié el tamaño del mapa en mi Artboard. Si hay una escala, mantén esto. Escala con el mapa, no por separado. Luego, reubiqué los derechos de autor de Ordnance Survey y agregué una línea de etiqueta de la que provenía el recurso Map EPS..


Paso 2

Usaré los pines del mapa de un estudio de caso de infografía anterior por Ian Yates, el Editor de Webdesigntuts+.

Tengo mis diez ubicaciones en mente para la infografía. Son lugares que he visitado durante vacaciones familiares o lugares que he vivido anteriormente. El objetivo es mostrar: dónde vivo actualmente, mis diez lugares favoritos y luego la distancia desde mi hogar. Mi ciudad postal es Morpeth en Northumberland en el norte de Inglaterra. Así que voy a trazar este punto primero con un alfiler azul. Esto es para sobresalir de los otros pines para que pueda claramente esta ubicación. Los "lugares favoritos" se trazan con los alfileres amarillos.

A pesar de que tengo una vaga idea de dónde están las ubicaciones, verifiqué nuevamente el uso de Google Maps y alineé las ubicaciones con los contornos del mapa.


Paso 3

Hice el esquema de Gran Bretaña en la ruta compuesta (Ctrl + 8) y luego usé un relleno verde con el Live Paint Bucket (K). He colocado un rectángulo azul claro (M) detrás del mapa como fondo.

Luego, Objeto> Expandir el grupo Pintura en vivo y aplico las configuraciones del panel Aspecto a continuación al esquema. No he modificado el reconocimiento ni la escala de los derechos de autor, aparte de configurarlo en Modo de fusión Multiplicar.


Etapa 4

Como siempre, es importante mantener las capas organizadas. Esto facilita el acceso a la información que puede necesitar modificar más adelante. He añadido etiquetas a los pines del mapa en esta etapa.

Usaré Google Maps para obtener los valores de distancia. Por lo tanto, agregué información de la fuente en la parte inferior de la página "Valores de distancia calculados a partir de la distancia más corta recorrida por el automóvil / carretera a través de maps.google.com". Esto es informar al lector de dónde obtuve los datos y con qué valores específicamente se relacionarán. La distancia recorrida directamente sería mucho más corta, por ejemplo, pero luego estarías atravesando colinas y montañas para llegar a algunos lugares!


Paso 5

Después de recopilar los datos de Google Maps, puse los valores en Excel desde la distancia más corta a la más larga. Dado que mi escala en el mapa es en kilómetros, me aseguré de que Google Maps me dé los valores en kilómetros. Siempre que coloque un valor numérico en una tabla o incluso a lo largo de un gráfico, asegúrese de etiquetar las unidades que está utilizando. La distancia a Morpeth puede verse como millas ... el uso de (km) evita esta confusión. Presente su mesa de una manera visualmente atractiva, pero no así que distraiga de lo que está tratando de decir.

Me encanta el hecho de que pueda resaltar una tabla en Excel y luego copiar (Ctrl + C) y pegarla (Ctrl + V) en Adobe Illustrator. Esta es una forma rápida y fácil de presentar sus datos escritos en forma de tabla, sin tener que dibujar uno manualmente. He modificado los colores de las tablas para reflejar un estilo similar a mi mapa..


Paso 6

Ahora, para reunir todos los datos con un título, de modo que cuando mire el gráfico, sepa cuál es el propósito. Mi primer título fue "Los 10 lugares favoritos de Sharon Milne en Gran Bretaña y las distancias desde su casa en Morpeth". Esto cambió más tarde a "... y Distancias desde su casa". Los espectadores no necesitan saber el nombre específico de mi ubicación a menos que sea uno de mis diez lugares favoritos. Así que no quiero dar información innecesaria, especialmente porque está tan cerca de mi ciudad natal, Newcastle Upon Tyne.


Paso 7

Con el cambio en señalar mi ubicación en mente, decidí eliminar el texto de "Morpeth" y reemplazar el ícono con el símbolo "Icono Web" de una casa.

Hice doble clic en él y entré en el modo de aislamiento para modificar el color. Usé la herramienta de escala de símbolos para reducir el tamaño.


Paso 8

Para facilitar la visualización de los datos, luego creo un nuevo pin de mapa para cada ubicación arrastrando y soltando un símbolo en mi mesa de trabajo y luego Objeto> Expandiéndolo. Luego recoloreo el relleno del pin y lo agrego de nuevo al panel de Símbolos.

Luego, reemplacé todos los íconos en el mapa que van del rojo al más cercano a mi casa, pasando por el amarillo, el verde, el azul, el púrpura y el rosa para el más lejano..


Paso 9

He arrastrado cada uno de los símbolos a mi mesa de trabajo y Objeto> Expandido. Luego he eliminado el trazo negro de alrededor de ellos. De esta manera puedo resaltar el lugar relacionado con el color en el texto de mi tabla y luego usar la herramienta Cuentagotas (I) para muestrear el color exacto del pin. Más tarde modifiqué los colores aún más para que el amarillo y el azul claro no estén tan pálidos y sean mucho más fáciles de leer..


Conclusión

Mis toques finales al gráfico incluían agregar un aspecto de escala de grises al mapa real. Los colores que utilicé anteriormente tal vez distraídos de los pines del mapa. También agregué las fronteras y los nombres de los países de Gran Bretaña para aquellos que no estaban seguros de la ubicación de los lugares específicos..

Recuerde que al crear una infografía, la claridad de los datos y la capacidad de leerlos son su tarea principal. El estilo es su pensamiento posterior. Siempre que el lector pueda recopilar la información que intenta comunicar en su gráfico, habrá hecho bien su trabajo..

Si desea obtener más información sobre infografías, le recomiendo que consulte el Curso de Tuts + creado por Cheryl Graham titulado Information Graphics. Es un curso de video de más de 2 horas y es realmente informativo. No puedo dejar de recomendarlo a la gente ya que es un gran curso..