One UI

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

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

One UI — Armen777444《One UI 7 的设备维护界面》2025年 — Wikimedia Commons / CC BY 4.0
Armen777444《One UI 7 的设备维护界面》2025年 — Wikimedia Commons / CC BY 4.0 · CC BY 4.0
One UI — 《One UI 5 的主屏幕》2023年 — Wikimedia Commons / Public domain
《One UI 5 的主屏幕》2023年 — Wikimedia Commons / Public domain
One UI — Paowee《Samsung Internet 27 画面》2024年 — Wikimedia Commons / CC BY-SA 4.0 · © App: Samsung Screenshot: User:Paowee
Paowee《Samsung Internet 27 画面》2024年 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © App: Samsung Screenshot: User:Paowee

快速判断

视觉特征

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

适用场景

  • 在大屏手机上要把部件都挪到下方,让一只拇指够到全部操作时
  • 要把列表页面从分隔线的行改成一组圆角容器时

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
标题大到几乎用满上半区的高度,与正文之间拉开明显的差距。收起时的标题可以换成比展开时更短的另一段文字。
版面
在拇指够得到的高度把屏幕分成两半。上面只放标题和留白,凡是要按的、要切换的、要确认的一律移到下面。左右留白不低于 24dp。
材料
圆角取大,大致在 12dp 到 26dp 之间。底色只在 #fafafa 和 #000000 两者中选一个,强调色只留一种蓝,别的颜色不带进画面。
注意
一旦把可按的部件放进观看区,上下分割的理由就没有了,剩下的只是一张上方留白很多的页面。
延伸阅读
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

相关词条

继续浏览平台界面语言

从平台界面语言中按共同感受优先推荐以下词条。

查看平台界面语言全部词条

引用此条目

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

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>

返回索引中的位置