UI-Packs

Dusk Questlog

13 Questlog- und Zielelemente (Pixel Art) für dunkle Oberflächen — Palette Nachtviolett, Akzent Bernstein. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Quest
  • Journal
  • Ziel
  • Mission
  • Protokoll
  • Pixel
  • Pixel Art
  • Pixel Art
  • Retro
  • 2d
Blatt mit 13 Questlog- und Zielelemente (Pixel Art) aus der Familie Dusk, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×739 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Dusk Questlog ist ein Set aus 13 Questlog- und Zielelemente im Pixel Art-Stil, bei dem jede Ecke eine Treppe aus ganzen Pixeln ist und nichts kantengeglättet wird. Enthalten sind vier Zustände des Journaleintrags, drei Zustände der Zielzeile, ein Belohnungsstreifen, ein aktiver und ein ruhender Journalreiter sowie drei abzählbare Schwierigkeitsmarken.

Ein Questlog ist eine Liste, in der jede Zeile etwas anderes bedeutet als ihre Nachbarin, und dieser Unterschied wird fast immer als Farbe gezeichnet: Grün für erledigt, Grau für gescheitert, Gold für verfolgt. Drei Grautöne und ein Gold später liest sich das Log wie ein Verlauf statt wie eine Liste, und wer darin die eine laufende Quest sucht, muss jede Zeile lesen.

Die Kontur springt in 4px-Schritten und die Schattierung ist ein Bayer-Dither statt eines Verlaufs, das Set übersteht also eine Skalierung um ganzzahlige Faktoren — die einzige Art, wie sich Pixel Art skalieren lässt, ohne zu Brei zu werden.

In diesem Stil ist das die Dusk-Lesart: eine dunkle Oberfläche auf einer Nachtviolett-Palette mit Bernstein-Akzenten, aufgebaut um ein Kopfband über der Oberkante des Rahmens, rechteckige Buttons bei 96x32, Balken mit Teilstrichen in 6 Segmente geteilt und gefüllte Icons auf einem 16px-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.

Alle vier Zustände tragen ihre Marke in derselben linken Spalte, und genau das lässt ein langes Log an einer Linie entlang überfliegen statt lesen: Aktiv nimmt einen Balken über die ganze Kante, verfolgt einen Keil, erledigt ein Häkchen und gescheitert ein Kreuz. Erledigt und gescheitert unterscheiden sich damit durch die Marke statt durch den Farbton, und die Spalte bleibt bei jeder Zeilenhöhe lesbar. Die Zielzeilen sind eine Stufe kleiner als die Einträge und teilen deren linken Rand — das lässt ein untergeordnetes Ziel als zur Quest darüber gehörig lesen und nicht als weitere Quest.

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 Dusk-Familie, dieses Kit und das Dusk-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Pixel-Art-Spielen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen40 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 ReadmeZIP40 kB Holen →
Questlog-Eintrag, aktiv, editierbares SVGSVG2.3 kB Holen →

So wird es benutzt

  1. Wenden Sie Nine-Slice bei den Einträgen nur waagerecht an; die linke Kante trägt die Verfolgungsmarke, und ein Dehnen über sie hinweg dehnt die Marke mit.
  2. Rücken Sie Zielzeilen auf den Rand ein, für den sie gezeichnet sind, statt eine eigene Einrückung zu setzen — dann sitzt die Verschachtelung.
  3. Nutzen Sie die Schwierigkeitsmarken über ihre Anzahl. Sie sind als abzählbare Reihe gezeichnet, deshalb ist eine Quest mit vier Marken auf einen Blick mit einer mit einer Marke vergleichbar.
  4. Setzen Sie den Belohnungsstreifen unter die Ziele statt in den Kopf des Eintrags: Er ist auf volle Eintragsbreite gezeichnet und erwartet die letzte Zeile einer aufgeklappten Quest zu sein.

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
"Dusk Questlog" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-quest-log