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

发布时间：2024-06-27 丨 浏览次数：

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

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

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

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

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

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

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

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

　　大部分用户，只需初步接触，就能立刻上手操作，且顶栏底栏功能始终保持在页面JN江南·体育下载上，无需翻找和伸手够取，驾驶中也能触手可及，避免了过去车机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美学增光添彩。

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

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

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

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

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