UI-Packs

Paper Gruppen-UI

13 Gruppen- und Aufstellungselemente (flach) für helle Oberflächen — Palette warmes Papier, Akzent Rostrot. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Gruppe
  • Aufstellung
  • Trupp
  • Zugreihenfolge
  • Aufstellung
  • flach
  • flach
  • helle UI
  • minimal
  • Casual
Blatt mit 13 Gruppen- und Aufstellungselemente (flach) aus der Familie Paper, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×707 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Paper Gruppen-UI ist ein Set aus 13 Gruppen- und Aufstellungselemente im flach-Stil, bei dem es überhaupt keine Konturen und keine Schattierung gibt. Enthalten sind sechs Zustände der Gruppenmitglied-Karte, ein leeres, ein belegtes und ein gesperrtes Aufstellungsfeld, ein Formationsraster mit drei Reihen, ein Zugreihenfolge-Streifen, eine Einladungszeile und ein Paar Tauschpfeile.

Ein HUD zeichnet eine Figur. Ein Gruppenbildschirm zeichnet vier auf einmal, und das ist ein anderes Problem: Bei vier Karten nebeneinander müssen sich im selben Blick ablesen lassen, wer am Zug ist, wer führt und wer am Boden liegt — während die Farbe, die das sonst tragen würde, längst von den Figuren selbst belegt ist.

Tiefe entsteht allein aus einem geschichteten weichen Schatten — drei gestapelte Durchgänge statt eines Weichzeichners, denn manche SVG-Rasterer skalieren eine Unschärfe falsch und das 4x-PNG kommt als Schmier heraus. Alles andere ist eine einzige Vollfarbe.

In diesem Stil ist das die Paper-Lesart: eine helle Oberfläche auf einer warmes Papier-Palette mit Rostrot-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, vollrunde Pill-Buttons bei 140x44, 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.

Jeder Gruppenzustand ist eine Marke an einer anderen Stelle der Karte, deshalb können zwei Zustände zugleich gelten, ohne dass einer verloren geht: Anführer ist ein Eckkeil oben links, Zug ist ein Balken an der linken Kante, bereit ist ein Keil unten rechts, anvisiert ist eine Klammer um die ganze Karte und kampfunfähig eine Schraffur darüber. Keine davon berührt die Porträtmulde, denn das Porträt gehört zu Ihrer Grafik, nicht zum Kit. Das Formationsraster markiert seine vordere Reihe mit dem Akzent, damit ein Aufstellungsbildschirm ohne Beschriftung lesbar ist.

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

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen156 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 ReadmeZIP156 kB Holen →
Gruppenmitglied-Karte, ruhend, editierbares SVGSVG1.1 kB Holen →

So wird es benutzt

  1. Halten Sie die Porträtmulde für Ihre eigene Charaktergrafik frei; jede Zustandsmarke liegt außerhalb, damit nichts ein Gesicht überdeckt.
  2. Kombinieren Sie die Zustandsmarken, statt sich für eine zu entscheiden. Eine Anführerin, die zugleich kampfunfähig ist, trägt beide — sie sind so gezeichnet, dass sie sich nicht überlagern.
  3. Steuern Sie den Zugreihenfolge-Streifen über den Index statt über Farbe; der aktive Punkt ist größer gezeichnet und dadurch auch aus der Entfernung abzählbar.
  4. Mitgliedskarte und Aufstellungsfeld teilen ihre Höhe mit dem Panel-Kit dieser Familie; ein Gruppenbildschirm setzt sich also aus beidem zusammen, ohne dass etwas skaliert werden muss.

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
"Paper Gruppen-UI" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/paper-party-ui