UI-Packs
Byte Questlog
13 Questlog- und Zielelemente (Pixel Art) für helle Oberflächen — Palette kühles Knochenweiß, Akzent Signalpetrol. SVG und transparentes PNG in 1x/2x/4x.

Über dieses Pack
Byte 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 Byte-Lesart: eine helle Oberfläche auf einer kühles Knochenweiß-Palette mit Signalpetrol-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, vollrunde Pill-Buttons bei 112x36, 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.
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 Byte-Familie, dieses Kit und das Byte-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Pixel-Art-Spielen.
Download
Direkter Link · keine Anmeldung · keine WarteseiteKomplettes Set — SVG-Quellen, PNG-Exporte in 1x/2x/4x, Lizenz und Readme
So wird es benutzt
- 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.
- 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.
- 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.
- 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
"Byte Questlog" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-quest-log


