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

【河南汽车在线】零跑认为，中控屏不该突兀于座舱之中，为此，全新的Leapmotor OS UI界面确立并实现了两个目标：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

商家信息

展厅 郑州零跑二七万达店 

商家地址：河南省郑州市二七区航海中路与大学南路交汇口西南角万达广场(二七店)F1