在国内定制系统几乎都已经经历过一轮变革的 2020 年年底,横空出世的 OriginOS 虽然难免给人一种「来晚了」的感觉,彼时它所交出的答卷依然让人惊喜,而如果站在现在的角度去看当时的 OriginOS,则不难发现它在启动器布局、桌面微件(widget)和自定义风格上的改造思路和实现路径甚至还有那么几分预见性:桌面微件在 iOS 和 Android 生态内重新得到重视、个性化表达在 Android 12 中成为一大主题……

OriginOS 对启动器主屏的重构令人印象深刻

2021 年,华容网格、原子组件、变形器,这几个在 OriginOS 中让人眼前一亮并迅速成为堪称 vivo 手机标志性功能的特性,又将迎来哪些打磨和创新?

12 月 9 日刚刚亮相的 OriginOS Ocean,就像它跳出常规「版本号」框架的命名方式那样,又一次在定制系统阵营中吹起了这么一阵新风。

玩转「符号」,将系统做成一本杂志

对去年少数派发布的 OriginOS 评测还有印象的朋友,应该知道 OriginOS 当初在大刀阔斧改造 vivo 手机系统桌面启动器的同时,也留下了不少让人担心的小问题,其中最明显的自然是系统整体设计风格上的割裂:华容网格和原子组件构建的新体验需要大量的第三方适配进行支撑、变形器虽然做得非常细致但依然没有处理好一些设计细节、启动器之外的其它部分缺少与之配位的打磨和润色……

关联阅读:OriginOS 上手体验:三个概念与它们所对应的问题

归根结底,虽然 OriginOS 在华容网格、原子组件等概念上极具巧思,但它们需要一套能够将整个 OriginOS 统一起来的设计语言。在我看来,这正是 vivo 在 OriginOS Ocean 中引入符号化设计语言的原因。这套符号化设计语言的理念源自杂志,参考对象的选择依然很巧妙——和大部分需要仔细阅读、浏览的内容相似,用排版设计的思路对系统界面进行重构,自然也是通向秩序感与美感的捷径之一。

以字体为例,和此前几乎没有太大变化的字体相比,OriginOS Ocean 这次至少用到了 3 种不同的字体,不同系统应用中字体选择和排版方式各不相同,但都能很好地契合各自所对应的内容呈现场景

比如系统设置中「关于手机」界面所采用的右对齐海报式布局,配合大小、粗细不同的字体,让原本枯燥乏味的配置参数变得层次分明,一眼便能聚焦到那些值得关注的关键信息之上;相机应用则通过特殊字体呈现高级相机功能,为 HDR 开关、AI 滤镜和变焦拍摄等操作赋予了更多科技感;日历、 设置、控制中心等界面的中文和数字也采用了类似的字体选择与排版思路。

杂志化的字体选用与界面布局方式,让 OriginOS Ocean 处处充满了层次感,同时又不失活泼,穿插其间的标签与符号,进一步对系统界面中提示与强调的部分进行了加强,了解网页排版、图文排版编辑或幻灯片制作的朋友,看到这些细节应该会觉得有些亲切。

这些色彩各不相同的标签、符号与字体搭配起来,让 OriginOS Ocean 的整体观感更加整洁清爽,也让原本死板的系统界面多了一些活泼、俏皮与亲和力。在系统应用间跳转的过程中,我常常会对接下来将要看到的界面抱有那么一丝期待。

值得一提的是尽管 OriginOS Ocean 在色彩选取上相比旧版更加大胆,但系统配色方案却紧跟潮流,引入了一套类似 Google Material You 全局动态色彩的自动变色系统。除了标准的三种配色主题,用户也可以采用吸色模式,系统将自动吸取静态壁纸的颜色进行匹配,并主动切换成相应的纯色图标。

整体体验下来,OriginOS Ocean 相比一年前的版本给我的感觉才更像是「完全版」了,此前体验过程中遇到的那些棱角,在这套符号化、杂志风设计语言的包装之下显得更加成熟,也更加完整。唯一的问题在于,字体风格过于多变但缺少明确的选用标准(至少目前尚未看到 vivo 的官方设计文档),容易给用户带来一时的新鲜感,也容易出现突兀甚至是有些矛盾的地方。

和配色一样,如何将字体与符号进一步融入到 OriginOS 的设计语言当中并形成体系与规范,依然是值得 vivo 继续探索的方向之一。

溢出主屏的「原力」,带来更多可能性

在 OriginOS 1.0 的体验中,我们提到过三个比较重要的概念:华容网格、原子组件以及变形器。这三个概念堪称 OriginOS 得以与其它定制系统区分开来的特质,但也无一例外成为了此前 OriginOS 的「天花板」——它们从未跳出过主屏之外。

令人欣慰的是,这三个概念所搭建起来的 OriginOS 框架,在这次的 OriginOS Ocean 中得到了进一步完善。一言蔽之,以往我们所熟悉的华容网格、原子体系等等概念,现在终于摆脱了主屏这一框架的束缚,进一步扩展到了通知、锁屏等更多系统界面当中。

以锁屏为例,在过去几年的时间中,我们所体验过的锁屏可以说是大同小异,时间、通知,左下方和右下方各一个快捷功能入口,Android、iOS 均是如此。OriginOS Ocean 借原子组件的理念,在锁屏设计上来了一次「零层级」交互创新,将锁屏底部按照一分为五,然后把原子随身听、应用快速入口、系统关键信息等区域与解锁操作像积木般堆在了一起。

视觉效果依然没有跳出上面提到的杂志与海报风格,操作范围则考虑到了大屏设备当道的现状、都集中在屏幕下方区域。

原子锁屏

在这些操作区域中,喜欢在手机上听歌的朋友应该会喜欢占据近 30% 面积的原子随身听模块。除了 vivo 的 i 音乐应用,原子随身听同时兼容了 QQ 音乐、网易云音乐、喜马拉雅等主流媒体播放 App,并且可以根据实际使用对象在锁屏页面中集成快速切换、切歌甚至是看歌词等功能,将原本需要进入 App 内才能进行的操作,简化到了只需在锁屏就能完成,也打破了原子组件最初仅限桌面使用的限制。

不过个人认为它在锁屏的呈现效果还可以与锁屏界面融入得更好、更无缝一点,目前带有阴影的弹出式卡片设计看上去难免有些突兀。

除了音乐,个性化定制的理念在这套锁屏设计中依然得到了足够的强调。应用快速入口允许用户根据自己的实际需求进行单独设定,比如想要随时随地和责编们展开友好交流的朋友可以将即时通信应用放在左下角,有即时记账需求的朋友则可以将记账应用放在右上角……

快捷启动可提供最多两个长按直达目标

在解锁方块中,OriginOS Ocean 还为指纹识别区域预留了两个快捷通道,我们可以在「设置 > 桌面、锁屏与壁纸 > 锁屏设置 > Origin 锁屏自定义 > 锁屏指纹图标 > 快捷启动」进行设置,可以在指纹识别区域添加微信扫一扫、微信付款码、微信乘车码、支付宝扫一扫、支付宝付款码、支付宝乘车码和防疫健康码,都是当前大家在日常生活中需要高频用到的功能。

值得一提的是,OriginOS Ocean 在这里还有一处巧思——它将最近两年在定制系统中非常流行的小窗交互融合了进来,长按快捷启动图标后对应界面会以符合 OriginOS Ocean 整体视觉风格的弹窗样式呈现,省了一步应用跳转的操作,可谓巧妙。

可以说是非常巧妙的实现方式了

在 OriginOS 1.0 中,原子组件是最能直接体现「零层级」理念的概念,用户在交互性极强的小组件中可以完成很多操作,比如通过简单的滑动和点击完成小时级和周级的气象信息查阅、通过 Jovi 原子组件完成事件和提醒的添加与管理、通过由相机图标在华容网格内扩展而来的「镜头包」快速调用相机功能……

而在 OriginOS Ocean 中,原子组件的类别增加了,样式也丰富了不少。这当中最值得关注的是一些非官方 App 的支持,如支付宝、微博等,均提供了原子组件适配。

更重要的是,个人最喜欢的、可以根据系统和用户上下文提供动态信息的原子通知,在 OriginOS Ocean 中也拥有了更多呈现形态

可提供各种便利信息的原子通知

一方面,它的通知内容在原有的快递信息、出行航班信息、酒店信息、提醒事项的基础上,增加了打车信息、天气状况和更多生活提醒;另一方面,原本只存在于桌面组件的原子通知,现在还可以将关键信息突出呈现在通知中心顶部、或直接在状态栏中显示下载进度和短信验证码,效果类似于大家在其它系统中见到的关键权限调用提醒,直观又醒目。

最后,对更喜欢张扬个性、表达自我的年轻用户而言,千篇一律、秩序感这些关键词或许从来都不会是正确答案,很多朋友喜欢 Android 也正是因为其高度的定制性。OriginOS Ocean 的变形器依然为这部分用户提供了通道:图标大小支持三级调节,图标风格支持在精美与简约间自由转换,既可以和 Android 12 原生系统一样从壁纸中取色,也可以切换三种不同的系统主题……

当然,个性化定制方面 OriginOS Ocean 最令我个人感到惊喜的地方在于,vivo 今年依然拿出了高质量、高水准的动态壁纸。

和去年那套花园漫步系列类似,新增的明日之城、光之遇见系列依然需要我们用现实生活中的运动步数来进行「养成」,前者能够做到百步一景,让我们一步步解锁云雾之下的重庆风貌,后者则与《光遇》深度合作,将游戏中的绝美景色直接搬到桌面和锁屏,同时还支持角色换装和局域网伙伴同行,俨然一个精简版的《光遇》游戏了。

完成步数目标时的壁纸效果

聊系统体验,离不开的原生应用与生态

我一直认为,系统体验变好的起点不是大家为一次「换皮」而欢呼,而是当厂商能开始打磨原生应用的时候。而除了设计革新和交互功能上的优化,OriginOS Ocean 中的原生应用也为我带来了一些惊喜。

「原子阅读」是 OriginOS Ocean 中新加入的原生应用,也是一款订阅类信息流应用。从设计角度上来说,原子阅读很好地贯彻了 OriginOS Ocean 的设计风格,并且根据应用属性加入了更多、更大胆的图文排版设计,聚合了社会、财经、科技、娱乐、生活等多个领域信息的同时,页面布局也会根据浏览内容的不同发生变化。

在这当中,原子阅读的标注功能做得相当有意思,它的交互方式非常直观,使用时只需将标注图标拖动到想要标注的内容区域即可。

原子阅读还可以和原子笔记联动实现快速记录,很好地嫁接起了原生 App 之间的阅读笔记工作流。另外,「原子笔记」还可以作为 GTD 工具或是文档中心,因为提供了众多文本编辑工具和设计模板,段落分割、引用气泡,原子笔记的呈现效果与 OriginOS Ocean 也非常搭调。

除了原子阅读和原子笔记,vivo 将其他的很多原生 App 都进行了优化和重设计,例如健康中心、日历、时钟,任选其一都可以说是真正「小而美」的 App,它们既能在系统整体的设计框架下提供层次分明的数据呈现(比如通过精美的桌面原子组件展示关键信息),又能在各自服务的领域中提供必要的功能支撑。最重要的是所有工具类应用均没有广告和营销内容的干扰,这一点可以说是难能可贵。

既然提到了健康中心,这次 vivo 在健康领域的「跨界联动」也很实在。与欧姆龙的合作允许我们直接通过健康中心绑定欧姆龙的血压设备,然后通过手机追踪血压数据,无论是进行自我健康监测还是家庭长辈而言都非常实用。

支持的欧姆龙血压计设备

与之类似的,如果家里的小孩佩戴有「小天才」手表,OriginOS Ocean 现在也能直接通过桌面组件查看孩子的定位和安全状况;如果孩子有手机,家长还可以通过成长守护功能来进行绑定,绑定后能进一步查看孩⼦的手机使用状态,除了常见的设备使用情况外,成长守护功能甚至能对不良手机使用习惯(如暗光玩手机)进行及时纠正。

小天才与成长守护小组件

小结

如果说 OriginOS 是 vivo 对 Android 系统定制化的重新思考,那 OriginOS Ocean 则是 vivo 交给用户的一份更加完整的答卷。在这份答卷中,新功能与原生应用在统一的设计语言指导下变得更有整体感,定制系统的创新方向也多了一条灵动活泼、不那么公式化的答案。

不过作为 Android 用户我们更加感到高兴的应该是,当 OriginOS Ocean 将一个概念由「创意」变成实用性更强的功能甚至基础框架,甚至连那个你或许不会经常用到的系统应用都堆满了各种设计与交互上的细节……我们知道,国内定制系统在美学和功能上的思考仍未止步。

愿这阵新风继续吹拂。

> 下载 少数派 2.0 客户端、关注 少数派公众号,解锁全新阅读体验 📰

> 实用、好用的 正版软件,少数派为你呈现 🚀