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



快速判断
视觉特征
- 屏幕上半只有标题和留白,没有任何可以触碰的部件
- 文字和图像被收进圆角很大的卡片状容器里
- 顶部标题只有展开和收起两种状态,不会停在中间的高度
- 深色主题下底色变成纯黑,上面只落着蓝色的强调
适用场景
- 在大屏手机上要把部件都挪到下方,让一只拇指够到全部操作时
- 要把列表页面从分隔线的行改成一组圆角容器时
使用这一风格
把简短指引带入项目,或将结构化规格交给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
相关词条
- Material Design (マテリアルデザイン)共同感受:Trust。比较One UI与Material Design
- Bento Grid (ベントーグリッド)共同感受:Trust / Intimacy。比较One UI与Bento Grid
继续浏览平台界面语言
从平台界面语言中按共同感受优先推荐以下词条。
- GNOME Clearlooks (GNOME Clearlooks)共同感受:Intimacy / Trust / Calm。
- Adwaita (アドワイタ)共同感受:Calm / Trust。
- GOV.UK Design System (GOV.UK デザインシステム)共同感受:Trust / Calm。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>