UI-Packs

Blocks Kartenmarker

12 Kartenmarker und Weltanzeigen (Voxel) für dunkle Oberflächen — Palette kühler Stein, Akzent Signalorange. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Kartenmarker
  • Wegpunkt
  • Questmarker
  • Minimap
  • Voxel
  • Voxel
  • Voxel
  • klötzchenhaft
  • isometrisch
  • Würfel
Blatt mit 12 Kartenmarker und Weltanzeigen (Voxel) aus der Familie Blocks, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×1219 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Blocks Kartenmarker ist ein Set aus 12 Kartenmarker und Weltanzeigen im Voxel-Stil, bei dem jede Fläche die Vorderseite eines Würfels ist, mit beleuchteter Oberseite und beschatteter rechter Seite. 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 Extrusion ist echte Geometrie statt eines Schattens: Der Lichtwinkel ändert sich nie, es gibt genau drei Töne pro Block, und die Vorderfläche ist eingerückt, damit der Würfel innerhalb seiner eigenen Sprite-Grenzen bleibt.

In diesem Stil ist das die Blocks-Lesart: eine dunkle Oberfläche auf einer kühler Stein-Palette mit Signalorange-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, rechteckige Buttons bei 132x48, Balken mit Teilstrichen in 8 Segmente geteilt und gefüllte 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 Blocks-Familie, dieses Kit und das Blocks-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Voxel- und Klötzchen-Spielen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen37 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 ReadmeZIP37 kB Holen →
Kartennadel, Anker unten mittig, bearbeitbares SVGSVG494 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 Zero 1.0 — Gemeinfrei. Keine Namensnennung nötig. Vollständige Bedingungen · Was das in der Praxis heißt