UI-Packs

Sunset Drive Kartenmarker

12 Kartenmarker und Weltanzeigen (Vaporwave) für dunkle Oberflächen — Palette Dämmerungsindigo, Akzent Flamingorosa. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Kartenmarker
  • Wegpunkt
  • Questmarker
  • Minimap
  • Vaporwave
  • Vaporwave
  • Vaporwave
  • Synthwave
  • Retro
  • hud
Blatt mit 12 Kartenmarker und Weltanzeigen (Vaporwave) aus der Familie Sunset Drive, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×1219 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Sunset Drive Kartenmarker ist ein Set aus 12 Kartenmarker und Weltanzeigen im Vaporwave-Stil, bei dem runde und gefaltete Ecken pink-türkise Platten über tiefindigofarbenem Grund tragen. 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.

Das ist der einzige Rahmenstil, der eine Kurve erlaubt; jeder andere im Katalog ist streng kantig. Die Verläufe laufen quer über die Längsachse in zwei gesättigten Stufen, statt ins Neutrale auszubleichen, denn ein ausgewaschener Vaporwave-Verlauf liest sich als Fehler statt als Stimmung.

In diesem Stil ist das die Sunset Drive-Lesart: eine dunkle Oberfläche auf einer Dämmerungsindigo-Palette mit Flamingorosa-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, abgeschrägte Buttons bei 176x48, Balken mit hohlem Kern in 8 Segmente geteilt und zweifarbige Icons auf einem 32px-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 Sunset Drive-Familie, dieses Kit und das Sunset Drive-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Synthwave-, Dämmerungs- und retro-romantischen Oberflächen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen168 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 ReadmeZIP168 kB Holen →
Kartennadel, Anker unten mittig, bearbeitbares SVGSVG414 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
"Sunset Drive Kartenmarker" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sunsetdrive-map-markers