UI-Packs

Recon Modale Fenster

15 modale Dialoge und Systemhinweise (Feldkit) für dunkle Oberflächen — Palette Stahlgrau, Akzent Signalorange. SVG und transparentes PNG in 1x/2x/4x.

  • ui
  • svg
  • transparentes png
  • Modal
  • Dialog
  • Bestätigung
  • Benachrichtigung
  • Banner
  • Militär
  • Feldkit
  • Militär
  • Optik
  • Aufklärung
  • hud
Blatt mit 15 modale Dialoge und Systemhinweise (Feldkit) aus der Familie Recon, angeordnet auf einem Transparenz-Schachbrett, mit den Pixelmaßen darunter
1600×1691 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Recon Modale Fenster ist ein Set aus 15 modale Dialoge und Systemhinweise im Feldkit-Stil, bei dem schablonierte Panels mit rechten Ecken, eine knochenfarbene Spur und genau eine Signalfarbe da sind. Enthalten sind drei modale Dialoge mit steigender Dringlichkeit, drei Systemplaketten und drei Systembanner, eine Fußzeile mit drei Schaltflächen, eine Schließen-Schaltfläche, eine geschichtete Abdunklung sowie ein schlichtes, ein fokussiertes und ein fehlerhaftes Eingabefeld.

Ein Modal ist kein Panel: Es hält das Spiel an, wartet auf eine Antwort, und manchmal lässt sich diese Antwort nicht zurücknehmen. Üblicherweise sagt man das mit einem roten Rahmen — der mit der Lebensfarbe kollidiert, die ohnehin schon auf dem Bildschirm ist, und in dem Moment verschwindet, in dem jemand das Kit auf die eigene Palette umfärbt.

Nirgends ein Leuchten und nirgends ein Verlauf: Eine lackierte Kiste leuchtet nicht, und die Zurückhaltung ist der ganze Look. Die Silhouetten bleiben nah am Rechteck und holen ihren Unterschied aus gestuften Schultern und Kantenschienen statt aus Schnitten — genauso verhalten sich schablonierte Feldmarkierungen tatsächlich.

In diesem Stil ist das die Recon-Lesart: eine dunkle Oberfläche auf einer Stahlgrau-Palette mit Signalorange-Akzenten, aufgebaut um einen einfach umrandeten Rahmen, abgeschrägte Buttons bei 116x32, Balken mit hohlem Kern in 20 Segmente geteilt und zweifarbige Icons auf einem 16px-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.

Die Dringlichkeit steckt in der Dicke des Streifens an der Oberkante statt in seinem Farbton: drei Pixel für einen Hinweis, sechs für eine Warnung, zehn für etwas Zerstörerisches. Damit übersteht sie jede Einfärbung und jeden Graustufen-Screenshot. Die Schaltflächenpositionen sind fest und mit Absicht so: Abbrechen sitzt links und erhaben, die verbindliche Aktion rechts und vertieft. Diese Reihenfolge geht über ein Spiel hinweg ins Muskelgedächtnis über, und ein Kit, das sie variiert, ist der Grund, aus dem jemand seinen Spielstand aus Reflex löscht. Die Abdunklung besteht aus vier gestapelten Stufen statt einer gleichmäßigen Fläche, denn eine einzelne schwarze Schicht über dem ganzen Bildschirm erschlägt die Grafik, die sie abdunkeln soll.

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 Recon-Familie, dieses Kit und das Recon-Panel-Kit fluchten also, ohne dass eines skaliert werden muss. Passt gut zu taktischen, Survival- und Militäroberflächen.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen81 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 ReadmeZIP81 kB Holen →
Modaler Dialog, Hinweisstärke, editierbares SVGSVG3.2 kB Holen →

So wird es benutzt

  1. Halten Sie Abbrechen links und die verbindliche Aktion rechts, in jedem Dialog — auch in denen, die Sie sich aus der Fußzeile selbst bauen.
  2. Wählen Sie das Modal über die Stärke seines Kopfstreifens statt über das Umfärben eines Sprites. Das Signal ist die Dicke.
  3. Legen Sie die Abdunklung in Bildschirmgröße hinter das Modal und kacheln Sie sie: Sie besteht aus einzelnen Stufen und skaliert deshalb ohne Weichzeichner-Artefakt.
  4. Nehmen Sie das Fehler-Eingabefeld statt eines roten Rahmens. Es verdoppelt die Unterstreichung, und die liest sich in Graustufen ebenso wie neben einer Lebensleiste.

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
"Recon Modale Fenster" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/recon-modals