特斯拉中控屏UI设计解读

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

细分功能汇总

1.快捷菜单区域,负责常用的空调、座椅调节入口,以及车辆控制、多媒体等功能入口。

2.行车信息区域,左承担了传统“仪表屏”的功能,显示车速相关所有信息,ADAS相关信息,并且集成了后置摄像头、语音指令、充电设置甚至手动雨刮器的入口。

3.内容切换区域,则是多媒体信息显示的区域,包括音乐、电话等。

UI设计

特斯拉交互布局尺寸分析

UI设计

特斯拉Model 3的车载中控大屏整体尺寸为1920*1200px是一块名副其实的超大操作屏幕。底部菜单栏的标准高度为120px,这样的菜单高度能够更好的在行车过程中点击。

整体高度1200px减去菜单栏高度120px内容高度为1080px。也就是说整体的内容区域为1920*1080px刚好跟标准的视频比例一致,这个尺寸是不是为娱乐视频准备的还有待考证。

特斯拉交互特点分析

1.场景化设计

根据场景设置功能和内容展示,同一个功能在不同场景下显示的内容也不相同,尽量满足当前场景下的功能需求。例如:娱乐多媒体功能,在驾驶过程中,导航功能相对重要,所以只显示歌曲名称、专辑的封面与少部分相关操作。用户往上滑动,显示相对多娱乐功能,占据一半屏幕。再往上滑动,显示更多娱乐内容。这种场景化设计思路是Model 3最重要的设计思路。

UI设计

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