Nightcity UI-Bedienelemente — Checkbox, Schalter und Slider

Elemente bei 26px, durchgehend quadratisch — in diesem Stil gibt es nirgends eine Kurve, der runde Helfer zeichnet also ein abgeschrägtes Quadrat. Der gehakte Zustand füllt sich mit dem Akzent, statt die Spur aufzuhellen, denn eine hellere Spur liest sich als Fokus, nicht als An.

Das Set deckt die vier Elemente ab, die ein Einstellungsbildschirm wirklich braucht: Checkbox, Radiobutton, Kippschalter und Slider mit separatem Griff. Jedes zustandsbehaftete Element liefert beide Zustände als eigene Datei, auf einer Basis von 26×26 — der Schalter misst 52×26 und die Slider-Schiene ist 208 px breit, damit sie sich auf jede Länge nine-slicen lässt.

An und Aus sind als unterschiedliche Formen gezeichnet, nicht als unterschiedliche Farben. Eine ungehakte Box ist eine leere Vertiefung; eine gehakte ist eine gefüllte Fläche mit eingeschnittenem Haken. Das zählt, weil ein Einstellungsbildschirm genau der Ort ist, an dem ein Spieler am ehesten einen Farbenblind-Modus, einen Graustufen-Shader oder ein stark eingefärbtes Post-Processing laufen hat — und ein Zustand, den man nur am Farbton erkennt, verschwindet unter allen dreien.

Der Slider kommt als Schiene und Griff statt als einzelnes Sprite. Einen einteiligen Slider zu animieren heißt, ihn pro Wert neu zu zeichnen; mit zwei Teilen dehnst du die Füllung und bewegst den Griff, und genau das erwartet ohnehin jedes UI-Toolkit. Der Griff trägt eine Mittelkerbe, damit Drehung und Position auch klein lesbar bleiben.

Alles ist als bearbeitbares SVG und als flaches transparentes PNG in 1x, 2x und 4x enthalten, gezeichnet aus denselben sechs Tönen in Mitternachtsblau wie der Rest der Familie Nightcity.

Creative Commons Namensnennung 4.0 — Kostenlos für kommerzielle Nutzung. Namensnennung erforderlich. Vollständige Bedingungen · Was das in der Praxis heißt