UI-Packs

Sumi Questlog

13 Questlog- und Zielelemente (Cel-Shading) für dunkle Oberflächen — Palette Kohlelasur, Akzent Siegelrot. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Quest
  • Journal
  • Ziel
  • Mission
  • Protokoll
  • Celshading
  • Cel-Shading
  • Cel Shading
  • Tusche
  • dunkle UI
  • Action
Blatt mit 13 Questlog- und Zielelemente (Cel-Shading) aus der Familie Sumi, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×739 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Sumi Questlog ist ein Set aus 13 Questlog- und Zielelemente im Cel-Shading-Stil, bei dem eine dicke Tuschekontur zwei flache Töne umschließt, die ein harter diagonaler Terminator trennt. 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.

Der Schatten ist eine einzige hartkantige Form ohne Abfall — die definierende Eigenschaft von Cel Shading und das, was ein Verlauf nie nachahmen kann. Die Kontur nutzt den dunkelsten Ton der Palette statt des Randtons, sonst liest sie sich als dicker grauer Rahmen statt als Tusche.

In diesem Stil ist das die Sumi-Lesart: eine dunkle Oberfläche auf einer Kohlelasur-Palette mit Siegelrot-Akzenten, aufgebaut um zwei konzentrische Rahmen, tabförmige Buttons bei 120x48, glänzende Balken in 9 Segmente geteilt und konturierte 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.

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 Sumi-Familie, dieses Kit und das Sumi-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Cel-Shading- und Toon-gerenderten Spielen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen100 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 ReadmeZIP100 kB Holen →
Questlog-Eintrag, aktiv, editierbares SVGSVG1.2 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
"Sumi Questlog" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-quest-log