One UI
ワンUI / 2018– / Stil / Bildschirmsprachen
Die Gestaltungssprache, die Samsung für die Galaxy Geräte festgelegt hat. Sie teilt den Bildschirm auf der Höhe, die der Daumen am leichtesten erreicht, und nennt den oberen Teil Sichtbereich und den unteren Bedienbereich, sodass Titel oben sitzen, während sich Schaltflächen, Reiter und Dialoge unten sammeln. Inhalte werden in Behälter mit stark gerundeten Ecken gefasst, der Grund ist entweder Weiß oder reines Schwarz, und ein einziges Blau trägt alle Akzente.
Auf einen Blick
Visuelle Merkmale
- Der obere Teil des Bildschirms enthält nichts als einen Titel und freien Raum, kein einziges bedienbares Element
- Text und Bilder werden in kartenförmige Behälter mit stark gerundeten Ecken gefasst
- Die Titelleiste kennt nur zwei Zustände, ausgeklappt und eingeklappt, und hält nie auf einer Höhe dazwischen
- Im dunklen Thema geht der Grund auf reines Schwarz und darauf liegt allein der blaue Akzent
Geeignet für
- Wenn alle Bedienelemente in die untere Hälfte eines großen Telefonbildschirms rücken sollen, damit ein Daumen sie alle erreicht
- Wenn ein Listenbildschirm als Folge gerundeter Behälter statt als durch Linien getrennte Zeilen neu aufgebaut wird
Diesen Stil verwenden
Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate
Wörterbucheintrag
- Typografie
- Den Titel die Höhe des oberen Bereichs ausfüllen lassen und einen weiten Abstand zum Fließtext öffnen. Der eingeklappte Titel darf ein kürzerer und anderer Text sein als der ausgeklappte.
- Komposition
- Den Bildschirm auf Daumenhöhe teilen. Oben nur Titel und freien Raum lassen und alles, was gedrückt, umgeschaltet oder bestätigt wird, nach unten holen. Die Seitenränder nie unter 24dp fallen lassen.
- Material
- Ecken großzügig runden, etwa 12dp bis 26dp. Als Grund kommen nur zwei Werte in Frage, #fafafa oder #000000, der Akzent bleibt ein einziges Blau, und kein weiterer Farbton kommt auf den Bildschirm.
- Zu vermeiden
- Ein bedienbares Element im Sichtbereich nimmt der Teilung des Bildschirms ihren Grund, und übrig bleibt nur ein Layout mit viel Leere oben.
- Zum Weiterlesen
- the definition of the area split in the Structure chapter of the One UI Design Guidelines / the rule permitting different wording for an expanded heading and a collapsed one / how One UI borrows Android's colour category mechanism
Verwandte Einträge
- Material Design (マテリアルデザイン)Gemeinsame Wirkungen: Trust.One UI und Material Design vergleichen
- Bento Grid (ベントーグリッド)Gemeinsame Wirkungen: Trust / Intimacy.One UI und Bento Grid vergleichen
Mehr aus Bildschirmsprachen
Weitere Stile aus Bildschirmsprachen, nach gemeinsamen Wirkungen geordnet.
- GNOME Clearlooks (GNOME Clearlooks)Gemeinsame Wirkungen: Intimacy / Trust / Calm.
- Adwaita (アドワイタ)Gemeinsame Wirkungen: Calm / Trust.
- GOV.UK Design System (GOV.UK デザインシステム)Gemeinsame Wirkungen: Trust / Calm.
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/one-ui
- Markdown
- [One UI — IndexStyle](https://indexstyle.org/de/styles/one-ui)
- HTML
- <a href="https://indexstyle.org/de/styles/one-ui">One UI — IndexStyle</a>