首页/风格学院/三星 One UI

三星 One UI 是什么风格?

三星 One UI 示例

三星 One UI 把每个界面切成上下两半:上半屏给眼睛,下半屏给拇指,一种安静的蓝色标出该按哪里。

三星 One UI 速览

三星 One UI 是三星在 2018 年为 Galaxy 手机推出的界面体系,核心理念是“可触达”。随着手机屏幕越来越大,单手握持时,拇指够不到屏幕顶端。One UI 的回答是把每个界面切成上下两个区域。上半屏是留白,只放一个大号标题和一行小字,没有任何可点击的东西;下半屏才是列表、开关和按钮,处在大屏手机上拇指真正能划到的弧线之内。

视觉上,这套风格平静而刻意朴素。内容装在接近纯白的圆角卡片里,铺在浅灰色的窗口底上,卡片之间靠明暗区分,而不是靠阴影。操作色只有一种可信赖的蓝,用在悬浮按钮、滑块和高亮上。字体是干净的人文无衬线体,字重常规;大标题仅靠字号来承担定位作用,而不是靠加粗。

夜间模式把整套系统翻成近黑的底色配炭灰卡片,布局不变,那一种蓝也不变。整体印象是:一套从不与人争夺注意力的系统界面,上方宽敞,下方实用,处处安静。它适合那些被单手反复使用的产品,例如设置、工具、通讯、健康和效率类应用——在这些场景里,数月使用下来的舒适感比视觉冲击更重要。

三星 One UI 用在文章页上

三星 One UI 从何而来?

One UI 于 2018 年 11 月在三星开发者大会上发布,次年随 Galaxy S10 面向消费者。它取代了三星安卓手机上的上一代界面皮肤,设计思路的转变从一开始就很清楚。三星的出发点是人体工学先于美学:随着旗舰手机变得更高更宽,最重要的控件必须往拇指自然落点的位置移动。最终的视觉风格,很大程度上就是这一条物理约束的结果。

这套风格的背景里附着两个名字。DJ Koh(韩文名高东真,Koh Dong-jin)在系统发布期间领导三星的移动业务。克里斯蒂安·罗伯逊(Christian Robertson)是 Roboto 字体的设计师,Roboto 是本风格所记录的 One UI 版本中界面的默认声音。Roboto 最初是为安卓本身而创作的,因此采用它,让三星这套皮肤与更广泛的安卓字体传统紧密相连,尽管版面已经偏离了原生安卓的惯例。

这套风格所记录的视觉形象大约跨越 2019 年至 2023 年,涵盖从最初的 One UI 版本到 5.1 版。在这段时间里,系统受到背景里列出的三个潮流塑造:单手可触达设计、大屏安卓皮肤,以及在 2019 年到来的全系统深色模式。三者各自塑造了外观的不同部分。可触达设计造就了上半屏观看区与下半屏触控区的分野。大屏皮肤的背景推动标题与点击目标采用宽裕的尺度。深色模式则要求配色足够简单,才能干净地反转。

它的诞生地是韩国水原,三星总部所在地,设计也带着某种地域性的克制:没有花哨装饰,没有吉祥物,偏好整洁的圆角形态和清晰的层级。随着时间推移,One UI 不再只是一件产品,而成为横跨手机、平板和折叠设备共享的一门语言,同样的“冷静、顾及拇指”的布局原则,被适配到每一种屏幕尺寸。这套风格保存下来的,就是这一原则最清晰的早期形态。

三星 One UI 的视觉特征是什么?

上半屏看,下半屏点

每个界面都分成观看区和交互区。大号标题悬浮在顶部的留白里,下面是一行小的计数或说明,这一区域里没有任何东西需要被触碰。所有控件都被拉向下半屏,拇指不用换握姿就能碰到。这种划分是整个外观的基础,即使内容变了也应当保留。

大号而安静的标题

标题用干净的无衬线体,字号很大,字重常规。它仅凭尺度就告诉你身在何处,不加粗,不装饰。周围宽裕的空白是设计的一部分,它营造出平静感,也让眼睛在进入交互区之前有个歇脚处。

灰底窗口上的圆角卡片

内容分组装在接近纯白、圆角很大的卡片里,放在浅灰的底上。卡片与窗口的区分靠明暗,而不是投影,使界面保持扁平、不显沉重。相关的条目共享一张卡片,卡片之间的间隙则标出分组的边界。

唯一一种可信赖的蓝

强调色只有一种,是一个清澈的中等饱和度的蓝。它只标记悬浮按钮、滑块轨道、选中状态和高亮,别无他用。因为只有这一种,它就成为明确的信号:蓝色出现的地方,就是处于激活或可操作的状态。调色板的其余部分是中性的灰与白。

夜间模式是整体反转

深色版本把灰色窗口换成近黑的底,把白色卡片换成炭灰色,同时保留相同的布局、间距和那一种蓝。由于浅色主题本来就是靠明暗分层而非阴影,它可以干净地反转:卡片与底色的关系得以延续,界面在两种模式下都保持自己的样子。

不抢戏的人文字体

字体是 Roboto,一款中性而广为人知的无衬线体。层级来自字号与间距,而不是粗重的字重或对比字体。由此得到的声音像是操作系统的一部分,而不是某个品牌,这正是系统界面应有的口吻。

宽大而宽容的点击区域

列表行、开关和按钮都有充足的高度与宽松的间距,拇指不必精确就能点中。控件之间拉开距离,而不是挤在一起,用信息密度换取舒适度。这与可触达的目标一脉相承:为大屏手机设计的界面,必须容许不精确的按压。

三星 One UI 用在仪表盘上

谁塑造了三星 One UI?

DJ Koh (Koh Dong-jin)

高东真(DJ Koh)在 2018 年 One UI 发布、次年随 Galaxy S10 上市期间,领导三星的移动部门。他是与这一设计方向联系在一起的管理层名字,他的任期框定了三星将手机软件体验与硬件同等对待的决策。

Christian Robertson

罗伯逊是设计出 Roboto 的字体设计师。它干净、中性的字形成为本版本 One UI 的默认字体,这也是为什么这套界面虽然布局大不相同,却与更广泛的安卓生态发出同一种声音。

Samsung Developer Conference

2018 年 11 月首次公布 One UI 的年度开发者大会。它是这套系统的公开起点,提醒我们这套设计是作为开发者可在其上构建的平台推出的,而不只是三星自家应用的皮肤。

今天怎么用三星 One UI?

做幻灯片时,把“观看区与交互区”的划分转译成“标题与内容”的划分。封面可以极度简洁:浅灰页面的上三分之一处放一个字重常规的大标题,下面一行小字副标题,其余全部留白。内容页把标题放高,再把信息放进下半部分的一两张近白色圆角卡片里。数据页适合让每个指标或图表各占一张卡片,而那一种蓝只留给观众应该注意的那一个数字或系列。

在网页和应用里,这套风格适合工具、设置、通讯、健康、金融和效率类产品,尤其是在手机上。用一个大而安静的页面标题,配一行小的计数或状态,然后把控件分组放进灰底上的圆角卡片。主要操作放在下半屏,最常见的任务可以考虑用那种蓝做一个悬浮按钮。列表行保持较高、间距宽松。在桌面端,可以通过收窄内容栏、保持页面顶部开阔来延续同样的逻辑。

在编辑与营销方面,这种外观适合讲解页、产品导览和新手引导,在这些场合清晰胜过戏剧性。首屏可以沿用同样的结构:留白里一个很大的标题,后面跟着一张装着行动按钮的卡片。功能列表可以做成叠放的圆角卡片,每张一个短标题加一行文字。单一强调色的克制,让偶尔出现的高亮显得有分量。

这套风格也能适配硬件配套设备、自助终端以及车载或可穿戴显示,凡是人只有一只手空闲或注意力有限的地方。真正要带走的不是具体形状,而是人体工学的逻辑:不可交互的信息放在上面,所有需要触碰的东西放在手自然停留之处,并且让点击目标足够大。深色模式应当一开始就提供,因为这套系统本来就是为反转而建。

最常见的错误,是照抄圆角卡片和灰底,却放弃了上下分区的版式,把控件放在拇指够不到的屏幕顶部。第二个错误是添加多种强调色,或把标题做得又粗又小,那会破坏定义这套风格的安静开阔感。最后,避免使用厚重阴影:卡片的分隔靠的是明暗,加上投影就会把平静的界面变成一堆杂乱的浮动面板。

三星 One UI 用在幻灯片 · 封面上

三星 One UI · 常见问题

One UI 要解决什么问题?

它围绕大屏手机的单手使用而设计。随着屏幕变大,拇指越来越难够到顶部边缘,所以 One UI 把一切可交互的东西都移到下半屏,上半屏留给大标题和安静的辅助文字。这套视觉风格是从人体工学的决定中长出来的,而不是出于纯粹的审美。

为什么这套风格只用一种强调色?

只有一种蓝,含义就毫不含糊:它出现的地方,元素就是激活的、被选中的或可操作的。界面表面由中性的灰与白构成,这一种颜色承担了全部的提示作用,也让系统很容易在夜间模式下反转,而不必重新计算整个调色板。

它与原生 Material Design 有什么不同?

二者共用 Roboto 和更广泛的安卓生态,但 One UI 对版式的强调要多得多。留白中的大标题、观看区与触控区的严格划分、靠明暗而非阴影的分层、宽大的圆角卡片,让它比典型的安卓应用更平静、更开阔,并以可触达作为组织原则。

能用在桌面产品上吗?

可以,不过在大屏加鼠标的环境下,可触达的逻辑就没那么重要了。可迁移的部分是开阔的标题区、灰底上的圆角卡片、明暗分层和单一强调色。收窄内容栏、保持宽松的间距,即使没有拇指,这份平静的气质也能保留。

深色模式应该怎么处理?

把它当作反转,而不是另一套设计。把浅灰底换成近黑的底,把近白卡片换成炭灰卡片,布局与间距保持一致,并继续使用同一种蓝。由于浅色主题本来就靠明暗而非阴影,卡片与底色的关系在两种模式下都成立。

获取三星 One UI 完整设计系统
© 2026 Curio