Adwaita

アドワイタ / 2011– / Stil / Bildschirmsprachen

Adwaita nennt GNOME das eigene Standardaussehen, und die Richtlinien verlangen, dass ein und derselbe Satz von Bauteilen die helle, die dunkle und die kontrastreiche Fassung tragen muss. Eine Kopfleiste quert die obere Fensterkante, und die Schaltflächen darauf werden ohne Hintergrund und ohne Rahmen gezeichnet. Symbole sind einheitlich einfarbige Piktogramme von 16x16px.

Adwaita — Nathan Hadley, GNOME-Einstellungen 48, 2025 — Wikimedia Commons / CC BY-SA 4.0 · © Nathan Hadley (Pigeon)
Nathan Hadley, GNOME-Einstellungen 48, 2025 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © Nathan Hadley (Pigeon)
Adwaita — Nathan Hadley, GNOME-Texteditor 47, 2025 — Wikimedia Commons / CC BY-SA 4.0 · © Nathan Hadley (Pigeon)
Nathan Hadley, GNOME-Texteditor 47, 2025 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © Nathan Hadley (Pigeon)
Adwaita — Frap, Bildschirm von GNOME Files, 2025 — Wikimedia Commons / CC0
Frap, Bildschirm von GNOME Files, 2025 — Wikimedia Commons / CC0 · CC0

Auf einen Blick

Visuelle Merkmale

  • Eine einzige Kopfleiste quer über die obere Fensterkante, auf drei Ausrichtungspunkte verteilt, mit dem Fenstertitel in der Mitte
  • Die Schaltflächen der Kopfleiste tragen weder Hintergrund noch Rahmen, auf der Fläche stehen nur Zeichen und Beschriftung
  • Einfarbige symbolische Piktogramme, gezeichnet in 16x16px, mit Hauptstrichen von 2px und frontalen Formen ohne Perspektive
  • Eine veröffentlichte Palette mit fünf Stufen je Farbton, darunter Blue 3 in #3584e4

Geeignet für

  • Eine Anwendung für den Linux-Desktop bauen, die in der hellen wie in der dunklen Einstellung dasselbe Gerüst zeigen soll
  • Ein eigenes Bauteil ergänzen, indem man auf den vorhandenen style classes und Farbvariablen aufsetzt, statt Werte fest einzutragen

Diesen Stil verwenden

Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.

design.mdBild-PromptJSON APIMCP und MaschinenzugriffVerbinden
in ChatGPT öffnenin Claude öffnenin Google AI öffnen
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate

Wörterbucheintrag

Typografie
Kennzeichne ein Bedienelement entweder mit einem Zeichen oder mit einem Wort, nie mit beidem. Ausgenommen sind die Zeilen der Seitenleiste und die Ansichtsumschalter.
Komposition
Setze oben eine Kopfleiste, die Hauptaktionen links, den Titel in der Mitte, die Menüs rechts. Lass stets freie Fläche, an der sich die Leiste greifen und ziehen lässt. Bilde Gruppen aus Schaltflächen über Abstände statt über Verkettung.
Material
Nimm die Farbe aus der veröffentlichten Palette und halte sie als Variablen, die zwischen heller, dunkler und kontrastreicher Fassung von selbst umschalten. Zeichne Symbole als einfarbiges SVG und lege die Einfärbung erst danach an.
Zu vermeiden
Fest eingetragene Farbwerte brechen erst, wenn jemand auf die dunkle oder die kontrastreiche Fassung umschaltet, also genau in dem Zustand, den der Autor nie zu Gesicht bekommt.
Zum Weiterlesen
the list of libadwaita style classes and the CSS variables they map to / why the GNOME palette carries five steps per hue, and how each step is used / the consequence of a design in which the contents of the header bar swap as the displayed content changes

Verwandte Einträge

Wird oft verwechselt mit

Mehr aus Bildschirmsprachen

Weitere Stile aus Bildschirmsprachen, nach gemeinsamen Wirkungen geordnet.

Alle Einträge aus Bildschirmsprachen ansehen

Diesen Eintrag zitieren

Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.

Link
https://indexstyle.org/de/styles/adwaita
Markdown
[Adwaita — IndexStyle](https://indexstyle.org/de/styles/adwaita)
HTML
<a href="https://indexstyle.org/de/styles/adwaita">Adwaita — IndexStyle</a>

Zurück zur Position im Index