Dschungel-gif

Jeden Monat 50,000 kostenlose Kartenladungen. Jetzt loslegen!

DESIGNRICHTLINIEN

Maki zielt darauf ab, das hochwertigste, konsistenteste und umfassendste Point-of-Interest-Icon-Set zu sein, das möglich ist. Maki-Symbole sind visuell einfach und mit dem einfachsten möglichen XML unter der Haube konstruiert. Jedes Symbol muss diesen Richtlinien folgen, um die Qualität aufrechtzuerhalten und mit dem Maki-Editor zu arbeiten.

Flugkarte

Maki-Symbole sind generisch und geografisch

Die besten Maki-Symbole repräsentieren alltägliche Orte oder Dinge auf der Welt, wie Parks oder Geldautomaten. Maki-Symbole können abstrakter sein, wie Kreise, Sterne und andere geometrische Formen. Symbole, die bestimmte Orte darstellen, wie "Der Eiffelturm", oder auf einer Karte keinen Sinn ergeben, wie ein Mauszeiger, sind für Maki nicht geeignet.

Flugkarte

Für Maki geeignete Symbole.

Flugkarte

Symbole nicht für Maki geeignet.

Maki-Symbole haben kräftige und erkennbare Silhouetten

Ein erfolgreiches Icon muss auch kulturübergreifend einen hohen Wiedererkennungswert haben, möglichst einfach und bei 11px und 15px gut lesbar sein. Wenn möglich, sollten Symbole zweidimensional und füllbasiert und nicht strichbasiert sein.

Flugkarte

Einfache, erkennbare Form.

Flugkarte

Vermeiden Sie zusätzliche Details, verwenden Sie nur bei Bedarf Striche.

Flugkarte

Einfache, erkennbare Form.

Flugkarte

Vermeiden Sie Details und Perspektiven.

Flugkarte

Füllbasierte haben starke Silhouetten.

Flugkarte

Strichbasierte Symbole sind schwerer zu lesen.

Flugkarte

Die Perspektive macht Symbole weniger lesbar.

Flugkarte

Flache Symbole haben starke Silhouetten.

Maki-Symbole verwenden das Pixelraster

Maki-Symbole gibt es in zwei verschiedenen Größen: 11 x 11 Pixel und 15 x 15 Pixel. Das Symbol erscheint verschwommen und undeutlich, wenn es einmal gezeichnet und dann skaliert wird, sodass für beide Größen separate Zeichnungen erforderlich sind. Die beiden Größen sollten möglichst ähnlich aussehen.

Flugkarte

15px x 15px Raster bei 100%.

Flugkarte

11px x 11px Raster bei 100%.

Flugkarte

15px x 15px Raster bei 1600%.

Flugkarte

11px x 11px Raster bei 1600%.

Flugkarte

Geometrie mit korrekter Pixelausrichtung.

Flugkarte

Geometrie mit falscher Pixelausrichtung.

Maki-Symbole bleiben innerhalb des Trimmbereichs

Maki-Symbole sind so konzipiert, dass sie gut in rechteckigen und runden Schilden funktionieren. Aus diesem Grund sollte die Symbolsilhouette in einem kreisförmigen Trimmbereich enthalten sein. Einige schmale oder hohe Symbole müssen sich möglicherweise in den Trimmbereich erstrecken, um proportional zum Rest des Symbolsatzes zu bleiben.

Flugkarte

15px x 15px Live-Bereich.

Flugkarte

11px x 11px Live-Bereich.

Flugkarte

15px x 15px Trimmbereich.

Flugkarte

11px x 11px Trimmbereich.

Maki-Symbole verwenden gängige geometrische Bausteine

Maki-Symbole haben einen gemeinsamen Satz geometrischer Elemente:

  • Formbereich

  • Ecke

  • Schlaganfall

  • Schlaganfall endet

  • Thekenbereich

  • Gegenschlag

  • Ende des Gegenschlags

Flugkarte

Anatomie der Ikone.

Maki-Symbole haben gerade Kanten, aber abgerundete Ecken

Aufgrund des kleinen Maßstabs von Maki sollten Symbole mit geraden, deutlich sichtbaren vertikalen und horizontalen Linien gemäß dem Pixelraster konstruiert werden. Große, allmähliche Kurven sehen in ihrer tatsächlichen Größe verschwommen und undeutlich aus. Damit sich Maki freundlich und einladend anfühlt, runden Sie alle Ecken konsequent basierend auf Kreisradien in Schritten von halben Pixeln ab.

Flugkarte

Der Papierkorb ist mit konstruiert
gerade Linien, alle Ecken sind konsequent abgerundet.

Flugkarte

Flugkarte

Das Hotel-Symbol verwendet eine Vielzahl von Kurven.

Flugkarte

Flugkarte

Auch allmähliche Kurven sollten zugrunde gelegt werden
Kreise wie die untere linke Kurve auf diesem Hubschrauberlandeplatz-Symbol.

Flugkarte

Maki-Symbole haben einen 1-Pixel-Strich

Symbole, die aus Strichelementen bestehen, sollten eine Strichbreite von 1 Pixel haben. Strichenden sollten mit einem Radius von 5 Pixel abgerundet werden. Gegenstriche sollten ebenfalls eine Breite von 1 Pixel haben.

Flugkarte

Der Papierkorb ist mit konstruiert
gerade Linien, alle Ecken sind konsequent abgerundet.

Flugkarte

Dateianforderungen

Jedes Symbol sollte zwei SVG-Dateien haben, die den zwei verschiedenen Symbolgrößen entsprechen. Dateinamen sollten alle Kleinbuchstaben sein und mit „-11“ oder „-15“ für die jeweilige Größe enden. Wenn möglich, sollten Symbolnamen mit dem OpenStreetMap-Tag-Namen übereinstimmen, der mit dem Symbol verknüpft ist.

Die SVG-Dateien müssen die folgenden technischen Voraussetzungen erfüllen:

  • Keine SVG-Elemente außer Pfaden.

  • Keine Gruppen oder Transformationen.

  • Einheiten müssen in Pixel angegeben werden.

  • Wenn SVG eine Viewbox hat, muss sie gleich „0 0 15 15“ oder „0 0 11 11“ sein.

  • Höhe und Breite müssen gleich 15 oder 11 sein, und Höhe und Breite müssen gleich sein.

Flugkarte

Flugkarte

Lassen Sie uns gemeinsam einen Weg finden

Kontaktieren Sie uns, um mehr über unsere Preispläne zu erfahren

Kontakt