我们如何为零跑C10打造了百万级UI设计

零跑汽车
04-03

自从零跑C10上市后,全新一代Leapmotor OS车机操作界面收获了用户的一致好评,关于Leapmotor OS,我们采访了Leapmotor OS UI的研发团队,为您带来Leapmotor OS上那些你发现和没发现的精彩:

要好用,也要美!

在今天大部分智能车上,“卡片式”UI设计已经成为主流——车机主界面为尽可能呈现功能,而进行了卡片式分割,不可否认,这样的UI界面让用户可以从主界面看到更多信息,操作更多功能。

但问题是,在智能汽车上,中控屏是整套内饰的视觉中心更是设计重心,卡片式UI界面往往只考虑屏幕本身的UI美观与交互,而放弃了屏幕与内饰的协调统一,结果就是屏幕越来越大,屏幕与内饰的割裂感就越强。

零跑认为,中控屏不该突兀于座舱之中,为此,全新的Leapmotor OS UI界面确立并实现了两个目标:

1、保留桌面壁纸,车机主界面整体风格和内饰的自然美学设计结合

2、在实现“卡片式”UI便捷性的同时,让主界面风格跟内饰统一起来,让中控屏成为内饰美学设计的一部分。

我们看看Leapmotor OS是如何做到的:

简单点,让用户的操作简单点

零跑UI设计团队充分调研了车机系统的人机交互习惯,在Leapmotor OS通过以下规划,让用户操作更加便捷:

顶栏+底栏:随时要用的功能抬手搞定

为方便用户调动主要的控车功能,Leapmotor OS在UI设计中,最大程度发挥顶栏和底栏作用,来配置车辆控制中权重最高的功能,这些功能始终保留在车机系统的顶栏底栏靠近驾驶员一侧:

顶栏:锁车、蓝牙、故障报警、消息未读提示、无线充电、系统升级…… 

底栏:主界面、应用中心、设置、导航、音乐、360环视:

空调、座椅调节等舒适性功能布置于底栏中间和右侧,方便主驾和副驾乘客共同操作。同样的,驾驶中需要随时使用的功能始终保持在桌面底栏中,这些功能包括:空调开关、前挡风玻璃一键除雾、内/外循环切换、前风窗除霜、后风窗除霜……

大部分用户,只需初步接触,就能立刻上手操作,且顶栏底栏功能始终保持在页面上,无需翻找和伸手够取,驾驶中也能触手可及,避免了过去车机UI设计中,虚拟按键“埋藏过深”,使用时需要寻找的问题。

负一屏:囊括大部分车控功能

Leapmotor OS将大部分车控或常用APP放入了“负一屏”界面中,用户无需进入二级页面就可以进行控制车辆的大部分功能,或者打开常用APP。

“负一屏”可以从屏幕上缘划出,灯光、车窗、车门、充电枪等常用车控功能都可以在“负一屏”中进行控制,同时,场景模式及“零动空间”的自定义模式也可以放入这块“负一屏”。

桌面快捷入口:娱乐、导航等信息一目了然

Leapmotor OS在桌面上,使用了快捷入口的模式,在保留了桌面壁纸的同时,兼顾一些主要信息在桌面的展示。包括导航零听车辆状态,及其他应用(自动泊车*、360 环视、电话、行车记录仪、途记*、乐橙、用车攻略、壁纸、情景模式及天气等应用)。

UI之美,随处可见

壁纸选择的心思

在Leapmotor OS的壁纸选择上,零跑研发团队也花了很多心思,首先,立足家庭用车的主要诉求,并兼顾内饰自然美学设计的风格,壁纸选择范围集中在生活和自然之中。在选定前,研发团队组织了20-40岁年龄阶段、涵盖不同性别不同职业类型,百人规模的评测组,进行投票选择,最终选定了评分最高的,14张静态+6张动态壁纸。

……

所有桌面壁纸在构图上均采用了上下分割式构图,这样整个构图能更好搭配C10以平行线为主视觉元素的仪表台,另外这些壁纸也都经过了专门的渲染,使其整体风格与UI设计和内饰风格更加匹配。

硬件赋能,让美学大放异彩

零跑C系列车型搭载均搭载了高通旗下的高端车机芯片,尤其是高通骁龙 8295旗舰级车机芯片,基于芯片 GPU 性能优势,Leapmotor OS的UI在美学上得以挣脱禁锢,恣意挥洒精彩。

Leapmotor OS的车机操控均采用高清化定制车辆模型展示,车辆模型数字建模全面还原实车状态,甚至车轮上的花纹都进行了一比一的还原,让车控界面更加精致。

Leapmotor OS上,操作数字模型上的车窗、后备箱动作,不仅3D画面流畅,实车动作也会和车机动画同步完成。

在车控界面上,设计团队“玩”了个一镜到底的效果,随着右侧功能按键的切换,及车辆状态的变化,左侧的车辆模型行云流水的切换场景,变换形态和动/静,中间没有任何卡滞。

过去,受制于车机性能,移动设备上常见的毛玻璃特效因为“吃”算力的问题,一直没能运用于车机之上。这一次,Leapmotor OS将毛玻璃特效引入了车机,不仅带来了出众的视觉表现,也帮助各个界面间拉开了信息层级,提升了页面品质感和视觉统一性。

朦胧美的毛玻璃效果是UI中的一项重要设计

Leapmotor OS对于车机细节也进行了大量优化,比如,Leapmotor OS让图标活了起来,相比固定的图标,动态图标不仅让UI界面更具有活力,同时,图标动一下更能让初次使用者快速明白对应按键的功能。

零跑C10中控屏采用的是一块来自京东方的2.5K中控高清大屏,采用 Oxide 技术,具有低功耗、 PPI更高、黑边更窄、不容易反光、车机清晰度更高。出色的显示效果也为UI美学增光添彩。

写在最后

我们认为,不管什么价位的车,都可以打磨出更好看、更实用的界面,一台车,除了自身硬件之外,软件上便捷和美学设计也是品质的一部分,零跑C10上市后,全新的UI界面获得用户一致的认可,界面更好看,人机交互更便捷,这就是对我们最大的肯定。

“不得不说8295芯片的能力还是厉害的,车机很流畅,没有卡顿感,反应速度很快。C10的UI设计个人觉得很有科技感,简约而不简单,这也是最吸引我的一点。”

——零跑C10增程车主@鹿鸣

“我的C10是智享版,搭载8295的芯片,反应速度很快,菜单逻辑也很合理,UI界面也很漂亮。”

——零跑C10车主@小W

“零跑C10搭载了一块2.5k分辨率14.6英寸的中控大屏。整体操作非常顺滑,无论哪个功能界面,滑动、点击的响应都非常迅速。在我使用期间没有遇到任何卡顿,不得不说这相当加分。”

——零跑车主@重庆森零会V美的豆浆机

“零跑C10的智能座舱流畅度真的太好了,UI设计简直吊打同价位所有对手。”

——零跑车主@TA叫小杨

免责声明:上述内容仅代表发帖人个人观点,不构成本平台的任何投资建议。

精彩评论

我们需要你的真知灼见来填补这片空白
发表看法