
1月14日,Aspen 3.1.0版本正式发布,全新浅色用户界面也终于和大家见面了。NIO数字座舱设计团队也在此借助这个契机,和大家分享一些浅色模式在设计过程中的思考和心得。
写在前面
相较于2.0版本的浅色模式,Aspen 3.1.0版本应该说有了很多创新和变化。在2.0版本里,浅色模式的设计目标是有温度感的“白”,同时注重文字和背景的对比值,借助天色变化体现品牌的调性。而在新版本里,浅色模式的设计目标是怎样处理好各种层级的“灰”,同时对颜色的使用保持一定的克制。
灰色渐层能更好的区分层级关系,保证桌面地图、卡片、控件层次明显;减少不必要的彩色(桌面卡片变成白色),延续了我们3.0版本的设计原则,彩色尽量体现在功能方面,不做太多调性的表现。
经过对用户的反馈和分析,团队决定抓住 “易用” 这个核心来定义3.0浅色模式。为此我们考虑到了每个场景的搭配,对大部分的色相、色调和明暗对比关系都做了调整,并对冲突关系做了细致的分析,期待能为用户带来最佳的体验。
此处,通过一段视频来引入Aspen 3.1.0浅色用户界面设计的介绍与解读。
加载中
极致的易用
要想给用户在使用过程中带来舒适的体验,易用是首要要满足的条件。为此,在Aspen 3.0.0深色模式的底层逻辑基础上,我们着重从 明度、对比度、色彩比例和真实度 这四个维度做了深入的分析,指导浅色模式的设计:

- 温和的明度
Aspen 3.1.0版本的色彩更加柔和,主背景颜色明度保持温和适中,不会因为过于明亮而产生刺眼感;高亮色(Teal)也做了相应调整,避免过分鲜艳。


2、包容的对比度
新版本的浅色模式,前后景的对比值在7:1 - 15:1之间,既保证了信息的有效呈现,又不会让文字在地图上显得“凌乱”“跳跃”,确保用户阅读的舒适度。


3、黑白灰层次比例
在2.0版本中,白色的比例占据了80%以上,所以给人感觉哪里都很白,甚至“刺眼”,这是用户反馈体验不好的一个关键因素。新版本中,我们加大了灰色比重,白色只作为关键控件中的高亮部分(比如桌面卡片),既不突兀,也达到了醒目的效果。一套系统理论上用色的比例关系应该是黑白灰在 1:3:6,新版本基本符合这个比例关系,整体画面主次分明更融洽。


4、与现实接近
Aspen 3.1.0版本的浅色模式,让道路和车辆回归现实。通过更加精细化的模型处理,品质更加细腻的三维世界光感,以及更加真实的投影,努力使界面呈现和用户心理模型保持一致,尽可能照顾真实感。

打造更多易用场景,持续优化
这次Aspen 3.1.0版本的浅色模式,也是在2.0版本基础上的延续和创新。例如自动模式延续了2.0的整体策略,即日出后切换为浅色模式,日落后切换为深色模式。其中,中控屏支持任何时段进行任意模式切换;为保障夜间驾驶安全,仪表屏切换仅支持自动模式或深色模式。
为了在各个场景的易用性更好,我们做了大量的验证:比如在不同场景下,隧道、地库这种周围环境暗的时候做到画面不刺眼,依然能保证屏幕内信息清晰;以及不同天气环境下的验证,在阴雨天和烈日下找到一个最舒适的色域范围;还有在清晨,正午,傍晚哪些阈值更合适。

此外,我们已着手对浅色模式和深色模式的亮度曲线进行优化调节,针对白天进出隧道、地道、地库以及阴雨天气等的体验问题,补足了针对性逻辑,即在日出后,通过RLS(雨量阳光传感器)监听环境光照信号判断,当环境光照低于X1值且持续时长高于Y1值时,切换为深色模式;当环境光照高于X2值且持续时长高于Y2值时,切换为浅色模式。为确保带给大家更准确更完善的体验,目前这个功能还在优化联调,将在下一个版本里跟大家见面。

座舱团队始终希望给大家带来最佳的体验。作为一次大的版本迭代,Aspen 3.0.0版本带来了很多新的功能和体验。所以,也是从稳定性的角度考虑,我们选择优先上线深色模式,以便在用户真实反馈的基础上推出适应性更好的浅色模式。未来,我们将会通过改进体系化的效率,在今后的大版本更新时保证深浅两套模式同步上线。

最后感谢在新版浅色模式验证过程中参与测试的车主朋友们,期待新版本能给大家更舒适更易用的体验!也希望大家继续给我们提供宝贵意见和建议!
最近使用
我的收藏
大家上传的表情
最近使用
所有表情
Wells Lv.2
端午节限定勋章
ET7
2022年端午限定勋章,端午期间签到即可获得。
很想加入蔚来的设计中心,可惜杭州没有
很卡卡卡卡卡 Lv.1
001
1蔚来的团队真的可以
宇落倾城
1这次的审美确实不错,值得点赞
差不多厉害 Lv.2
甲辰龙年限定勋章
己巳蛇年限定勋章
2024年甲辰龙年限定勋章,在2024春节盲盒抽奖中获得。
己巳蛇年限定勋章,在2025年新春盲盒抽奖中获得。
请大佬多在站酷上发作品,让更多设计师看到蔚来设计团队的作品
降龙18弯 Lv.4
2周年勋章
壬寅虎年限定勋章
P5
1使用新出行2周年啦!
2022年壬寅虎年限定勋章,盲盒抽奖中获得。
此处应艾特小鹏设计师
新出行CC Lv.5
7周年勋章
1使用新出行7周年啦!
学习了
以后期待多多分享
空腹不能吃饭 Lv.4
500天签到勋章
XCX-MEMBER
P7
1连续签到500天勋章奖励
新出行成员勋章,通过分享2024年度报告获得。「限时活动」
小鹏审美有这么好就好了
呆呆阿呆 Lv.3
XCX CLUB
3周年勋章
1XCX CLUB 成员勋章
使用新出行3周年啦!
蔚来目前我见到的从体验设计角度分析车机UI最全最专业,也是最符合我审美的。理想也在我的审美线上,但对外发声太少了,我相信他们也做了非常多的背景工作,也有很多优秀的设计师,但还是希望多多发声,共同进步。
不存在
1这次浅色好评,高级感、层次感满满,还有一定的灰度,不像之前对比度那么大,有点刺眼。
双擎会铁皮 Lv.4
1👍 值得我们认真学习
前排沙发空着~
还没有人评论哦,快抢沙发吧!