特斯拉中控屏UI设计解读

2018-01-27 10:27 来源:UI大课堂

简述: Model 3 的HMI堪称是对汽车行业的一个颠覆性作品,车内采用了极简的内饰设计基本取消的硬件按钮操作,甚至在所有车上都是标配的汽车仪表都不复存在了。

《经验总结!车载UI与手机UI的设计区别》一文里我们讲述了手机UI和车载UI的设计差异。今天我们来聊一聊特斯拉最新的车型 Model 3的中控大屏,这是一块具有标志性意义的中控设计。Model 3 的HMI堪称是对汽车行业的一个颠覆性作品,车内采用了极简的内饰设计基本取消的硬件按钮操作,甚至在所有车上都是标配的汽车仪表都不复存在了。所有功能操作几乎都汇集到了车内的中控大屏上。所有的操作只需要在大屏上点一下划一下就能很快的操作完成。

UI设计

特斯拉交互布局分析

UI设计

Model 3 的交互设计把15寸屏幕整体分成了三块区域:快捷菜单区域,行车信息区域,内容切换区域。快捷菜单区域是快捷功能的操作入口,这些快捷功能的内容都会以浮窗的形式在右侧内容展示区临时展示。并且这些弹窗都不会直接全部覆盖右侧内容展示区域,而是只会默认覆盖底部的一部分。行车信息区域是驾车相关的数据信息,也就是承载原有的方向盘下的汽车仪表内容。这些数据的优先级非常高不会被其他内容所遮盖。例如车速,档位,自动驾驶状态等信息。内容切换区域默认显示地图路况信息把路况导航的重要度提升到了最高,同时也把地图路况定义为桌面背景,其他快捷功能都会在这个区域以浮层的临时形式展现。

Model 3 的交互设计默认展示了安全驾车相关的内容,多媒体娱乐相关的内容都以浮窗的形式展现。例如音乐模块默认只会展示少量的音乐信息,如果需要查看和操作更多信息需要做两次点击的操作才能全部展开。这种交互布局方式很好的体现了车载HMI的功能需求和场景需求。

UI设计

1 2 3 4
热门推荐
精彩推荐