Vuestros mapas son feos y no sabéis por qué

Introducción

Caveat Emptor:

Este es un taller **especulativo,** no científico.

No hay una receta para hacer las cosas bien, no hay una bala de plata.

Aunque hay reglas, estas no se aplican siempre ni siempre igual.

Antes de empezar, habría que tener claros unos conceptos

  • Diseño cartográfico >> Arte cartográfico >> Estética cartográfica
  • Útil / no útil ¿Comunica?
  • Feo / Bonito ¿Es estético?

Contenidos

Antes de ver de qué vamos a hablar… de qué NO vamos a hablar (pero deberías mirártelo):

Tabla de NO Contenidos:

  • Teoría de la comunicación.
  • Reproducción cartográfica.
  • Cartografía matemática:
    • Escalas
    • Coordenadas
    • Proyecciones (La tierra no es plana pero tu mapa sí)
  • La percepción
  • Etiquetado y tipografía
  • Simbología
  • Geografía
  • Herramientas cartográficas
    • Software
    • Hardware

Conceptos técnicos

Como en todo Arte en el Diseño Cartográfico hay una técnica que subyace.

Dominar la técnica NO garantiza producir cosas con buena estética.

Desconocer la técnica conduce inevitablemente al desastre (a alguno, en algún momento).

Variables visuales

Definición

Entendemos como variable visual:

Cualquier aspecto que puede hacer diferir una marca o señal de otra
Las variables

En el lenguaje gráfico actual se reconocen las siguientes variables

  • Posición
  • Forma
  • Orientación
  • Tamaño
  • Color
    • Tono
    • Saturación
    • Valor
    • Transparencia
  • Estructura del relleno
    • Textura
    • Densidad
    • Módulo
    • Estructura
  • Foco
  • Resolución
Características

Estas variables nos permiten a su vez representar una serie de características:

Selectiva
el cambio nos permite destacar elementos sobre un grupo
Asociativa
el cambio nos permite percibir elementos como parte de un grupo
Orden
el cambio permite apreciar un cambio en el ordenamiento de los elementos
Cuantitativa
el cambio permite realizar apreciaciones numéricas
Elementos del diseño cartográfico

Por otro lado siempre entenderemos que vamos a usar las variables visuales sobre cuatro tipos de elementos:

  • Etiquetas
  • Puntos
  • Líneas
  • Áreas

Aunque con herramientas como Carto o Kepler.gl hay que empezar a pensar también en volúmenes.

Mapa de edificios en Manhattan

Simbolización de edificios en 3D

Aunque en el presente taller no hablemos de nada de Etiquetado si que habría que tener en cuenta una ley que deberíamos intentar cumplir, el orden de los elementos en un mapa.

  • Marcadores
  • Etiquetas
  • Información temática
  • Mapa base
Posición

La prima-ballerina en el ballet los Mapas.

En general es más bien poco «variable»

Captura de pantalla de un mapa con Londres mal posicionado

La «Posición» es la variable reina de los mapas

Forma

La base de la simbología.

Captura de pantalla de un grupo de iconos

Grupo de iconos Maki diseñado por Mapbox

Tiene menos sentido aplicado a Líneas y a Áreas que a Puntos

Aunque …

Captura de pantalla de un Cartograma

Distribución de la población en España

Orientación

Algunos autores la consideran parte de la forma.

No tiene mucho sentido en Líneas.

Pero ojo con los posibles errores de interpretación.

Captura de pantalla de un error de Orientación

¿Pinos o flechas?

Tamaño (o grosor)

Esta es una variable que solo se aplica a Puntos y Líneas.

Su uso principal es para representar Orden.

Un error muy común es intentar representar Cantidad con áreas y volúmenes

Figura con la propoción entre superficie y área

Es muy dificil comparar a ojo tamaños de superficies y de áreas

Cuidado Las variaciones de tamaño hay que representarlas bien para que sean significativas.

Mapa de datos de la producción forestal en Europa

La correcta proporción de los símbolos ayuda a la interpretación.

La mejor proporción que se puede usar suele ser el número áureo.

Imagen con proporciones en el radio y el superficie

Los círculos rojos tienen una progresión en el radio y los azules en la superficie.

Color

El pollo del arroz con pollo de los mapas.

Fotografía de un plato de arroz con pollo

El color es como el Pollo

Es especialmente poderoso y generalmente suele estar mal usado.

Tradicionalmente el color tiene tres componentes

Imagen de los componentes clásicos del color

Tono, valor y saturación, los componentes del color

Aunque en tiempos modernos se le añade un componente más: la transparencia

Imagen de la transparencia de un tono

Transparencia (u opacidad) de un color

Los componentes del color se aplican por igual a Puntos, Líneas y Áreas, pero aplicarlos bien ya es otro tema.

Algunos errores con el color

El primer error que se suele cometer es usar demasiado:

No más de 6 o 7 colores diferentes en un mapa
Imágen con 11 colores diferentes

Puede que no tengamos más remedio que hacerlo… pero protestemos y rechinemos de dientes.

El segundo: No todos los componentes sirven para representar todas las características.

Mapa de coropletas con datos del paro

Parece que en Castilla se produce mucho un fenómeno… pero lo que sobre todo hay son grandes superficies en los municipios.

El tercero: Se debería siempre tener en cuenta qué se va a hacer con el mapa y elegir el sistema de color adecuado:

Imagen de composiciones de color CMYK y RGB

Imprimirlo -> CMYK / Visualizarlo en pantalla -> RGB/Hex

Estructura del relleno

Los componentes de la variable dependen del autor que se consulte.

Solo se aplica a elementos que se rellenan, preminentemente Áreas.

Imagen con las componentes de la Estructura del relleno

Textura, densidad, módulo y estructura conformar los componentes del relleno

En líneas puede ser un poco más complejo de ver

Imagen con distintas estructuras de relleno en líneas

Estructuras de relleno en líneas.

Foco

Literalmente Lo definidos que están los bordes de un objeto

Imagen con un simbolo y diversos niveles de foco

Las variaciones de Foco hacen una figura menos definida

Para algunos autores es perfectamente sustituible por variaciones de saturación.

Resolución

Cantidad de información que compone un elemento.

Imágen de un mapa de Nueva Zelanda hecho en Lego

La resolución a.k.a. el tamaño del pixel.

Conclusión

Todo buen cartógrafo debería tener una copia de este imagen siempre a mano:

Imagen resumen de las variables visuales y su uso

Uso esperado de las variables visuales.

Composición

El objetivo de un mapa es transmitir información fácil y agradablemente.

Un elemento fundamental de la comunicación es la Composición

Pincho de tortilla y caña a que la mitad ni había oído hablar de esto.

Imagen de un pincho de tortilla y una caña

A la pregunta de con cebolla o sin cebolla yo siempre respondo que no soy tonto

Componer es poner un montón de cosas juntas y que resulten agradables a la vista

Imagen del león como gamba

No, saber componer bien tampoco arregla un desastre

Elementos

En respuesta a ¿que son esas cosas que se ponen juntas en un mapa?

  • La información geográfica
  • Título
  • Leyenda
  • Escala
  • Créditos
  • Marco
  • Símbolos
  • Otros elementos
Imagen con elementos de un mapa

Elementos típicos de un mapa para ser impreso

Razón

Uno de los trucos de la composición es hacer todo proporcional en la misma razón.

En Europa podemos elegir dos sabores:

Norma DIN
Imagen de la proporción del formato DIN

Proporción del formato DIM, basado en la raíz de 2

Razón aurea
Imagen de la proporción del número áureo

Proporción áurea

Reglas de composición

Se trata de encontrar la manera de distribuir la información de forma que el peso de las cosas quede repartido armoniosamente.

Imagen de una piedras en equilibrio

Encontrar el equilibrio

Una vez más, no se trata de algo que se aprende de golpe, se adquiere con la práctica

Existen unas reglas que ayudan a la mejora de la composición

Estas reglas están derivadas de cómo funcionan nuestros ojos y nuestro cerebro

  • El centro es menos importante que los extremos
Imagen degradado al centro

El centro es menos importante

  • El peso aumenta en proporción a su distancia al centro
Imagen degradado al centro

Peso aumenta hacia los extremos

  • La derecha pesa menos que la izquierda
Imagen degradado a la izquierda

Peso aumenta hacia la izquierda

  • Lo grande pesa más que lo pequeño
Imagen con dos rectángulos

Lo grande y lo pequeño

  • Los colores cálidos pesan más que los fríos
Imagen de colores fríos y cálidos

Lo frío y lo caliente

  • Los colores oscuros pesan más que los claros (el negro pesa más que el blanco)
Imagen de colores oscuros y claros

Lo oscuro y lo claro

  • Un objeto aislado pesa más que un conjunto
Imagen de elementos aislados y agrupados

Lo aislado y el conjunto

  • Las formas regulares pesan más que las irregulares
Imagen con forma regular e irregular

Lo regular y lo irregular

  • El peso tiene gravedad (algo pesado atrae algo más ligero)
Imagen de elementos pesados y más ligeros

El elemento pesado atrae al elemento ligero

  • Las divisiones en partes iguales pesan menos que las de espacios diferentes
Imagen con divisiones espaciales diferentes

Lo desigual y lo igual

En este paso se suele recomendar la técnica del Espacio negativo

Imagen ejemplo del uso del espacio negativo

Buscando equilibrio con el espacio negativo

Principios del diseño

Dieter Rams, un diseñador industrial alemán se hizo una pregunta ¿Es mi diseño un buen diseño?

Su respuesta fueron los Diez principios del diseño:

Innovación Honestidad
Utilidad Durabilidad
Estética Detalle
Facilidad Medioambiental
No intrusivo Mínimo

El Ordenance Survey revisó su forma crear cartografía y lo comparó con los principios de Rams y creó su propia versión adaptada al diseño de mapas:

Entendiendo los requisitos del usuario Legibilidad
Considerar el medio de representación Consistencia
Mantener una jerarquía visual Accesibilidad
Simplicidad Buena composición

Estos principios No son reglas, son más bien percepciones, no se aplican todas, no se aplican siempre, hay que desarrollar criterio a base de usarlos.

Entendiendo al usuario

Aunque puede que ni él lo tenga claro, el usuario final quiere el mapa para algo. Ese debería ser el Mensaje sobre el que nos tenemos que centrar:

Imagen de un mapa base del OS

Mapa base para mostrar otros datos encima, el mapa debe aportar una referencia pero no destacar.

  • ¿Cuál es la información importante para el usuario?

La información importante para el usuario debe quedar resaltada a primera vista:

  • ¿El diseño del mapa destaca la información importante? ¿Hemos empleado los colores y la jerarquía correctamente?

La forma de empleo final del mapa debe condicionar su diseño de cara a destacar el mensaje:

  • ¿Cómo se va a emplear el mapa? ¿el diseño es apropiado al medio?

Considerar el medio de distribución

Hay que adaptar el diseño para que funcione en el medio apropiado.

Adaptar la escala, la resolución, el tipo de color (RGB para pantalla, CMYK para impresión), considerar el grosor del papel o el tamaño del área de visualización, la interactividad, los menús de funciones …

Imagen de un mapa para aplicación web

Mapa final para aplicación web

  • ¿Se va a imprimir? ¿Son los textos legibles? ¿La simbología tiene el tamaño apropiado? ¿Los colores están adaptados?
  • ¿Se va a emplear un proyector? ¿Debemos mejorar la saturación y el contraste?

Jerarquía visual definida

La información que pretendemos transmitir como mensaje debe destacar claramente sobre el resto de los elementos del mapa:

Imagen de un mapa del sur de Reino Unido

Mapa de ciudades destacas del Reino Unido

  • Cuando miro el mapa ¿Veo la información más importante primero?
  • La información para contexto ¿está convenientemente amortiguada?
  • Si lo convierto a escala de grises ¿La jerarquía se mantiene?

Simplicidad

Lo mejor es transmitir el mensaje con la menor cantidad de ruido posible.

Para minimizar el ruido, una regla básica, no añadir nada que no haga falta porque no sea parte del mensaje.

Imagen de dos mapas de Reino Unido y Gran Bretaña

Para Gran Bretaña no hace falta añadir Irlanda del Norte.

  • ¿Hay algo no aporte valor? ¡Hay que quitarlo!
  • ¿Hay algo demasiado aglomerado o ruidoso? ¡Hay que quitarlo!

Legibilidad

Todos los elementos del mapa deben ser legibles, reconocibles y entendibles.

La legibilidad de la mayoría de elementos depende del color, del tamaño y deben ir en proporción con la escala.

Deben evitarse textos o símbolos que se solapen.

Imagen de un mapa vectorial

Mapa de las afueras de Southampton

  • ¿Es todo el texto legible?
  • ¿Los iconos tienen sentido? ¿Son lo suficientemente grandes?
  • ¿Se puede distinguir con facilidad entre elementos adyacentes o que se solapen?

Consistencia

La consistencia mejora la percepción del mensaje, sobretodo si se está trabajando en una familia de productos o buscando resultados muy similares.

Que algo nos resulte familiar ayuda a comunicar mejor el mensaje.

Imagen de una serie de mapas de la misma familia

Familia de mapas para ser impresos (fila superior) y para distribución web (fila inferior)

  • ¿El mapa parece organizado y equilibrado?
  • Si el mapa es parte de una serie ¿son todos consistentes?

Accesibilidad

Se estima que en torno al 8% de la población masculina tiene una deficiencia visual relacionada con los colores (solo un 0.5% de la femenina tiene uno).

Imagen comparando un mapa y como lo vería un daltónico

Mapa del metro de Nueva York, con una acesibilidad comprometida

  • ¿Se han usado paletas de color que sean seguras para los daltónicos?

Otro tema que se relaciona por el mismo nombre es la accesibilidad del propio mapa en realición con la posibilidad de acceder a la información que contiene (fuentes) o que este pueda reutilizarse después.

Este tipo de accesibilidad a la información está muy condicionado por el tipo de mapa, el origen de los datos, las licencias implicadas, etc.

  • ¿El mapa resultado es fácilmente accesible al usuario final?

Composición

El OS también destaca que la composición es uno de los elementos fundamentales del diseño.

Imagen de la composición de un mapa y su resultado final

Composición y resultado

  • ¿Están todos los elementos ordenados limpiamente?
  • ¿Hay suficiente Espacio blanco para que los elementos resulten claros y legibles?
  • ¿La información más importante es la que más destaca?

Ejercicios propuestos

  • Sacar una paleta de colores de una imagen con GIMP
  • Componer un mapa de monumentos en España

Consideraciones finales

Todo lo que hemos visto no son cosas que se apliquen una sola vez y de golpe, son más bien algo que forma parte de un proceso iterativo. A los buenos mapas, como a las obras de arte, se vuelve una y otra vez hasta que las expectativas quedan cubiertas.

En los mapas hay dos componentes diferenciadas:

  • El objetivo (Mensaje / Qué)
  • El lenguaje (Diseño / Cómo)

Cosas que deberías llevarte de aquí:

  • Practica todos los días
  • Copia, descaradamente
  • Ten un portfolio

Existe una alta probabilidad de que al final, tus mapas sigan siendo feos… espero que por lo menos sepas por qué.