selva-gif

50,000 cargas de mapas gratis cada mes. ¡Empieza ahora!

GUÍA DE DISEÑO

Maki pretende ser el conjunto de íconos de puntos de interés más completo, consistente y de la más alta calidad posible. Los íconos de Maki son visualmente simples y están construidos con el XML más simple posible bajo el capó. Cada ícono debe seguir estas pautas para mantener la calidad y trabajar con el editor Maki.

mapa de vuelo

Los íconos de Maki son genéricos y geográficos

Los mejores íconos de Maki representan lugares o cosas comunes en el mundo, como parques o cajeros automáticos. Los íconos de Maki pueden ser más abstractos, como círculos, estrellas y otras formas geométricas. Los íconos que representan lugares específicos, como "La Torre Eiffel", o que no tienen sentido en un mapa, como el cursor del mouse, no son apropiados para Maki.

mapa de vuelo

Iconos adecuados para Maki.

mapa de vuelo

Iconos no aptos para Maki.

Los íconos de Maki tienen siluetas audaces y reconocibles

Un ícono exitoso debe ser ampliamente reconocible incluso entre culturas, lo más simple posible y legible a 11px y 15px. Cuando sea posible, los íconos deben ser bidimensionales y basados ​​en relleno en lugar de trazos.

mapa de vuelo

Forma simple y reconocible.

mapa de vuelo

Evite los detalles adicionales, solo use trazos si es necesario.

mapa de vuelo

Forma simple y reconocible.

mapa de vuelo

Evite los detalles y la perspectiva.

mapa de vuelo

Los rellenos tienen siluetas fuertes.

mapa de vuelo

Los iconos basados ​​en trazos son más difíciles de leer.

mapa de vuelo

La perspectiva hace que los íconos sean menos legibles.

mapa de vuelo

Los iconos planos tienen siluetas fuertes.

Los íconos de Maki usan la cuadrícula de píxeles

Los íconos de Maki vienen en dos tamaños diferentes: 11 px por 11 px y 15 px por 15 px. El ícono aparecerá borroso e indistinto si se dibuja una vez y luego se escala, por lo que ambos tamaños requieren dibujos separados. Los dos tamaños deben verse lo más similares posible.

mapa de vuelo

Cuadrícula de 15 px por 15 px al 100 %.

mapa de vuelo

Cuadrícula de 11 px por 11 px al 100 %.

mapa de vuelo

Cuadrícula de 15 px por 15 px al 1600 %.

mapa de vuelo

Cuadrícula de 11 px por 11 px al 1600 %.

mapa de vuelo

Geometría con alineación de píxeles adecuada.

mapa de vuelo

Geometría con alineación de píxeles incorrecta.

Los íconos de Maki permanecen dentro del área de recorte

Los íconos de Maki están diseñados para funcionar bien dentro de escudos rectangulares y circulares. Por este motivo, la silueta del icono debe estar contenida dentro de un área de recorte circular. Es posible que algunos íconos estrechos o altos deban extenderse hacia el área de recorte para permanecer proporcionales al resto del conjunto de íconos.

mapa de vuelo

15px por 15px área activa.

mapa de vuelo

11px por 11px área activa.

mapa de vuelo

Área de recorte de 15 px por 15 px.

mapa de vuelo

Área de recorte de 11 px por 11 px.

Los íconos de maki usan bloques de construcción geométricos comunes

Los íconos de Maki comparten un conjunto común de elementos geométricos:

  • área de forma

  • Esquina

  • Recorrido

  • final de trazo

  • Área de mostrador

  • contragolpe

  • Final de contragolpe

mapa de vuelo

Anatomía del icono.

Los íconos de Maki tienen bordes rectos pero esquinas redondeadas

Debido a la pequeña escala de Maki, los íconos deben construirse con líneas verticales y horizontales rectas y obvias de acuerdo con la cuadrícula de píxeles. Las curvas grandes y graduales se verán borrosas e indistintas en el tamaño real. Para que Maki se sienta amigable y acogedor, redondea todas las esquinas de manera consistente según los radios de los círculos, en incrementos de medio píxel.

mapa de vuelo

La papelera está construida con
líneas rectas, y todas las esquinas están redondeadas consistentemente.

mapa de vuelo

mapa de vuelo

El icono del hotel utiliza una amplia variedad de curvas.

mapa de vuelo

mapa de vuelo

Incluso las curvas graduales deben basarse en
círculos como la curva inferior izquierda en este icono de helipuerto.

mapa de vuelo

Los íconos de Maki tienen un trazo de 1 píxel

Los iconos compuestos por elementos de trazo deben tener un ancho de trazo de 1 píxel. Los extremos de los trazos deben redondearse con un radio de 5 píxeles. Los contragolpes también deben tener un ancho de 1 píxel.

mapa de vuelo

La papelera está construida con
líneas rectas, y todas las esquinas están redondeadas consistentemente.

mapa de vuelo

Requisitos de archivo

Cada icono debe tener dos archivos SVG correspondientes a los dos tamaños de icono diferentes. Los nombres de los archivos deben estar en minúsculas y terminar con "-11" o "-15" para cada tamaño respectivo. Cuando sea posible, los nombres de los íconos deben ser consistentes con el nombre de la etiqueta de OpenStreetMap asociada con el símbolo.

Los archivos SVG deben cumplir con las siguientes calificaciones técnicas:

  • No hay elementos SVG a excepción de las rutas.

  • Sin grupos ni transformaciones.

  • Las unidades deben estar en píxeles.

  • Si SVG tiene un viewbox, debe ser igual a "0 0 15 15" o "0 0 11 11".

  • El alto y el ancho deben ser iguales a 15 u 11, y el alto y el ancho deben ser iguales entre sí.

mapa de vuelo

mapa de vuelo

Encontremos un camino juntos

Ponte en contacto para conocer nuestros Planes de Precios

Contáctenos