AUTOMOBILE DESIGN | 汽车设计
车载UI与手机UI的设计区别及发展潜力
范文婷
厦门安防科技职业学院 福建省厦门市 361000
摘 要： U I设计（User Interface Design，界面设计）是提高界面操作舒适度、便捷性与个性化的关键。因此，文章结合车载UI设计、手机UI设计的概念与要点，论述了车载UI设计与手机UI设计的区别，并探究了车载UI设计的发展潜力，希望为车载UI设计发展提供一些参考。
关键词：车载UI　手机UI　智能车机系统
在特斯拉智能电动车迅速畅销全球之际，融合电动能源与智能化屏幕操作系统的互联网智能汽车应运而生。与此同时，以小鹏汽车、蔚来汽车、威马汽车为代表的互联网智能汽车迅速发展，激发了车载UI设计的生命活力。相较于手机UI设计来说，车载UI设计具有一些差异化表现。因此，立足视觉传达设计领域，探究车载UI设计与手机UI设计的区别具有非常重要的意义。
1　车载UI设计
车载UI设计即车载界面设计，也可称之为车载交互界面设计。在汽车领域，车载UI设计包括直接作用型界面设计、间接作用型界面设计，本质上是汽车内部信息与人类可接受方式的交互，智能改善车辆驾驶员体验感。汽车内部信息与人类交互涉及了听觉、视觉、嗅觉、触觉多个层面，根据交互层面的差异，其对应的场景也具有一定差异。如基于听觉交互的音乐CD，基于视觉交互的电子屏幕等。特别是在二十一世纪车联网、
无人驾驶汽车、物联网等现代化技术的支持
下，大屏幕扁平化+拟物化UI设计开始在
车载UI设计中应用。比如，路虎揽胜星脉
的车载UI设计就选择的三屏联动搭载12.3
英寸液晶仪表，可以在同步显示汽车信息、
速度信息、地图信息的基础上，经物理按钮
自定义界面。其中中间部位的10.2英寸触
控屏提供媒体、车载导航、汽车信息与蓝牙
连接服务，下方的10.2英寸功能调节触控
屏则提供温控、汽车信息、车辆模式设置、
收音机、座椅调节等服务。再如，奔驰E级
汽车的UI设计采用了12.3英寸液晶屏，
UI设计风格为拟物化，将功能模块与物理
按键操控、液晶仪表盘进行了有机整合，实
现了触控与按键交互的统一。
2　手机UI的设计
手机UI设计即手机用户界面设计，特
指借助符号形式表现信息，便于手机使用
者获取内容的方式。手机UI设计的重点是
基于手机使用者个人意愿的各种软件信息传
递，即人机交互。根据手机UI设计的交互
性功能可知，手机UI设计需要贯彻以人为
中心的理念，立足手机使用者触觉、视觉、
汽车仪表盘图标
听觉甚至味觉器官感知层面，充分分析界面
视觉与用户体验需求，从视觉思维创新层面
进行界面交互性功能的合理把控。比如，恰
当把控文字设计元素与图片设计元素，融入
大脑视觉冲击理论，确保手机使用者在短时
间内识别手机界面信息，获得良好的视觉感
官体验[1]。
从手机UI设计流程来看，首先需要进
行功能定位，如简单易用的图片分享，利用
时间碎片记录信息等。其次，锁定目标用户，
一般为全部智能手机用户。再次，根据整个
应用UI跳转与层级关系，进行页面设计，
包括Table栏应用设置入口、个人主页相关
信息显示区域、图片展现方式等[2]。最后，
确定风格定位，整体优化界面。比如，将图
The Design Diff erence and Development Potential of V ehicle UI and Mobile UI
Fan Wenting
Abstract： U I design (User Interface Design, interface design) is the key to improving the comfort, convenience and personalization of interface operation.
Therefore, this article combines the concepts and key points of vehicle UI design and mobile phone UI design, discusses the difference between vehicle UI design and mobile phone UI design, and explores the development potential of vehicle UI design, hoping to provide some references for the development of vehicle UI design.
Key words：vehicle UI, mobile phone UI, intelligent vehicle system
AUTO TIME 145
AUTOMOBILE DESIGN | 汽车设计
片分享类应用调设定为灰白，完善页面图标导示，并选取彩艳丽或内容具有视觉冲击的图片作为示意图等。
3　车载UI与手机UI的设计区别
3.1　使用场景不同
车载UI与手机UI的使用场景具有较大区别。车载UI主要在车内使用，包括停车状态、驾驶状态两种状态。在停车状态下，使用者主要执行驾驶前准备操作，如查看周边路况拥堵情况，设定目的地导航与娱
乐系统，确定行车路线等；在驾驶状态下，使用者主要视线集中在操作驾驶模块，主要目的是确保行车安全，特别是在高速行车状态下，汽车UI的主要作用是准确展示驾驶信息，便于驾驶者查看导航信息与周边车辆情况、车辆驾驶状态，及时发现危险因素及时处理。车载UI的主要应用过程是户外，强烈阳光照射情况较为常见，易引发车内高强度光线反射，此时，驾驶员无法通过调整角度规避，需要UI设计者在汽车UI设计时期考虑反光干扰内容展示情况，比如，利用高亮度UI界面颜，降低反光对UI信息传递干扰。而在夜间行车期间，则引入夜间模式，避免高亮界面刺激驾驶员视觉器官。
手机UI的使用场景位于室内外较为稳定的环境，使用者主要执行打电话、看视频、听音乐等活动。在室外场景中，若遇强光反射问题，使用者可以通过调整手持角度解决。
3.2　功能设定不同
从功能设定来看，车载UI功能设定核心是安全驾驶，其次为娱乐。特别是在驾驶模式下，车载UI中安全驾驶信息占据界面较大，音乐播放等娱乐功能占据界面较小。
手机UI功能设定具有针对性，根据不同软件使用需求，其功能设定也具有一定差异，每个软件的UI功能仅完成单次任务。比如，淘宝UI用于消费购物，UI用于社交通信，高德UI用于导航等[3]。
3.3　交互方式不同
从交互方式来看，车载UI的基本交互方式是默认安全信息+临时弹窗。因车载UI安全产品功能需求，全部默认交互信息均为安全驾驶，音乐播放等娱乐交互以弹窗形式出现，使用完毕后即隐藏。
手机UI的基本交互方式为底部栏菜单
切换、侧边栏菜单切换，因手机单次任务执
行思路，每一个菜单展现的内容与内容之间
相对独立。
3.4　操作模式不同
车载UI的操作包括手指操作、胳膊+
手指操作两种模式，较之手机UI操作更为
便捷，但精准度也有所下滑，耗时更长。比
如，在滑动操作时，驾驶员可以通过手臂悬
空滑动浏览内容。同时较之手机UI操作，
车载UI操作面临着更高的安全成本。特别
是在车辆驾驶过程中，驾驶员需要在胳膊悬
空的状态下滑动进度条，而胳膊的悬空状态
易引发位置控制精度偏差，导致驾驶员无法
将全部注意力集中在车辆驾驶中，最终引发
安全故障。
手机UI的主要操作是手指操作，包括
手指点击切换菜单、手指上下滑动浏览内容
等[4]。由车载UI设计与手机UI设计的区
别分析可知，单纯地将手机UI设计迁移到
车载中控UI设计中，将加剧车载UI人机
交互复杂程度。因此，车载UI设计人员应
根据车载UI实际运用场景，对接用户个性
化、舒适性体验需求，进行车载UI的发展
潜力分析。
4　车载UI的发展潜力
4.1　智能车机系统交互
智能车机系统是高效率、不间断、稳定
连接人、车、生活的系统，可以促使车辆从
单一的交通工具转变为智能应用中枢，给予
使用者更加舒适的体验。智能车机系统的不
断升级优化，对车载UI设计提出了更高的
要求。当前，一部分汽车制造商已将手机、
游戏、网页等UI设计经验跨行业引入车载
界面设计中，在一定程度上改变了以往品牌
汽车交互界面设计简单、保守、缺乏吸引力
的情况，未来一段时间内，包含车载UI设
计与人机交互模式的智能车机系统将成为发
展潮流。基于智能车机系统的车载触摸控制
UI界面类似于苹果iPad通用控制模型，汽
车驾驶员可以利用肌肉记忆引导的触碰手势
驱动，手指与UI表面交互。整个过程中，
汽车驾驶员不需全部小控件、广泛图像库记
忆，可利用相同手势以及手势变体完成多类
别任务。而UI界面也可以在远程车辆健康
监测与控制值交互时协调电气、电子、传感
器与计算机，提供直观而无歧义的信息，帮
助车辆驾驶员了解汽车当前状态以及故障位
置，如TEMPRATURE（F°）为38°，
INTERIOR为68°等。
传统汽车人机交互界面设计主要集中于
物理按钮、方向盘与其他相关设备交互，经
过多年的发展，智能交通系统与互联网信息
系统逐渐引入汽车UI界面设计领域，对基
于驾驶的物理交互方式造成了较大的冲击。
比如，新功能的不断增加致使按键、旋钮等
物理操作数量急剧攀升，对用户体验舒适度、
便捷度造成了干扰。为了避免用户面临更为
复杂的按钮交互界面，智能电子屏幕开始成
为汽车界面设计的重点。智能电子屏幕UI
设计的重点是信任感、仪式感、默契感。其
中信任感体现在用户信息安全，协调处理信
息互通与信息隐私之间关系，维护车辆与车
辆之间信息交流安全，为自动安全驾驶实现
提供支持；仪式感体现在汽车传统UI设计，
如手动驾驶与智能驾驶仪式感切换等。以路
虎揽胜星脉的中控台设计为例，在启动汽车
时仪表盘可以较慢的速度从操控台升起，给
予汽车驾驶员关于汽车启动的仪式信息；默
契感体现在智能化水平愈发显著的情境内，
对UI的智商与情商均提出了较高要求。比
如，在临近中午驾车时，UI界面显示最近
就餐点以及导航路线。再如，在车内乘客中
有幼儿时2，自动播放儿童娱乐信息等。
4.2　超大显示屏
在新能源车发展潜力持续提升进程中，
以特斯拉为代表的新能源车对车载UI设计
提出了更高的需求。特别是超大显示屏嵌入
汽车中枢方式，为车机交互新模式——车载
中控UI发展提供了充足动力。当前以奔驰
双连屏、路虎三分屏为代表的车载中控UI
已经出现，全新电动能源、智能化大屏操作
系统迎来了良好的机遇。
在超大显示屏UI设计时，汽车底层数
据将更加丰富，实现汽车数据、美学、功
能在仪表界面的自然结合，确保每一项交互
均满足交互规则以及汽车驾驶员习惯，颜
选择、布局、转场动画均处于完美状态。以
数字仪表盘交互界面为例，其会在发动机加
146AUTO TIME
AUTOMOBILE DESIGN | 汽车设计
速时开始跳动，配合周围微型图形动画，促使车辆驾驶员对车辆状态具有更加深刻的了解。并在轮胎压力消失、燃料过低或者下一路口拐弯时获得声音或者视觉感官反馈。整个过程中，车辆驾驶员的视线可始终在路上，借助增强显示器了解中控屏幕信息。
4.3　娱乐系统界面优化
在互联网飞速发展过程中，智能化、多功能成为汽车UI设计的新方向，车载信息娱乐UI是沟通人与汽车的媒介，符号学则是联系车载娱乐界面设计者与汽车驾驶员的桥梁。在未来一段时间内，根据符号学理论，推进车载娱乐界面设计过程创新将成为提升车载UI用户体验的关键[5]。从本质上来看，车载娱乐UI设计过程是车辆驾驶人员与汽车通讯交流的过程，此时，交互设计的模式与符号学传达模式产生叠合，在注重经验事实描述的同时，应增设抽象理论概括内容，集成众多UI设计元素，构成独特的交互符号系统。从传达方式来看，车载UI包括发信端、收信端、信道、符号与编码规则、信文等元素，元素的组合
需要从汽车驾驶员行为认知着手，依存不同的编码规则，确保车载信息的顺利传达。其中发信端为UI设计师体，收信端为车载娱乐UI用户，符号为图像与声音，编码规则是有目的的整合语义与语用符号，新闻为UI界面，信道为交互渠道。
在未来很长一段时间内，汽车不单单是一个交通工具，而且是现代人生活必不可少的空间，这一空间需要同时满足汽车驾驶员运输需求、生存环境交互体验需求。因此，未来车载UI设计人员应注重分析用户驾驶状态下的认知行为，比如，环境光线明度、沙尘雨雾干扰车辆驾驶员视知觉，此时，在汽车娱乐UI设计时，就需要将高饱和度颜作为重要信息、操作用，尽可能减少细微图像、颜变更。比如，荣威CarPlay 自由inkaNet系统就以白线钩形式体现视觉图片，有效强化了用户辨别速度，同时调整了功能区域布局，扩大了可控有效区域，便于用户快速、准确的操作界面。除此之外，鉴于汽车驾驶人员注意力会随着对事物感兴趣程度进行转移，此时，UI设计需要在统一导航界面与行驶路线的基础上，应
用增强现实技术，进行“进入音乐界面”、
“翻看音乐列表”、“更换歌曲”、“切换
至FM”等娱乐资源分配。进而意义360°
悬浮环抱式系统界面，优化娱乐界面格局，
满足用户个性化需求。
4.4　基于情绪感知的语音导航
传统汽车语音导航主要借助大交互UI
实现，用户仅需输入目的地就可以获知指定
线路，UI界面并未显示导航逻辑以及若干
层级计算结果。而在社会信息化与全球人口
结构老龄化交叠进程中，生理与心理能力处
于较低水平的老年人对信息化社会适应度偏
差日益显著，作为重要交通工具的汽车UI
设计在缩小这一偏差方面肩负着极大的责任
[6]。未来的汽车UI设计需要在贯彻高精准
度、信息集中、强可视性优势的基础上，落
实以人为本的设计理念，运用情境感知理论，
明确老年用户车载UI设计特征，从生理、
心理、感知通道、认知几个层面探析老年车
辆驾驶员界面感知需求。进而以老年车辆驾
驶员－汽车－环境情境感知系统为中心，分
类剖析老年汽车驾驶员交互情境，从系统主
动型、老年汽车驾驶员与系统协同型、老年
汽车驾驶员触发性几个方面，制定UI情境
感知交互设计策略。比如，未系安全带红
灯光+警示铃声+安全带指示图标组合
提醒等。再如，利用窄而深的界面功能归类，
优先排列油门控制、灯光控制、操作雨刷
功能模块，配合语音导航，突出重点信息，
便于老年汽车驾驶员在短时间内锁定目标
功能。
5　总结
综上所述，车载UI设计是借鉴手机
UI设计成功经验之上的演变，契合汽车
UI特殊使用场景。相较于手机UI设计来
说，车载UI设计自带车载系统，可以在
停车状态、驾驶状态使用，手机UI的使
用场景则为室内外稳定的环境。同时车载
UI操作包括手指、手指+胳膊等形式，
手机UI则主要借助手指操作。除此之外，
车载UI、手机UI在交互布局、功能设定
等方面也具有一定区别。根据车载UI与
手机UI的区别，车载UI设计者应在借鉴
手机UI设计成功经验的基础上，进行车
载UI的个性化设计，适应新能源车智能
车机系统发展趋势，实现高科技与视觉传
达设计的完美结合。
基金项目：本文系“2020年度福建省中
青年教师教育科研项目（科技类）课题名称：
车载UI与手机UI的设计区别及发展潜力 课
题编号：（JAT201505）的研究成果。”
参考文献：
[1]时枫哲，何程.互联网产品的交互应用与
实践——手机UI设计的视觉传达[J].无线
互联科技，2021（06）：61-62.
[2]朱迪.苹果与华为手机UI设计比较分析[J].
大众文艺，2020（05）：52-53.
[3]金健浩，李立.手机UI设计风格发展及趋
势研究[J].艺术大观，2020（23）：55-56.
[4]周彦辰，王建才，孙宇.民族图案在手机
UI设计中的应用探讨[J].汉字文化，2020
（S2）：135-136.
[5]叶方，戴文雅.视觉传达设计在车载中控
UI界面的运用及其发展潜力[J].大众文艺，
2020（20）：40-41.
[6]杜莎，高驰.对话EB UX/UI设计负责人
Frank Uhlig：软件供应商如何打造未来汽
车用户体验？[J].汽车与配件，2020（15）：
44-45.
作者简介
范文婷： （1989.10—），女，汉族，福建人，助教，
本科。研究方向：UI界面设计。
AUTO TIME 147