UI-Packs

Hyperlane Questlog

13 Questlog- und Zielelemente (Arcade) für dunkle Oberflächen — Palette tiefes Violett, Akzent Sonnenuntergangsorange. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Quest
  • Journal
  • Ziel
  • Mission
  • Protokoll
  • Arcade
  • Arcade
  • Arcade
  • Rennen
  • Verlauf
  • hud
Blatt mit 13 Questlog- und Zielelemente (Arcade) aus der Familie Hyperlane, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×739 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Hyperlane Questlog ist ein Set aus 13 Questlog- und Zielelemente im Arcade-Stil, bei dem die Farbe der Körper ist und nicht der Rand — gesättigte Platten mit spitzen Enden. 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.

Jede Platte ist mit einem zweistufigen Verlauf entlang ihrer Längsachse gefüllt, und die Markierungen sind dunkel auf die Farbe gezeichnet statt hell auf Schwarz. Die spitzen Enden gehören zur Silhouette, sie überstehen eine Skalierung also, statt ein Kontureffekt zu sein.

In diesem Stil ist das die Hyperlane-Lesart: eine dunkle Oberfläche auf einer tiefes Violett-Palette mit Sonnenuntergangsorange-Akzenten, aufgebaut um zwei konzentrische Rahmen, vollrunde Pill-Buttons bei 192x48, glänzende Balken in 6 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.

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 Hyperlane-Familie, dieses Kit und das Hyperlane-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Rennspielen, Arcade und punktegetriebenen Oberflächen.

Download

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