Copyright © 2024 Yvon. All rights reserved.

Copyright © 2024 Yvon. All rights reserved.

Copyright © 2024 Yvon. All rights reserved.

Copyright © 2024 Yvon. All rights reserved.

手车互联 · 座舱娱乐 · 设计规范 · 团队建设

手车互联 · 座舱娱乐 · 设计规范 · 团队建设

手车互联 · 座舱娱乐 · 设计规范 · 团队建设

手车互联 · 座舱娱乐 · 设计规范 · 团队建设

Flyme OS 手车互联&设计规范

Flyme OS 手车互联&设计规范

Flyme OS 手车互联&设计规范

Flyme OS 手车互联&设计规范

概览

在魅族就职期间,我为团队搭建高质量设计规范,还负责了手车互联—数字车钥匙、K歌娱乐等板块。除了日常业务,跨职能工作、保持写作与思考,沉淀业务的设计指南,为组内带来积极影响。

我的贡献

设计负责人

撰写公共规范

总结设计指南

组织设计分享

···

我的

设计

概览

在魅族就职期间,我为团队搭建高质量设计规范,还负责了手车互联—数字车钥匙、K歌娱乐等板块。除了日常业务,跨职能工作、保持写作与思考,沉淀业务的设计指南,为组内带来积极影响。

我的贡献

设计负责人、分析&设计调研、撰写公共规范、总结设计指南、组织设计分享···

我的

设计

概览

在魅族就职期间,我为团队搭建高质量设计规范,还负责了手车互联—数字车钥匙、K歌娱乐等板块。除了日常业务,跨职能工作、保持写作与思考,沉淀业务的设计指南,为组内带来积极影响。

我的贡献

设计负责人、分析&设计调研、发现&解决问题、撰写设计规范···

我的

设计

概览

在魅族就职期间,我为团队搭建高质量设计规范,还负责了手车互联—数字车钥匙、K歌娱乐等板块。除了日常业务,跨职能工作、保持写作与思考,沉淀业务的设计指南,为组内带来积极影响。

我的贡献

设计负责人、分析&设计调研、撰写公共规范、总结设计指南、组织设计分享···

我的

设计

目录

目录

目录

目录

背景

背景:随着手车互联兴起,魅族被吉利集团收购,魅族需要支持吉利后续车型的手车控制能力,以达到更好的系统级深度融合。

背景:随着手车互联兴起,魅族被吉利集团收购,魅族需要支持吉利后续车型的手车控制能力,以达到更好的系统级深度融合。

背景

随着手车互联兴起,魅族被吉利集团收购,魅族需要支持吉利后续车型的手车控制能力,以达到更好的系统级深度融合。

随着手车互联兴起,魅族被吉利集团收购,魅族需要支持吉利后续车型的手车控制能力,以达到更好的系统级深度融合。

影响

影响:Flyme Pay 数字车钥匙可兼顾多品牌多车型,此套 UWB 的设计方案,可复用支持 UWB 能力的多车型,不仅获得客户积极评价,而且推动集团完善“手车互联”的能力,加大研发投入。

影响:Flyme Pay 数字车钥匙可兼顾多品牌多车型,此套 UWB 的设计方案,可复用支持 UWB 能力的多车型,不仅获得客户积极评价,而且推动集团完善“手车互联”的能力,加大研发投入。

影响

Flyme Pay 数字车钥匙可兼顾多品牌多车型,此套 设计方案,可复用支持 UWB 能力的多车型,不仅获得客户积极评价,而且推动集团完善“手车互联”的能力,加大研发投入。

Flyme Pay 数字车钥匙可兼顾多品牌多车型,此套 设计方案,可复用支持 UWB 能力的多车型,不仅获得客户积极评价,而且推动集团完善“手车互联”的能力,加大研发投入。

团队

团队:1 位产品经理、1 位交互设计师(me)、2 位视觉设计师、3 位安卓工程师。

团队:1 位产品经理、1 位交互设计师(me)、2 位视觉设计师、3 位安卓工程师。

团队

1 位产品经理、1 位交互设计师(me)、2 位视觉设计师、3 位安卓工程师。

1 位产品经理、1 位交互设计师(me)、2 位视觉设计师、3 位安卓工程师。

时间

时间:2022-2024年,长线支持。

时间:2022-2024年,长线支持。

时间

2022-2024年,长线支持

2022-2024年,长线支持。

清晰又简短的添加流程

清晰又简短的添加流程

清晰又简短的添加流程

清晰又简短的添加流程

从引导页-连接过程-完成反馈,确保整体核心流程仅 3 步即可完成,配对前,我通过图文引导,直观的告知用户相关前置条件,配对时需要很长的时间,我通过动画、进度条和文字提供清晰的信息,让用户感觉一切尽在掌控。

从引导页-连接过程-完成反馈,确保整体核心流程仅 3 步即可完成,配对前,我通过图文引导,直观的告知用户相关前置条件,配对时需要很长的时间,我通过动画、进度条和文字提供清晰的信息,让用户感觉一切尽在掌控。

从引导页-连接过程-完成反馈,确保整体核心流程仅 3 步即可完成,配对前,我通过图文引导,直观的告知用户相关前置条件,配对时需要很长的时间,我通过动画、进度条和文字提供清晰的信息,让用户感觉一切尽在掌控。

从引导页-连接过程-完成反馈,确保整体核心流程仅 3 步即可完成,配对前,我通过图文引导,直观的告知用户相关前置条件,配对时需要很长的时间,我通过动画、进度条和文字提供清晰的信息,让用户感觉一切尽在掌控。

便捷的授权管理

便捷的授权管理

便捷的授权管理

便捷的授权管理

车主添加钥匙后,支持将钥匙分享给亲友,实现车辆的快捷授权亲友可根据分享的能力进行车辆解闭锁、车辆启动等,且分享环节不受手机品牌或系统的约束。

车主添加钥匙后,支持将钥匙分享给亲友,实现车辆的快捷授权亲友可根据分享的能力进行车辆解闭锁、车辆启动等,且分享环节不受手机品牌或系统的约束。

车主添加钥匙后,支持将钥匙分享给亲友,实现车辆的快捷授权亲友可根据分享的能力进行车辆解闭锁、车辆启动等,且分享环节不受手机品牌或系统的约束。

车主添加钥匙后,支持将钥匙分享给亲友,实现车辆的快捷授权亲友可根据分享的能力进行车辆解闭锁、车辆启动等,且分享环节不受手机品牌或系统的约束。

高效的钥匙管理

高效的钥匙管理

高效的钥匙管理

高效的钥匙管理

同时,车主在分享钥匙后,可在手机上的进行精细化的钥匙管理,包括钥匙的使用期限,使用功能范围等等。另外,在手机和车机端,同一个车主帐号下,都支持删除好友钥匙,钥匙管理,实时同步。

同时,车主在分享钥匙后,可在手机上的进行精细化的钥匙管理,包括钥匙的使用期限,使用功能范围等等。另外,在手机和车机端,同一个车主帐号下,都支持删除好友钥匙,钥匙管理,实时同步。

同时,车主在分享钥匙后,可在手机上的进行精细化的钥匙管理,包括钥匙的使用期限,使用功能范围等等。另外,在手机和车机端,同一个车主帐号下,都支持删除好友钥匙,钥匙管理,实时同步。

同时,车主在分享钥匙后,可在手机上的进行精细化的钥匙管理,包括钥匙的使用期限,使用功能范围等等。另外,在手机和车机端,同一个车主帐号下,都支持删除好友钥匙,钥匙管理,实时同步。

多场景的闭环体验

多场景的闭环体验

多场景的闭环体验

多场景的闭环体验

双击电源键、返回桌面、下拉控制中心,即用即走。为用户在紧急情况下迅速调整车辆功能供了快捷途径,增强了实时性,在急需解锁车辆等情况下尤为实用。


通过多场景入口,我的设计策略使车钥匙更贴近用户生活,提供更加便捷、灵活的使用体验。

双击电源键、返回桌面、下拉控制中心,即用即走。为用户在紧急情况下迅速调整车辆功能供了快捷途径,增强了实时性,在急需解锁车辆等情况下尤为实用。


通过多场景入口,我的设计策略使车钥匙更贴近用户生活,提供更加便捷、灵活的使用体验。

双击电源键、返回桌面、下拉控制中心,即用即走。为用户在紧急情况下迅速调整车辆功能供了快捷途径,增强了实时性,在急需解锁车辆等情况下尤为实用。通过多场景入口,我的设计策略使车钥匙更贴近用户生活,提供更加便捷、灵活的使用体验。

双击电源键、返回桌面、下拉控制中心,即用即走。为用户在紧急情况下迅速调整车辆功能供了快捷途径,增强了实时性,在急需解锁车辆等情况下尤为实用。

车位识别及高精寻车

车位识别及高精寻车

车位识别及高精寻车

车位识别

及高精寻车

准确识别车辆停放楼层及停放位置,无需手动记录,倒车过程中自动记录车位信息


同时,部件提供了稳定的查找车辆的入口,通过 UWB 高精度定位与海拔高度双重指引,结合车身摄像头实拍图,在没有信号的地下车库也能快速找车

准确识别车辆停放楼层及停放位置,无需手动记录,倒车过程中自动记录车位信息

同时,部件提供了稳定的查找车辆的入口,通过 UWB 高精度定位与海拔高度双重指引,结合车身摄像头实拍图,在没有信号的地下车库也能快速找车

准确识别车辆停放楼层及停放位置,无需手动记录,倒车过程中自动记录车位信息。同时,部件提供了稳定的查找车辆的入口,通过 UWB 高精度定位与海拔高度双重指引,结合车身摄像头实拍图,在没有信号的地下车库也能快速找车

准确识别车辆停放楼层及停放位置,无需手动记录,倒车过程中自动记录车位信息

清晰直观的使用反馈

清晰直观的使用反馈

清晰直观的使用反馈

清晰直观的使用反馈

设计完主要流程方案后,还补齐不同场景下的使用反馈,如驻车使用车辆控制,应提供轻量有效的状态反馈,所以采用 Toast 样式


为了行车安全,车辆行驶中,不让手机使用车辆控制,则需明确告知用户并确认的,此外,如车钥匙解绑等操作,需要二次确认的操作,均用模态对话框反馈更合适

设计完主要流程方案后,还补齐不同场景下的使用反馈,如驻车使用车辆控制,应提供轻量有效的状态反馈,所以采用 Toast 样式


为了行车安全,车辆行驶中,不让手机使用车辆控制,则需明确告知用户并确认的,此外,如车钥匙解绑等操作,需要二次确认的操作,均用模态对话框反馈更合适

设计完主要流程方案后,还补齐不同场景下的使用反馈,如驻车使用车辆控制,应提供轻量有效的状态反馈,所以采用 Toast 样式


为了行车安全,车辆行驶中,不让手机使用车辆控制,则需明确告知用户并确认的,此外,如车钥匙解绑等操作,需要二次确认的操作,均用模态对话框反馈更合适

设计完主要流程方案后,还补齐不同场景下的使用反馈,如驻车使用车辆控制,应提供轻量有效的状态反馈,所以采用 Toast 样式


为了行车安全,车辆行驶中,不让手机使用车辆控制,则需明确告知用户并确认的,此外,如车钥匙解绑等操作,需要二次确认的操作,均用模态对话框反馈更合适

桌面部件兼容多车型适配

桌面部件兼容多车型适配

桌面部件兼容多车型适配

桌面部件

兼容多车型适配

我为车钥匙小部件,设计了 4x2、4x4 两种尺寸。


不仅遵循部件的设计规范,在内容显示区,外显车辆信息和车辆控制,重点而简洁。


还提供“车辆查找”等入口,内容可根据

不同车型可进行调整,确保体验的一致性。

我为车钥匙小部件,设计了 4x2、4x4 两种尺寸。不仅遵循部件的设计规范,在内容显示区,外显车辆信息和车辆控制,重点而简洁。


还提供“车辆查找”等入口,内容可根据

不同车型可进行调整,确保体验的一致性。

我为车钥匙小部件,设计了 4x2、4x4 两种尺寸。不仅遵循部件的设计规范,在内容显示区,外显车辆信息和车辆控制,重点而简洁。还提供“车辆查找”等入口,内容可根据不同车型可进行调整,确保体验的一致性。

我为车钥匙小部件,设计了 4x2、4x4 两种尺寸。不仅遵循部件的设计规范,在内容显示区,外显车辆信息和车辆控制,

重点而简洁。


不同车型可进行调整,

确保体验的一致性。

设计产出-从 UX 交互到 UI 视觉

设计产出-从 UX 交互到 UI 视觉

设计产出-从 UX 交互到 UI 视觉

设计产出-从 UX 交互到 UI 视觉

数字车钥匙-宣传视频

数字车钥匙-宣传视频

数字车钥匙-宣传视频

数字车钥匙-宣传视频

背景

背景:当前全民K歌公版的功能十分基础,从交互体验、视觉风格上,不满足系统上车的条件,需要魅族团队重新介入,进行功能创新,实现与系统内其他功能更好的深度融合,完成 Flyme Auto 定制版上车。

背景:当前全民K歌公版的功能十分基础,从交互体验、视觉风格上,不满足系统上车的条件,需要魅族团队重新介入,进行功能创新,实现与系统内其他功能更好的深度融合,完成 Flyme Auto 定制版上车。

当前全民K歌(公版)的功能十分基础,从交互体验、视觉风格上,不满足系统上车的条件,需要魅族团队重新介入,进行功能创新,实现与系统内其他功能更好的深度融合,完成 Flyme Auto 定制版上车。

影响

影响:跟随 Flyme Auto 系统上车,保证了多款车型下,应用内交互体验一致性。备受用户好评,推动集团内生态产品对研发的投入,以及 K歌-业务伙伴的能力释放。

影响:跟随 Flyme Auto 系统上车,保证了多款车型下,应用内交互体验一致性。备受用户好评,推动集团内生态产品对研发的投入,以及 K歌-业务伙伴的能力释放。

跟随 Flyme Auto 系统上车,保证了多款车型下,应用内交互体验一致性。备受用户好评,推动集团内生态产品对研发的投入,以及 K歌-业务伙伴的能力释放。

团队

团队:1 位产品经理、1 位交互设计师(me)、1 位视觉设计师、2 位客户端工程师、1位前端工程师。

团队:1 位产品经理、1 位交互设计师(me)、1 位视觉设计师、2 位客户端工程师、1位前端工程师。

1 位产品经理、1 位交互设计师(me)、1 位视觉设计师、2 位客户端工程师、1位前端工程师。

时间

时间:2022-2023 年中,长线支持

时间:2022-2023 年末,长线支持。

2022-2023 年中,长线支持

背景:当前全民K歌公版的功能十分基础,从交互体验、视觉风格上,不满足系统上车的条件,需要魅族团队重新介入,进行功能创新,实现与系统内其他功能更好的深度融合,完成 Flyme Auto 定制版上车。

影响:跟随 Flyme Auto 系统上车,保证了多款车型下,应用内交互体验一致性。备受用户好评,推动集团内生态产品对研发的投入,以及 K歌-业务伙伴的能力释放。

团队:1 位产品经理、1 位交互设计师(me)、1 位视觉设计师、2 位客户端工程师、1位前端工程师。

时间:2022-2023 年中,长线支持。

保持系统一致的交互体验

保持系统一致的交互体验

保持系统一致的交互体验

保持系统一致的交互体验

我对整个K歌应用进行重新设计,包括但不限于首页、播放器、我的、搜索页等等。

如:我将导航栏归类、点歌列表、播放器入口等常用功能都归于左侧,用户更易操作,同时,更改交互手势,将左右滑查看内容改为上下滑,提升首页的屏效性。我通过调整布局框架,梳理信息归类,而且优化了整体的交互,让用户在使用中体验更好

我对整个K歌应用进行重新设计,包括但不限于首页、播放器、我的、搜索页等等。

如:我将导航栏归类、点歌列表、播放器入口等常用功能都归于左侧,用户更易操作,同时,更改交互手势,将左右滑查看内容改为上下滑,提升首页的屏效性。我通过调整布局框架,梳理信息归类,而且优化了整体的交互,让用户在使用中体验更好

我对整个K歌应用进行重新设计,包括但不限于首页、播放器、我的、搜索页等等。

如:我将导航栏归类、点歌列表、播放器入口等常用功能都归于左侧,用户更易操作,同时,更改交互手势,将左右滑查看内容改为上下滑,提升首页的屏效性。我通过调整布局框架,梳理信息归类,而且优化了整体的交互,让用户在使用中体验更好

我对整个K歌应用进行重新设计,包括但不限于首页、播放器、我的、搜索页等等。

如:我将导航栏归类、点歌列表、播放器入口等常用功能都归于左侧,用户更易操作,同时,更改交互手势,将左右滑查看内容改为上下滑,提升首页的屏效性。我通过调整布局框架,梳理信息归类,而且优化了整体的交互,让用户在使用中体验更好

手机扫码点歌,双端操作同步

手机扫码点歌

双端操作同步

手机扫码点歌,双端操作同步

手机扫码点歌

双端操作同步

我为乘客提供更便捷的点歌方式,只需手机扫码即可点歌,在多用户K歌场景下,减少了其余歌唱者的等待时间和操作成本


我还考虑了多平台兼容、安全性等问题,确保不同手机系统都能正常使用

我为乘客提供更便捷的点歌方式,只需手机扫码即可点歌,在多用户K歌场景下,减少了其余歌唱者的等待时间和操作成本


我还考虑了多平台兼容、安全性等问题,确保不同手机系统都能正常使用

我为乘客提供更便捷的点歌方式,只需手机扫码即可点歌,在多用户K歌场景下,减少了其余歌唱者的等待时间和操作成本


我还考虑了多平台兼容、安全性等问题,确保不同手机系统都能正常使用

我为乘客提供更便捷的点歌方式,只需手机扫码即可点歌,在多用户K歌场景下,减少了其余歌唱者的等待时间和操作成本


我还考虑了多平台兼容、安全性等问题,确保不同手机系统都能正常使用

已点列表

已点列表

扫码点歌-首页

异常 CASE

增强K歌时的互动

增强K歌时的互动

增强K歌时的互动

增强K歌时的互动

在播放器界面,我设计了“气氛”的入口,方便在 K 歌过程中,副驾能快速点击对应的特效,以此鼓励歌唱者的自信心。不仅增加趣味性,还让歌唱者和乘客之间建立了更紧密的联系

在播放器界面,我设计了“气氛”的入口,方便在 K 歌过程中,副驾能快速点击对应的特效,以此鼓励歌唱者的自信心。不仅增加趣味性,还让歌唱者和乘客之间建立了更紧密的联系

在播放器界面,我设计了“气氛”的入口,方便在 K 歌过程中,副驾能快速点击对应的特效,以此鼓励歌唱者的自信心。不仅增加趣味性,还让歌唱者和乘客之间建立了更紧密的联系

在播放器界面,我设计了“气氛”的入口,方便在 K 歌过程中,副驾能快速点击对应的特效,以此鼓励歌唱者的自信心。不仅增加趣味性,还让歌唱者和乘客之间建立了更紧密的联系

及时且友好的反馈

及时且友好的反馈

及时且友好的反馈

唱歌前-点歌:在非会员用户点唱了 VIP 歌曲时,给予及时反馈+推荐此歌手免费歌曲,减少点歌阻断感。

唱歌中-实时反馈:提供可视化的打分进度+不同的音色匹配器,增强实时反馈及唱歌者在歌唱过程中的信心。

唱歌结束-评分:唱完后给予评分等级和正向鼓励语,清晰的下一首入口引导唱歌。

唱歌前-点歌:在非会员用户点唱了 VIP 歌曲时,给予及时反馈+推荐此歌手免费歌曲,减少点歌阻断感。

唱歌中-实时反馈:提供可视化的打分进度+不同的音色匹配器,增强实时反馈及唱歌者在歌唱过程中的信心。

唱歌结束-评分:唱完后给予评分等级和正向鼓励语,清晰的下一首入口引导唱歌。

唱歌前-点歌:在非会员用户点唱了 VIP 歌曲时,给予及时反馈+推荐此歌手免费歌曲,减少点歌阻断感。

唱歌中-实时反馈:提供可视化的打分进度+不同的音色匹配器,增强实时反馈及唱歌者在歌唱过程中的信心。

唱歌结束-评分:唱完后给予评分等级和正向鼓励语,清晰的下一首入口引导唱歌。

唱歌前-良好的引导

唱歌前-良好的引导

唱歌前-良好的引导

唱歌中-实时反馈

唱歌中-实时反馈

唱歌中-实时反馈

唱歌结果-正向激励文言

唱歌结果-正向激励文言

唱歌结果-正向激励文言

全局可见即可说,为提升效率而设计

全局可见即可说,为提升效率而设计

全局可见即可说,为提升效率而设计

全局可见即可说,为提升效率而设计

应用包含较长的歌名、中英混合等情况,语音指令不好读出,导致语音指令效率降低,为了提高语音指令的效率,在语音唤醒状态下,对主页、二级页列表内容进行序号标号,支持说「第n个」进行快速选择。

应用包含较长的歌名、中英混合等情况,语音指令不好读出,导致语音指令效率降低,为了提高语音指令的效率,在语音唤醒状态下,对主页、二级页列表内容进行序号标号,支持说「第n个」进行快速选择。

应用包含较长的歌名、中英混合等情况,语音指令不好读出,导致语音指令效率降低,为了提高语音指令的效率,在语音唤醒状态下,对主页、二级页列表内容进行序号标号,支持说「第n个」进行快速选择。

应用包含较长的歌名、中英混合等情况,语音指令不好读出,导致语音指令效率降低,为了提高语音指令的效率,在语音唤醒状态下,对主页、二级页列表内容进行序号标号,支持说「第n个」进行快速选择。

及时且友好的反馈

唱歌前-点歌:在非会员用户点唱了 VIP 歌曲时,给予及时反馈+推荐此歌手的免费的歌曲,减少点歌时的不顺畅性和挫败感。

唱歌中-实时反馈:提供可视化的打分进度+不同的音色匹配器,增强实时反馈及唱歌者在歌唱过程中的信心。

唱歌结束-评分:唱完后给予评分等级和正向鼓励语,清晰的下一首入口引导唱歌。

唱歌中-实时反馈

唱歌结果-正向激励文言

唱歌前-良好的引导

设计产出-从 UX 交互到 UI 视觉

设计产出-从 UX 交互到 UI 视觉

设计产出-从 UX 交互到 UI 视觉

设计产出-从 UX 交互到 UI 视觉

背景

背景:Flyme Auto 车机团队前期搭建时,组内并无成熟的公共设计规范,各个设计师出稿的细节会有所出入,急需制定一套合理的交互规范。

背景:Flyme Auto 车机团队前期搭建时,组内并无成熟的公共设计规范,各个设计师出稿的细节会有所出入,急需制定一套合理的交互规范。

Flyme Auto 车机团队前期搭建时,组内并无成熟的公共设计规范,各个设计师出稿的细节会有所出入,急需制定一套合理的交互规范。

影响

影响:搭建并完善了团队内公共交互设计规范,提高设计效率,降低学习成本,提升了团队协作效率,减少了设计师在工作中的决策,大大推进了前期的工作流程。

影响:搭建并完善了团队内公共交互设计规范,提高设计效率,降低学习成本,提升了团队协作效率,减少了设计师在工作中的决策,大大推进了前期的工作流程。

搭建并完善了团队内公共交互设计规范,提高设计效率,降低学习成本,提升了团队协作效率,减少了设计师在工作中的决策,大大推进了前期的工作流程。

团队

团队:4 位交互设计师,3 位视觉设计师,4 位 SDK 工程师,我负责前期调研和搭建公共-交互设计规范。

团队:4 位交互设计师,3 位视觉设计师,4 位 SDK 工程师,我负责前期调研和搭建公共-交互设计规范。

4 位交互设计师,3 位视觉设计师,4 位 SDK 工程师,我负责前期调研和搭建公共-交互设计规范。

时间

时间:2022年8月-12月

时间:2022年8月-12月。

2022年8月-12月

背景:Flyme Auto 车机团队前期搭建时,组内并无成熟的公共设计规范,各个设计师出稿的细节会有所出入,急需制定一套合理的交互规范。

影响:搭建并完善了团队内公共交互设计规范,提高设计效率,降低学习成本,提升了团队协作效率,减少了设计师在工作中的决策,大大推进了前期的工作流程。

团队:4 位交互设计师,3 位视觉设计师,4 位 SDK 工程师,我负责前期调研和搭建公共-交互设计规范。

时间:2022年8月-12月

前期调研

前期调研

前期调研

前期调研

项目前期,我们对第一梯队的车机进行实车调研,并阅读和观看在线资源,以了解Harmony OS、Xmart OS、NIO OS等成熟系统的设计规范。

项目前期,我们对第一梯队的车机进行实车调研,并阅读和观看在线资源,以了解Harmony OS、Xmart OS、NIO OS等成熟系统的设计规范。

项目前期,我们对第一梯队的车机进行实车调研,并阅读和观看在线资源,以了解Harmony OS、Xmart OS、NIO OS等成熟系统的设计规范。

项目前期,我们对第一梯队的车机进行实车调研,并阅读和观看在线资源,以了解Harmony OS、Xmart OS、NIO OS等成熟系统的设计规范。

建立设计规范,确保输出的一致性

建立设计规范,确保输出的一致性

建立设计规范,确保输出的一致性

建立设计规范,确保输出的一致性

我们结合手机侧 Flyme OS 系统的情况,我们搭建基础了 Flyme Auto UX 组件库,便于交互设计师在前期,开展业务工作,确保内容输出的一致性,提升出稿效率。

我们结合手机侧 Flyme OS 系统的情况,我们搭建基础了 Flyme Auto UX 组件库,便于交互设计师在前期,开展业务工作,确保内容输出的一致性,提升出稿效率。

我们结合手机侧 Flyme OS 系统的情况,我们搭建基础了 Flyme Auto UX 组件库,便于交互设计师在前期,开展业务工作,确保内容输出的一致性,提升出稿效率。

我们结合手机侧 Flyme OS 系统的情况,我们搭建基础了 Flyme Auto UX 组件库,便于交互设计师在前期,开展业务工作,确保内容输出的一致性,提升出稿效率。

▲ Flyme Auto UX Kit

▲ Flyme Auto UX Kit

后续,我们和视觉同学对接,参照实际业务和交互公共规范,共同搭建了Flyme Auto Design system ,并与组内研发对接,进行开发使用。

后续,我们和视觉同学对接,参照实际业务和交互公共规范,共同搭建了Flyme Auto Design system ,并与组内研发对接,进行开发使用。

后续,我们和视觉同学对接,参照实际业务和交互公共规范,共同搭建了Flyme Auto Design system ,并与组内研发对接,进行开发使用。

后续,我们和视觉同学对接,参照实际业务和交互公共规范,共同搭建了Flyme Auto Design system ,并与组内研发对接,进行开发使用。

完善归档,减少开发与设计之间的认知鸿沟

完善归档,减少开发与设计之间的认知鸿沟

完善归档,减少开发与设计之间的认知鸿沟

完善归档,减少开发与设计之间的认知鸿沟

最后,我们完善设计规范并归为内部文档,一些基本的交互原则是:安全至上、语音先行、简洁高效...

我们结合实际情况进行配图示意和撰写定义,大到基础的交互原则,细则到控件使用、文案规范书写,设计师都可以在此文档查询。大幅提升了设计一致性。

最后,我们完善设计规范并归为内部文档,一些基本的交互原则是:安全至上、语音先行、简洁高效...

我们结合实际情况进行配图示意和撰写定义,大到基础的交互原则,细则到控件使用、文案规范书写,设计师都可以在此文档查询。大幅提升了设计一致性。

最后,我们完善设计规范并归为内部文档,一些基本的交互原则是:安全至上、语音先行、简洁高效...

我们结合实际情况进行配图示意和撰写定义,大到基础的交互原则,细则到控件使用、文案规范书写,设计师都可以在此文档查询。大幅提升了设计一致性。

最后,我们完善设计规范并归为内部文档,一些基本的交互原则是:安全至上、语音先行、简洁高效...

我们结合实际情况进行配图示意和撰写定义,大到基础的交互原则,细则到控件使用、文案规范书写,设计师都可以在此文档查询。大幅提升了设计一致性。

在实际工作流程中,我们将设计组件库向开发输出,让团队成员对其的认知更趋于一致。项目过程中,研发同学制作了公共控件Demo,与整体项目开发同步,且便于设计师涉及到的公共规范和控件的业务,高效走查。

在实际工作流程中,我们将设计组件库向开发输出,让团队成员对其的认知更趋于一致。项目过程中,研发同学制作了公共控件Demo,与整体项目开发同步,且便于设计师涉及到的公共规范和控件的业务,高效走查。

在实际工作流程中,我们将设计组件库向开发输出,让团队成员对其的认知更趋于一致。项目过程中,研发同学制作了公共控件Demo,与整体项目开发同步,且便于设计师涉及到的公共规范和控件的业务,高效走查。

在实际工作流程中,我们将设计组件库向开发输出,让团队成员对其的认知更趋于一致。项目过程中,研发同学制作了公共控件Demo,与整体项目开发同步,且便于设计师涉及到的公共规范和控件的业务,高效走查。

总结:受益于更规范的命名和更科学的管理,我们进一步弥合了开发与设计之间的认知鸿沟减少了大量不必要的沟通成本。设计规范本身也是设计师的工作职责,是我们实现「更科学高效的设计」的手段之一。

总结:受益于更规范的命名和更科学的管理,我们进一步弥合了开发与设计之间的认知鸿沟减少了大量不必要的沟通成本。设计规范本身也是设计师的工作职责,是我们实现「更科学高效的设计」的手段之一。

总结:受益于更规范的命名和更科学的管理,我们进一步弥合了开发与设计之间的认知鸿沟减少了大量不必要的沟通成本。设计规范本身也是设计师的工作职责,是我们实现「更科学高效的设计」的手段之一。

总结:受益于更规范的命名和更科学的管理,我们进一步弥合了开发与设计之间的认知鸿沟减少了大量不必要的沟通成本。设计规范本身也是设计师的工作职责,是我们实现「更科学高效的设计」的手段之一。

背景

背景:后续有更多车型接入魅族进行设计,我身为仪表的设计负责人,需要梳理仪表不同屏幕形态时,内容的兼容规则,以及无仪表的车型,如何与系统框架相融合?

后续有更多车型接入魅族进行设计,我身为仪表的设计负责人,需要梳理仪表不同屏幕形态时,内容的兼容规则,以及无仪表的车型,如何与系统框架相融合?

影响

影响:我补齐了团队内的仪表设计指南及多屏幕内容适配的规则,在作为 Flyme Auto 2.0里的一部分汇总并向上汇报,得到了团队内的积极评价和认可。

我补齐了团队内的仪表设计指南及多屏幕内容适配的规则,在作为 Flyme Auto 2.0里的一部分汇总并向上汇报,得到了团队内的积极评价和认可。

团队

团队:独自梳理完成,并在团队内组织设计分享。

独自梳理完成,并在团队内组织设计分享。

时间

时间:2023 年 11-12 月。

2023 年 11-12 月

背景:后续有更多车型接入魅族进行设计,我身为仪表的设计负责人,需要梳理仪表不同屏幕形态时,内容的兼容规则,以及无仪表的车型,如何与系统框架相融合?

影响:我补齐了团队内的仪表设计指南及多屏幕内容适配的规则,在作为 Flyme Auto 2.0里的一部分汇总并向上汇报,得到了团队内的积极评价和认可。

团队:独自梳理完成,并在团队内组织设计分享。

时间:2023 年 11-12 月。

背景:后续有更多车型接入魅族进行设计,我身为仪表的设计负责人,需要梳理仪表不同屏幕形态时,内容的兼容规则,以及无仪表的车型,如何与系统框架相融合?

影响:我补齐了团队内的仪表设计指南及多屏幕内容适配的规则,在作为 Flyme Auto 2.0里的一部分汇总并向上汇报,得到了团队内的积极评价和认可。

团队:独自梳理完成,并在团队内组织设计分享。

时间:2023 年 11-12 月。

前期调研

前期调研

前期调研

前期调研

我对市面上主流的仪表屏进行了竞品分析,并结合我所做过项目,总结了对应的设计思路,大多数仪表屏幕都是按照以下几种尺寸进行展开并设计的,目前各车型的仪表尺寸各有差别,当下需要建立仪表多形态内容适配的规则,才能满足后续车型的快速设计工作。

我对市面上主流的仪表屏进行了竞品分析,并结合我所做过项目,总结了对应的设计思路,大多数仪表屏幕都是按照以下几种尺寸进行展开并设计的,目前各车型的仪表尺寸各有差别,当下需要建立仪表多形态内容适配的规则,才能满足后续车型的快速设计工作。

我对市面上主流的仪表屏进行了竞品分析,并结合我所做过项目,总结了对应的设计思路,大多数仪表屏幕都是按照以下几种尺寸进行展开并设计的,目前各车型的仪表尺寸各有差别,当下需要建立仪表多形态内容适配的规则,才能满足后续车型的快速设计工作。

我对市面上主流的仪表屏进行了竞品分析,并结合我所做过项目,总结了对应的设计思路,大多数仪表屏幕都是按照以下几种尺寸进行展开并设计的,目前各车型的仪表尺寸各有差别,当下需要建立仪表多形态内容适配的规则,才能满足后续车型的快速设计工作。

建立设计指南:在功能性和易用性上做平衡

建立设计指南:在功能性和易用性上做平衡

建立设计指南:在功能性和易用性上做平衡

建立设计指南:在功能性和易用性上做平衡

我制定多尺寸形态的内容适配规则,有助于在设计过程中提高效率,同时确保在不同屏幕上的一致性,使得设计师和开发者能够更好地平衡工作中的创造性和规范性。

我制定多尺寸形态的内容适配规则,有助于在设计过程中提高效率,同时确保在不同屏幕上的一致性,使得设计师和开发者能够更好地平衡工作中的创造性和规范性。

我制定多尺寸形态的内容适配规则,有助于在设计过程中提高效率,同时确保在不同屏幕上的一致性,使得设计师和开发者能够更好地平衡工作中的创造性和规范性。

我制定多尺寸形态的内容适配规则,有助于在设计过程中提高效率,同时确保在不同屏幕上的一致性,使得设计师和开发者能够更好地平衡工作中的创造性和规范性。

▲ 仪表设计指南

▲ 仪表设计指南

▲ 仪表设计指南

▲ 仪表设计指南

一致的交互布局及内容

一致的交互布局及内容

一致的交互布局及内容

一致的交互布局及内容

▲ 不同尺寸的交互布局、内容需保持一致

▲ 不同尺寸的交互布局、内容需保持一致

▲ 不同尺寸的交互布局、内容需保持一致

▲ 不同尺寸的交互布局、内容需保持一致

与方向盘的映射关系

与方向盘的映射关系

与方向盘的映射关系

与方向盘的映射关系

▲ 设计布局时、需考虑对应的按键映射关系

▲ 设计布局时、需考虑对应的按键映射关系

▲ 设计布局时、需考虑对应的按键映射关系

▲ 设计布局时、需考虑对应的按键映射关系

沉淀及运用

沉淀及运用

沉淀及运用

沉淀及运用

该指南丰富了团队的设计知识库,并在接手新车型时,成员可以站在一个角度探讨方案,为评审提供了决策依据。

该指南丰富了团队的设计知识库,并在接手新车型时,成员可以站在一个角度探讨方案,为评审提供了决策依据。

该指南丰富了团队的设计知识库,并在接手新车型时,成员可以站在一个角度探讨方案,为评审提供了决策依据。

该指南丰富了团队的设计知识库,并在接手新车型时,成员可以站在一个角度探讨方案,为评审提供了决策依据。