UI-Packs

Slate Kartenmarker

12 Kartenmarker und Weltanzeigen (realistisch) für dunkle Oberflächen — Palette neutrales Schiefergrau, Akzent warmes Gold. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Kartenmarker
  • Wegpunkt
  • Questmarker
  • Minimap
  • realistisch
  • realistisch
  • dunkle UI
Blatt mit 12 Kartenmarker und Weltanzeigen (realistisch) aus der Familie Slate, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×1219 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Slate Kartenmarker ist ein Set aus 12 Kartenmarker und Weltanzeigen im realistisch-Stil, bei dem ein Glanzverlauf mit fünf Stufen über eine gebürstete Metallfläche mit Nieten an den Ecken läuft. Enthalten sind fünf Kartennadeln — schlicht, Quest, Shop, Gefahr und Zuhause —, Wegpunkt-Winkel, ein Blickrichtungspfeil, ein Routenknoten und eine Kompassmarke, ein Zielring, Ping-Ringe und ein Wirkungsbereich.

Oberflächen-Kits decken die Ränder des Bildschirms ab. Diese hier sitzen in der Mitte, über dem Spiel, wo das Kit nicht weiss, was darunter liegt — Gras, Schnee, Nacht. Ein Marker, der sich auf einen Hintergrund verlässt, verschwindet in der Hälfte deiner Level.

Die Pinseltextur ist ein 3px-Linienmuster statt echtem Rauschen: Rauschen verdreifacht das PNG-Gewicht für eine Textur, die bei 1x niemand sieht. Der Schatten ist geschichtet statt weichgezeichnet, damit er bei 4x standhält.

In diesem Stil ist das die Slate-Lesart: eine dunkle Oberfläche auf einer neutrales Schiefergrau-Palette mit warmes Gold-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, rechteckige Buttons bei 128x40, gebänderte Balken in 10 Segmente geteilt und konturierte Icons auf einem 24px-Raster. Diese Maße sind der Grund, warum zwei Familien einen Kunststil teilen können, ohne austauschbar zu sein: Der Stil entscheidet, wie eine Kante gezeichnet wird, die Zahlen entscheiden, wofür die Oberfläche da ist.

Jeder Marker trägt seine eigene Kontur und einen einfarbigen Körper, sodass die Silhouette die Arbeit macht und nicht die Füllung. Der Anker ist in jedem Sprite-Titel genannt und liegt nicht in der Mitte: eine Nadel zeigt mit der Spitze auf ihr Ziel, ihr Anker sitzt also unten mittig, während Ring und Blickrichtungspfeil mittig verankern. Eine Nadel über ihre Mitte zu setzen, platziert sie eine halbe Nadel über dem, was sie markieren sollte. Wirkungsbereich und Zielring sind gestrichelt statt durchgezogen, weil sie eine Zone beschreiben und keine Kante — ein durchgezogener Ring liest sich als Wand.

Jedes Sprite kommt als bearbeitbares SVG und als transparentes PNG in 1x, 2x und 4x, du kannst die PNGs also direkt in eine Engine ziehen oder den Vektor öffnen und eine Farbe ändern. Auf dieselben Maße gezeichnet wie der Rest der Slate-Familie, dieses Kit und das Slate-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu realistisch- und Simulationsoberflächen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen181 kB

Komplettes Set — SVG-Quellen, PNG-Exporte in 1x/2x/4x, Lizenz und Readme

Dateien in diesem Pack
DateiFormatGrößeDownload
Komplettes Set — SVG-Quellen, PNG-Exporte in 1x/2x/4x, Lizenz und ReadmeZIP181 kB Holen →
Kartennadel, Anker unten mittig, bearbeitbares SVGSVG401 B Holen →

So wird es benutzt

  1. Verankere jedes Sprite an dem in seinem Titel genannten Punkt: unten mittig bei Nadeln, mittig bei Ringen und dem Blickrichtungspfeil.
  2. Halte Marker in fester Bildschirmgrösse, statt sie mit der Entfernung zu skalieren; eine Nadel, die mit der Welt schrumpft, ist genau in der Entfernung unlesbar, in der du sie gebraucht hättest.
  3. Nutze die Ping-Ringe als drei Bilder einer Animation — nach aussen zeichnen und ausblenden — statt als drei getrennte Marker.
  4. Färbe den Nadelkörper je Fraktion, lass aber die Kontur in Ruhe; die Kontur hält den Marker über einem unbekannten Hintergrund lesbar.

Lizenz

Creative Commons Namensnennung 4.0 — Kostenlos für kommerzielle Nutzung. Namensnennung erforderlich. Vollständige Bedingungen · Was das in der Praxis heißt

Namensnennung zum Kopieren
"Slate Kartenmarker" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/slate-map-markers