One UI

ワンUI / 2018– / 风格 / 平台界面语言

三星为 Galaxy 制定的设计语言。它在拇指最容易够到的高度把屏幕一分为二,上半称为观看区,下半称为操作区,于是标题留在上方,按钮、标签页和对话框都集中到下方。内容收进圆角很大的容器里,底色只在白与纯黑之间取一种,强调色只用一种蓝。

屏幕上半只有标题和留白,没有任何可以触碰的部件 / 文字和图像被收进圆角很大的卡片状容器里 / 顶部标题只有展开和收起两种状态,不会停在中间的高度 / 深色主题下底色变成纯黑,上面只落着蓝色的强调

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

辞典词条

适用场景
在大屏手机上要把部件都挪到下方,让一只拇指够到全部操作时;要把列表页面从分隔线的行改成一组圆角容器时
字体
标题大到几乎用满上半区的高度,与正文之间拉开明显的差距。收起时的标题可以换成比展开时更短的另一段文字。
版面
在拇指够得到的高度把屏幕分成两半。上面只放标题和留白,凡是要按的、要切换的、要确认的一律移到下面。左右留白不低于 24dp。
材料
圆角取大,大致在 12dp 到 26dp 之间。底色只在 #fafafa 和 #000000 两者中选一个,强调色只留一种蓝,别的颜色不带进画面。
注意
一旦把可按的部件放进观看区,上下分割的理由就没有了,剩下的只是一张上方留白很多的页面。
延伸阅读
One UI Design Guidelines の Structure 章にある領域分割の定義 / 開いた見出しと畳まれた見出しで文言を変えてよいとする規定 / Android のカラーカテゴリの仕組みを One UI がどう流用しているか

相关词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/one-ui
Markdown
[One UI — IndexStyle](https://indexstyle.org/zh/styles/one-ui)
HTML
<a href="https://indexstyle.org/zh/styles/one-ui">One UI — IndexStyle</a>

返回索引中的位置