UI-Packs

Candy Questlog

13 Questlog- und Zielelemente (Cartoon) für helle Oberflächen — Palette warmes Creme, Akzent Kaugummirosa. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Quest
  • Journal
  • Ziel
  • Mission
  • Protokoll
  • Cartoon
  • Cartoon
  • Cartoon
  • Casual
  • Mobile
  • Match 3
Blatt mit 13 Questlog- und Zielelemente (Cartoon) aus der Familie Candy, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×739 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Candy Questlog ist ein Set aus 13 Questlog- und Zielelemente im Cartoon-Stil, bei dem eine kräftige, saubere Kontur eine glänzende Fläche mit einem einzelnen Funkeln umschließt. 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 Glanz ist eine hartkantige Teilung bei 44% der Höhe, kein weicher Verlauf: Ein sanfter Übergang liest sich als Glas, eine harte Teilung als gezeichnet. Der versetzte Schlagschatten ist aus demselben Grund massiv statt weichgezeichnet.

In diesem Stil ist das die Candy-Lesart: eine helle Oberfläche auf einer warmes Creme-Palette mit Kaugummirosa-Akzenten, aufgebaut um zwei konzentrische Rahmen, vollrunde Pill-Buttons bei 168x56, gebänderte Balken in 6 Segmente geteilt und gefüllte 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 Candy-Familie, dieses Kit und das Candy-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu Anime- und Cartoon-Spielen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen119 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 ReadmeZIP119 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
"Candy Questlog" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/candy-quest-log