车载HMI设计指南(进阶篇)

2012年以前,汽车行业最开始没有HMI设计这样的概念,OEM商称之为“flowchat”即流程图,2012年以后,汽车HMI随着互联网大潮的推动,特别是汽车四化-电动化、网联化、智能化、共享化的发展趋势,HMI交互设计才真正意义上有了更加专业的定位,不同时期对应的是汽车HMI主流交互方式的变化。

·2006年以前的主流交互方式:物理按键;·2008-2012年的主流交互方式:物理按键+触控;·2012-2018年的主流交互方式:触控+手势+物理按键+语音识别;·2018-2020年的主流交互方式:语音识别+触控+手势+物理按键;·2020年后主流交互方式:多模态交互方式(视、触、听、味、嗅)。

2.HMI交互设计的基础认知

1)安全至上

和玩APP和iPad不同的是场景,驾驶员经常是在驾驶的场景下开车,非常容易因为注意力不集中而导致事故的发生,所以设计的时候要避免过多的让驾驶员的注意力分配到车机上,而应该更加聚集于驾驶本身。

即使现在有的车搭载了自动驾驶技术,但是还是时长能够看到因为驾驶员过度让AI接管驾驶而导致事故发生的新闻,期待有一天自动驾驶技术的成熟,车成为移动的第三空间,驾驶员可以做其他的事情,这时候或许我们不用再考虑HMI对驾驶安全的影响。

2)汽车数字座舱&显示屏

首先我们要明确的一点是汽车数字座舱,并不仅仅指是几块屏幕那么简单,而是座舱电子的全面提升,由车载娱乐系统、流媒体中央后视镜、抬头显示HUD、全液晶仪表、车联网模块、360度环视、辅助安全驾驶、副驾及其后座娱乐系统等组成的一套完成的体系。

3)常见功能使用频率

4)对基本的触控的认知

我们在考虑功能布局的时候,要很清楚对驾驶场景有很清晰的认知,特别是对于出行过程中信息获取的直观性以及触控的便捷度要重点考量,需要对全局的功能布局,交互结构进行合理的编排。

在驾驶员位置的时候,中控界面的最左侧的区域是容易触控区,它是距离驾驶员最近的地方,也是信息获取最清晰,操作最便捷的区域;中间部分的区域是可触控区域,它相对来说说触控也是比较方便的。

最右侧的区域是较难触控区,驾驶员要将手伸的很长才能够触碰到,这块区域尽量是避免设置重要的功能入口。

5)多模态交互

“多模态交互”是融合了人的视觉、听觉、触觉等多种感官,计算机利用多种通信通道响应输入,并充分模拟人与人之间的交互方式。

随着汽车的不断智能化,操作方式从传统的机械按键到现在的触控操作、语音操控、手势操控,人车之间的交互途径增加并且更加多样化,汽车的开发者们也开始思考驾驶场景中的交互逻辑,如何实现高效、安全、易用的人机交互。

6)自动驾驶级别定义&ADAS

说到ADAS,可能很多人听过,但是没有全方位地了解过,ADAS是AdvancedDrivingAssistanceSystem的简称。中文名叫做高级驾驶辅助系统。

按照SAE(美国汽车工程师学会)的标准,自动驾驶汽车视智能化、自动化程度水平分为6个等级:无自动化(L0)、驾驶支援(L1)、部分自动化(L2)、有条件自动驾驶(L3)、高度自动驾驶(L4)和完全自动驾驶(L5)。

7)视觉在上,操作在下

避开方向盘:

方向盘的遮挡也是我们在设计时需要注意的地方,一般左下角的位置是距离方向盘最近的地方,也是最容易被方向盘视线遮挡的地方,还有仪表盘的四个角落的位置。

8)3s原则

3秒原则:用户的注意力管理对减少由注意力分散导致的交通事故十分必要,开车过程中,必要操作需要遵循3秒原则,用户必须在第1秒内找到应用场景的重点信息与功能入口,然后第2秒进行交互动作,最后第3秒得到想要的信息结果。

9)常见的汽车交互场景

在基础篇中我们提到未来的汽车是人们的第三智能生活空间(娱乐空间、办公空间、生活空间……)未来车内的交互场景将逐渐由驾驶舱舱内的驾驶行为主导的人机交互转变为基于日常生活中多场景的交互,基于不同的场景,我们的设计应该也有所不同。

10)全触控并不一定好

有些车为了主打科技的产品理念,将车内的操控都变成了触控、电子化,但是全面的电子化并不定都是最佳的体验,比如开门的按键,触控的方式就不如按键更加直接,还有些触控的按键在强光下识别性会变得非常的弱。

二、HMI交互设计需求分析的要点

1.需求分析-了解自身,通过设计放大特点

HMI的设计和其他数字产品一样,在设计开始前,我们都要对当前的产品、市场、用户、品牌有着清晰的认知,HMI设计的目的也是放大产品的特点,以下是我们要了解的内容举例:汽车性能要求、造型姿态、功能、内饰效果、汽车设计理念、操控、人性化、品牌传承、目标用户。

2.竞品分析-制定差异化的产品策略

对竞品分析目的是的明确当前的市场定位,发掘对方的优缺点,帮助我们自身的产品制定差异化的竞争策略,也是取长补短虚心学习的过程,比如我们可以看到蔚来的产品定位是一二线时尚且有一定消费能力的人群,年龄层次在30-40岁左右,和特斯拉的人群有着一些重合,所以我们能够看到蔚来汽车的内饰、线下店、HMI配色都是比较柔和的,更像是一个时尚温馨的家庭空间。

3.受众分析-吸引目标消费者购买

做产品永远绕不开的用户,HMI的设计同样,我们要对用户进行调研,了解用户的消费意向和和核心考量的因素,并为他们的需求找到合理化的解决方案。

三、HMI创新的交互形式

1.沉浸式

通过多角度的方式去为用户塑造沉浸感,结合智能表面和车窗屏幕技术的发展,为车内打造了个性化的场景体验。比如,我们在车窗屏幕上购物;在天窗和前挡风玻璃上看电影;轻点扶手区,在中控区感受大海的浪漫,再结合环绕式音响技术来体验自然等。

2.本土化设计

不同的国家有着不同的文化积淀,用好经过历史长河遗留下来的文化隗宝也能够让我们的设计充满文化气息,带来更多名族自豪感和认同感。比如:结合中国文化,红旗以“尚·致·意”为核心设计理念,通过HMI界面中的山河意境,来致敬华夏数千年的大好河山,从视觉和操作上,打造极致的驾驶体验,真正体现东方骨架,现代解构。

3.制造惊喜

在用户的不经意间创造惊喜,维持高质量的车载体验,比如:节日氛围、生日的祝福……

4.主动交互

未来的汽车更像是一个懂你的朋友,他能够知晓你下一步的动作,主动和你交互,而不是被动的等待你发出指令去执行,主动交互主要可以分为功能性、情感性、安全性这几个类别。

1)功能性

比如当我们走向车辆时,车辆会自动打开车门并通过灯光投射出迎宾语。

2)娱乐性

比如当我们再情绪低落的时候,车载机器人会主动过来和人类进行交流,当我们累了的时候会主动提供按摩服务,播放舒缓的音乐。

3)安全性

比如驾驶员疲劳驾驶是,通过释放气味和音乐来唤醒驾驶员,晚上汽车灯光自动识别行人,主动降低灯光亮度,避免直射行人眼睛。

四、HMI视觉设计

1.HMI视觉设计的特点分析

我们基本上对于HMI视觉设计特点可以分为3种类型:潮流化,个性化,品牌化。

1)潮流化

潮流化指的紧跟目前主流的设计趋势,比如我们可以看到各大主机厂用烂了的卡片化设计,蔚来、小鹏、理想的HMI都是沿用了互联网的主流设计方式-卡片式设计、扁平化。

扁平化设计:扁平化的设计虽然是趋势,但是也是能够设计出不一样的产品个性来,并不是大家说的要加各种光效、纹理、材质。卡片式设计:国内汽车品牌绝大多数都在使用卡片式的设计,当然有时是出于信息区分和适配的角度考虑,但是卡片式的设计却很容易限制创意和个性的产生。车载HMI设计指南(进阶篇)

2)个性化

个性化指的是能够凸显产品的个性特点,能够根据车型的特点进行个性化的设计,强化产品的设计特点,从在产品咨询公司接触过的HMI设计项目来说,一般主机厂还是希望能够突出自己的个性,打破固化的设计思维,比如特斯拉cybertruckHMI未来、硬朗的设计风格,强化了皮卡硬朗的设计特点,白天让那个HMI去掉代办的卡片式设计,运用不规则的排版、多边形的设计塑造产品的个性。

3)品牌化

品牌化指的是品牌定位、产品家族、HMI风格能够形成高度的统一,比如蔚来塑造的未来的第三生活空间,从内饰、门店、HMI、品牌理念都给人温馨、惬意的未来生活空间的感受,也算是国内品牌化做的比较好的汽车品牌。

2.HMI的设计原则&理念

3.HMI视觉设计的方法

1)仪表的造型设计方法

当我们设计仪表的时候要考虑的几个点分别是:

1.空间透视;2.仪表的表头形态;3.不同模式仪表的形态变化。

区别于扁平化的设计,仪表的设计经常会采用空间纵深感比较强的设计方式,它能够和我们的驾驶空间透视场景保持统一,同时也能构让界面层次更加富有变化。

大部分的汽车都会设置运动模式、舒适模式、经济模式,当不同的模式我们可以考虑设计仪表不同形态变化,让用户更容易感知模式的变化。

仪表的功能一般要体现车速、转速、减速、用电功耗、档位、油量变化等功能,在造型设计上,我们主要可以从3个方式去寻找设计灵感。

1.通过契合产品特点的工业、建筑造型设计来寻找设计的灵感;2.通过汽车造型的设计语言(车头前脸、尾灯、内饰、车身线条)来寻找设计的方向;3.从品牌调性来探索HMI的设计灵感。

2)IVI(中控屏)设计的难点

IVI(In-VehicleInfotainment)是车载信息娱乐系统,也就是我们说的中控屏,中控屏的视觉设计首先要重点考虑的是如何与仪表盘的设计风格上保持一致,并在一体化的构图下,仪表和中控能形成一个整体,其次要考虑的点是如何在基本常用功能一致的情况下,在视觉上能够和其他产品拉开比较大的差距。

4.HMI如何设计的不一样

当我们不管看国内主机厂设计的车机界面,还是看国内设计平台设计师发布的HMI设计方案,发现大部分的设计逃不过卡片式设计,基本在布局、设计理念上并没有太多的创新,那么对于我们设计师来说应该如何去打破这种固定的设计方式呢?或许从优秀的设计中我们能找寻到这个问题的答案。

1)打造无边界设计

无边界的设计指的是突破卡片的限制,让设计更加的一体化,在构图和页面布局上也更加的大胆,比如,我们可以看到拜腾汽车和特斯拉cybertruckHMI概念设计都尝试创造无边界的设计。

2)塑造空间立体感

我们经常在设计中听到“你的设计太平了”,这其实就是说我们的设计没有没有立体空间感、没有层次变化,HMI的设计也是同样的道理,塑造空间感能够让我们的画面层次更加分明,画面更加具有想象空间。

3)特殊的质感

在界面中应用好质感也是能够让设计变的更加精致,质感可以增加视觉层次,让画面更加耐看。简单地说,质感就是物体呈现出的物质真实感,这体现在很多方面,例如光影、色泽、质地等。想想苹果iOS7.0之后的系统界面,毛玻璃效果的磨砂质感让画面看起来精致优雅,轻轻松松达到简约的高级美感。

4)独特的造型

独特的造型是突出产品个性最直观的表达方式,前面提到的无边界设计、质感、立体感是能够提升设计的品质感和差异化,但也是比较难的,他们是设计的隐喻表达,这些就像是人的内在性格,要多去接触才能够感受到,但是独特的造型是设计最直观的表达,它就像是一个人和大多数的圆脸不一样,突然长了一个多边形脸,你看一眼就基本能够记住他了。

5)独特的设计理念

当我们的设计表达有了设计理念和故事,就变得有了灵魂。

全新BMWiDrive采用了斜切角设计和独特的光影效果,视觉语言要传达的是有性格、有棱角的态度。斜切角的设计不仅出现在仪表盘上,还有抬头显示的速度托盘、中央扶手旋钮区域的木质托盘、中控屏主菜单的卡片单元背景,以及在内饰、外饰很多细节处。做这些设计要达成的效果就是打造高辨识度和豪华感。

6)炫酷的动效

五、总结

我们来简单回顾下车载HMI设计指南(基础篇)&(进阶篇)所讲述的内容。

在基础篇中和大家讲解了HMI设计的一些基本知识,带大家了解了HMI设计这个神秘有趣的行业;在进阶篇和大家主要讲解了HMI设计落地过程中交互&视觉我们需要注意的点和基本一些方法。

THE END
1.美术学科说课小学我是汽车设计师—说课稿案例结合学生从探究中获得的情感体验和程度,我给学生布置了这样的作业:用绘画方式设计一辆造型与功能独特的汽车。学生创作,教师巡视指导,并及时指出学生的易错点。学生作业展示、学生自评、教师小结。展评活动使学生体验创造美的乐趣,激发学生创新精神。 (六)拓展思维,造就未来 ...http://nm.zgjsks.com/html/2019/msjq_0924/37816.html
1.小学美术教案(精选20篇)1、让学生把上节课的作业拿出来和课本的作品比一比,自由讨论:找找名字设计变化的步骤要点,在讨论交流中明确学习任务。 2、出示教学范图,用欣赏的方式复习知识 (1)笔划双勾法,后上彩色。 (2)笔划用实物代替法。 (3)部首实意,实物替代法。 (4)给自己的名字添画背景或花边装饰。 https://www.fwsir.com/jiaoan/html/jiaoan_20210825082600_1282935.html
2.基于创意思维方法在汽车设计运用中的研究生产一辆汽车不但制造工艺及其复杂,而且所需的零部件也十分繁杂。而在设计中设计思维是一个很深入的,以人为中心的流程。最好的对设计思维流程理解的方式是,把它看作空间上有部分重叠的一个系统,而不是一组被规定好的步骤。四、总结创意思维引导着设计方法。每个设计方法都是一个创意思维的体现。每个设计方法也不是...https://m.renrendoc.com/paper/166275037.html
3.用户讨论:Jsbb08开放百科下午茶,是一个非常好的放松和减肥方式。在重要会议或者约会之前,喝一小口茶可以让你思维更敏捷,精力更充沛,心情更舒畅……更主要的是对你保持良好身材有不错的效果哦。这是个可以独自快乐的时刻,有助于帮助补充人体所需基本元素,构建平衡饮食进行减肥。 http://wiki.huihoo.com/wiki/?title=%E7%94%A8%E6%88%B7%E8%AE%A8%E8%AE%BA:Jsbb08&diff=prev&oldid=19960
4.小学六年级下册美术教案(精选14篇)1、知识目标:通过欣赏国内外古今建筑;了解现代建筑与古代建筑在材质、造型特点上有什么不同。 2、能力目标:运用立体构成的某些技术技法创造具体的造型,表达对音乐的感受和理解。培养学生用探究性学习方式学习。使学生审美能力不断提高,更新审美观念。 3、情感目标:培养学生对建筑的兴趣,引起他们对建筑与人的关系的思考...https://www.ruiwen.com/word/xiaoxueliunianjixiacemeishujiaoan.html
5.一年级美术教案(精选20篇)《卷纸动物》是小学美术二年级的内容,通过卷纸动物的设计与制作,发展学生的立体造型能力及形象思维能力,让学生掌握如何用基本的卷纸方式制作小动物,并且在愉快的美术活动中,让学生感受到卷纸活动的乐趣,同时也激发了学生对小动物的爱心。 教材中大篇幅展示了卷纸动物范作,让学生在充分欣赏感受的基础上,展开想象的翅...https://www.unjs.com/jiaoan/meishu/20230107084709_6223648.html
6.综合实践活动方案通用15篇1.知识与能力:认识市场上的各种蔬菜,蔬菜有哪些营养。学会利用多种途径收集资料的方法; 2.过程与方法:通过组织主题班会,使学生掌握简单的的活动设计方式,并能对设计方案进行初步的评价。 3.情感态度与价值观:通过对蔬菜的认识与探究,使学生了解蔬菜与人体健康的关系,初步树立科学食用蔬菜的意识,体会“生活中处处有科...https://www.wenshubang.com/fangan/3418207.html
7.幼儿园教学活动设计教案(精选20篇)①师幼共同收集形态各异的较大个的农作物若干组(山芋、芋头、南瓜、萝卜、茄子等),自然辅助材料若干(松果、橡果、小辣椒、黄豆、狗尾巴草、稻穗等);幼儿认识和接触过造型辅助材料。 ②幼儿事先开展过动物全家福活动。举办过班级亲子动物创意造型设计比赛。 https://www.jy135.com/jiaoan/618662.html
8.社会课程:车的停靠家的港湾(如东县掘港镇新苗幼儿园许银华李...(照片1:按车位上的数学对应汽车编号停车) (照片2:比如按车牌号码对应停车) (照片3:按数的分成停车) (照片4:棋类游戏中增加了停车位的游戏情境,两个人通过掷骰子的方式决定小车走多远,谁先把车停到车位,谁就取得胜利。) (三)地下停车,奥秘多多 曦曦说:我们家的车停在地下停车场,那里的车位有很多!”瞧!地下...https://fzzx.rdedu.net/Item/3760.aspx
9.汽车教学反思并问:这些汽车种类一样吗?形状有什么不同,都是什么颜色?设置这样的问题,是让学生分析,讨论并探究,给以后学生如何画汽车做好铺垫。由于前一课时已经学过汽车的基本车法,本节课没有对汽车的表现方法进行过多的讲解面是注重在引导学生进行汽车的设计。通过欣赏各种汽车的优秀作品,扩展学生画汽车的思维,启发学生的想象...https://www.qunzou.com/jiaoxue/fansi/1779004.html
10.动画短片创作(精选十篇)(3) 写实风格。以真实的物体为标准来表现物象的一种绘画方式。 本短片有一个主要角色和一个配角。主要角色有小猪, 配角有小鸟, 角色造型以小猪为主。 (1) 主角“小猪”的造型设计如图3 所示。 (2) 配角“小鸟”的造型设计如图4 所示。 1.4 背景设计 ...https://www.360wenmi.com/f/cnkey1xjk1af.html
11.高中通用技术全套知识点整理③人的心理需求和人的生理需求(例:咖啡屋设计以暖色调为主,办公空间一般应以冷色调为 主) ④信息的交互(例:电话机的无液晶屏显示、有液晶屏显示、可以视屏通话。案例:汽车的颜 色) 第二章 设计的基础 一、做一名优秀的设计师 1、正确的思维方式的培养: ...http://www.360doc.com/document/23/1029/23/74928380_1102103853.shtml
12.校友动态设计思维如何运用到高端设计制造?整机系统集成开发的...在看一个产品需求的时候,从一开始了解到最后全部了解,中间的过程会差别比较大,必须要有系统思维的能力。整机设计相当于系统的思维和管理,它既是一门科学,同时也像生物一样生长。从一开始的需求、架构分析,然后找到基本的整机架构方案,再到分解出具体的问题点,如维护、结构、散热方式,以及电磁屏蔽、走线等,这些都...https://www.ad.tsinghua.edu.cn/info/1061/7061.htm
13.新艺术直线风格的特点及对现代平面设计的启示论文(通用6篇)随着计算机、网络等快速发展与普及,如今设计师大多数都是采用计算机软件进行平面设计,因此如今的设计方式和设计内容越来越多元化。现代平面设计在计算机的发展和推动下,体现出越来越多的风格和形式。 新艺术运动是在20世纪初逐渐兴起,其最初是在欧洲各种发展,对很多设计范围都有影响,如绘画艺术、建筑、家具、服装等。新...https://biyelunwen.yjbys.com/fanwen/xinwenchuanbo/645909.html
14.《数字影像设计与制作》复习资料多层次E. 小景别【注释】:第2章第5节第48页,移镜头在表现大场面、大纵深、多景物、多层次的复杂场景时具有气势恢宏的造型效果。 19.跟镜头对()的跟随记录的表现方式,在纪实性节目和新闻节目的拍摄中有着重要的纪实性意义。 A.景物B.人物C.事件D.场面E.道具【注释】:第2章第5节第49页,跟镜头对人物、...https://www.wjx.cn/xz/260643709.aspx
15.未来科学技十幻想画计算机,人教版美术教案第七册(全册)1通过课件演示,引导学生欣赏并提出问题,通过欣赏这些重叠的图形你有什么感觉? 师归纳:通过把大小形状相同或不同的图案运用多种排列方式进行重叠排列,能产生不同的美感 2启发学生观察生活中的事物,你们在生活中看见什么物体重叠排列,具有什么美感? 3师示范步骤:先构思设计好图形后画出或剪出图形再进行重叠排列 ...https://blog.csdn.net/weixin_42153691/article/details/118128310