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.

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

Armen777444《One UI 7 のデバイスケア画面》2025年 — Wikimedia Commons / CC BY 4.0Paowee《Samsung Internet 27 の画面》2024年 — Wikimedia Commons / CC BY-SA 4.0

Wörterbucheintrag

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
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
One UI Design Guidelines の Structure 章にある領域分割の定義 / 開いた見出しと畳まれた見出しで文言を変えてよいとする規定 / Android のカラーカテゴリの仕組みを One UI がどう流用しているか

Verwandte Einträge

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>

Zurück zur Position im Index