助力打造出色的 HMI 设计系统

智己汽车是由上汽集团、张江高科和阿里巴巴集团共同打造的全新用户型汽车科创公司，成立于 2020 年。作为智能时代出行变革的实现者，智己汽车致力于探求以更领先的智能驾驶解决方案，创造更美好的未来出行方式。

（图：智己汽车）

对智己汽车设计团队来说，最重要的任务就是通过优质的车载人机交互（HMI）设计为人与车之间的交互带来良好的体验。智己汽车座舱软件设计总监关超雄曾表示，“优质的 HMI 设计是众多消费者选择智己的原因之一。而 HMI 设计的快速迭代离不开先进的设计工具，MasterGo 的高效协同、智能交付等特质为我们实现 HMI 设计的敏捷开发提供了关键支持。智己汽车也将在与 MasterGo 深度共创的过程中，不断为用户带来更多智能驾驶的全新体验。”

协同顺畅，提效 30% 以上

MasterGo 响应速度快、预设素材多、社区资源丰富，很快就在智己设计部门传播开来，交互和产品成为使用率最高的两个团队。据智己汽车设计师周平轩介绍，公司非常认可 MasterGo 所带来的高效协同工作模式，让产设研上下游的沟通衔接变得顺畅，整体设计开发效率提升了 30%-40%。

HMI 设计复杂，要采用多感官交互模式，利用视觉、听觉、触觉等方式进行信息传递和反馈，要适应不同的运用场景和环境，所以设计文件模块多、版本多。过去设计师要先将设计稿导出，再交给研发进行评审，再根据他们反馈的意见反复截屏进行对照修改，改完之后又要重新传输，仅仅导出、上传、下载文件的时间都要按天计算。

（图：智己汽车）

如今一个 MasterGo 的链接就可以解决上述问题，项目成员在同一个链接里操作，对内协同、对外分享都变得格外简单。设计文件有改动时，大家随时随地看到的都是最新稿，不会出现文件版本不同的情况，电脑、手机都能实时查看，开通权限即可复用样式。评审时，如果对设计稿有任何建议，都可以通过评论功能在对应的位置标记评论，设计师针对性修改调整，不必等待传统设计工具的文件传输和编辑过程。

“MasterGo 最有价值的一点在于，它不再需要我们一群人一起去找某个设计元素，而是可以直接从资源库中找到自己需要的。”例如找一个模块组件，在过去需要先找到与这个模块相关联的另一个模块，并找到对应的负责人，再由负责人去自己的模块库中寻找，如此往复。

（图：智己汽车设计师使用 MasterGo）

除了大大提高了团队的协作效率，周平轩还提到了 MasterGo 在系统管理设计资产方面的优势，“MasterGo 工作台中的文档展现也可以设置的有规律性，每一个文件都有据可循，我们能看到它从 0 到 1，从出生到成长的整个过程，能够直接追溯其源头，也提升了整个团队资产管理的统一性。”

打造出色的 HMI 设计系统，提升产品交互体验

智己汽车负责控件库搭建的设计师肖睿认为，AIGC 技术虽然能够快速生成各种设计素材，但并不适用于 HMI 设计的场景。他解释说，AIGC 技术更适用于 C 端有大量营销需求的用户，他们往往需要做很多 banner 或其他短平快的宣传素材，而不需要太多的精细化和个性化。

“车机模型需要非常高精准的设计，我们有专门的造型部门，会根据不同的车型渲染不同的内部装饰图，对于光线、质感等细节要求严苛，我们需要智能，但是更聚焦精准，在这点上，MasterGo 很好地满足了我们的需求。”肖睿说。

（图：智己汽车设计师讨论 MasterGo 设计稿）

肖睿还表示，MasterGo 支持控件选择也给他们带来了很大的便利。他说，应用团队的同事在调用控件时，就非常青睐 MasterGo 的控件选择。不仅方便调起控件，更拥有多样化的选项，标记好属性，就可以根据不同参数选择自己需要的样式，这样可以大大提高设计效率和一致性。

“对于 HMI 设计而言，需要更多从系统层面而不是单个应用层面来考虑事情，因此更强调统一性和一致性。在 MasterGo 统一组件库和设计规范都是实现标准化管理的基础。”肖睿说。他认为，在标准化管理的基础上，协同提效带给设计师的，其实是更自由的创作空间，“这样可以让我们有更多的时间和精力专注于创新和优化 HMI 设计，为我们的用户带来更加优质的交互体验。”

“内”忧“外”患，本地化迁移顺势而为

互联网产品设计师们对国外协同设计软件并不陌生，在断供事件爆发后，智己汽车的设计师们更加关注设计软件的安全保障，开始在国产软件中寻找最优解。

肖睿在谈及本地设计软件时，感慨会极大拖慢设计师的效率。比如，当发送者和接收者的文档版本不同时，更新素材库会使得一些控件的链接自动断开；如果用不同软件版本打开同一个文件，布局就会错位，只能打散元素重新拼装；文件版本更新不同步，文件传输过程会无故中断，过了时限便无法下载；发布新文件必须先导出，导入本地，再手动下载更新，过程繁复费时。

（图：智己汽车设计师电脑桌面）

在综合对比了市面上的协同设计软件后，肖睿果断将 MasterGo 引入智己设计团队，“Sketch 转 MasterGo 的文件还原度最高，我们团队整体迁移成本都非常低。”在进行私有化部署后，MasterGo 团队的高效和专业性更是让肖睿坚定了自己的选择。“有一次我们提出了两个需求，一是希望能够复制后原样粘贴，二是希望分享出去的文件可以形成 HTM、PNG、PDF 等格式，MasterGo 团队反应迅速，给予了我们很多积极反馈，无论产品经理还是前端开发，态度真诚、能力专业，在最短的时间内就帮我们解决了非常棘手的问题。”

（图：智己汽车设计师使用 MasterGo）

MasterGo 作为一款实现“协同提效”的在线产品设计工具，日趋优良的产品性能和细节，恰恰契合了智己汽车的品牌内涵，藏繁于简，化零为一，既统一全局又不失细节打磨，操作便捷又变化无穷。在被问到对 MasterGo 的期待时，智己汽车 UED 团队认为，“线上协同势必成为未来主流趋势，学习和适应线上协作工具是每位设计师必需掌握的技能。MasterGo 是工具，是平台，更是机遇。MasterGo 推开了中国协同时代的大门，也在逐渐改变中国设计师的工作方式！”

Powered by Froala Editor