车载UI设计有它独特的设计原则，应该保证用户的行车安全，不宜喧宾夺主。车载交互大多是短促的操作，由于太多时间都在行车状态下，生命应该高于一切。所以界面设计要保障不让用户视觉停留很长时间。这也是为什么大部分用户觉得车载设计特别丑的原因之一。

这里我们先大概了解一下，车载UI的设计与其它端的设计有哪些不一样的地方。

车载UI与手机、pad、电视UI的区别

1，交互布局

• 车载UI：由于其特殊的操作环境，应该首先确保安全驾驶。界面信息结 构尽量简洁，跳转步骤少。
• 手机UI：一般的手机app都是以底部导航栏的切换方式呈现，每个内容相对独立，单任务的产品思路。
• pad UI：交互布局与手机思路大致相同。
• 电视UI ：由于其由遥控器操作，交互布局也会尽量减少跳转步骤，信息结构简洁。
   

2，使用场景

• 车载：在室外，停车或者驾车状态下操作。户外环境对屏幕影响大。
• 手机、pad：会利用碎片化时间使用，可以是安静的室内，也可以是移动的。
• 电视：使用时间大多都是整段的的，多人观看，并且固定在某一地方。

3，屏幕尺寸

• 车载UI：车载中控屏的发展趋势是越来越大，目前横屏的设计尺寸大部 分12寸以上。
• 手机UI：手机屏幕是为了满足单手操作的，屏幕尺寸相对较小。
• 电视UI：因为遥远距离观看，屏幕尺寸通常在40寸以上，相对更大。

4，适配方式

• 车载UI：车载UI效果图设计完成之后，需要适配各种不同尺寸的安卓屏幕，并且没有完整的适配规范。适配难度大。
• 手机、pad：手机UI适配无论是ios还是安卓，都有完整的适配规则。适配难度小。
• 电视UI：电视的屏幕设计大多为16:9的设计，基准定位1920*720更方便的适配到多个电视上。

5，功能需求

• 车载UI：车载产品的功能设计首先都是要确保驾驶安全，其次是地图、娱乐功能的设计。即使在使用娱乐功能时也要确保驾驶安全。
• 手机、pad：每个app都是有针对性的设计，目标明确。单任务操作。可以设计多功能。
• 电视：它是家庭娱乐设备，使用功能比较单一，就是为了视频，让用户快速找到想看的视频，开始播放视频之后，没有干扰性元素。电视也没有多任务。关机时可以保持状态，开机时也可以一键续播

6，操作习惯

• 车载UI：车载UI操作则是使用胳膊加手机的滑动和点击、多手势操作。更多的还有物理按钮的操作。
• 手机、pad：手机和pad的常规操作就是手指滑动和点击、语音。
• 电视UI：遥控器、语音操作，作为家庭公共设备，操作简单。

7，界面颜色

• 车载UI：因环境光的影响，需要高饱和度和反差大的颜色。暗色系较多。
• 手机、pad：因为更多的是沉浸式体验，也会根据环境光进行切换，对 颜色上要求不高，可以随意搭配颜色。
• 电视UI：一般观看时由于距离较远，也会收到室内灯光的影响，界面颜色上一般也是暗色系居多。

8，焦点突出

• 车载UI：较手机使用而言，车载是需要一定的焦点突出，但是也不至于像电视焦点突出一样。只需要引导用户当前页面和当前操作。
• 手机、pad：手机和pad因为是近距离的操作，所以注意力会高度集中，不存在焦点。
• 电视UI：一般用户距离电视都是2米以距离，屏幕尺寸大，用户很容易注意力被分散，况且是由遥控器操作，所以焦点需要突出。

9，布局规则

• 车载UI：汽车横屏车载app常见的的布局是上下两栏、左右两栏。
• 手机、pad：手机和pad界面布局比较灵活，摆放的位置并不影响操作。网上有手机app界面布局22原则，可以参考一下http://www.xueui.cn/experience/app-experience/article-22-of-the-basic-principles-of-app-ui-layout.html。
• 电视UI：电视界面的布局很规则，常见的是上下两栏布局、十字导航和左右三栏，因为遥控器只能上下左右移动，不借助返回键，使用方向盘即可在不同层级中操作。

以上部分内容可能整理不全面，也许会有一些认知偏差，仅供大家参考。

Powered by Froala Editor