HMI车载UI设计 - 第三章:HMI车载模块设计
分享给朋友:

按住画面移动小窗

下载
HMI界面设计分析-车载界面实操课11
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
HMI界面设计分析-车载界面实操课11_虎课网
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~

313

已学

9小时

时长

0

配套素材

完课证书

¥199(¥299)

全站通VIP免费畅学

立即购买
图文教程学员评价 (6条评论)视频字幕

本节课讲解虎课_车载课程_第十一课,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。

那我们开始今天的教程吧。

1.HMI界面设计分析-乘用车方向,TESLA MODEL3优势,大操作屏、左侧控制面板、底部导航、扁平化、日间和夜间模式。

2.TESLA MODEL3劣势,整体学习成本高,点击区域过小。

3.小鹏G3优势,浅层级、常用功能集成、学习成本低、智能化、日间和夜间模式,劣势信息集成度过高,不支持分屏操作。

4.威马EX6优势,趣味化设计、视频横屏设计、与硬按键连贯、系统学习AI、点击区域明显,劣势色彩过于鲜艳、杂乱、操作方式过于独特、ICON多文字少。

查看更多
您需要学习后才可以评价, 立即学习
您需要学习后才可以评价, 立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

大家好,我是本节课的讲师大冯 ,这节课带领大家做一下 ,HMI界面的设计分析 ,带着大家看一下界面的好 ,还有不好 ,它在什么点上,怎么做出来这个区分 ,那么我们今天讲的这个方向是 ,汽车的乘用车方向 ,并不是商务车的方向 ,首先我们来看一下 ,新能源汽车里面的 ,蔚小理特的特斯拉 ,这款车是特斯拉的model3 ,它的优势其实很明显 ,我在右边放出来的几张图 ,第一个是大操作屏 ,它这个整体的屏幕是有17寸这个竖屏 ,这是最大的尺寸 ,那如果说你对这个尺寸没有概念的话 ,你可以参考一下自己的电脑屏幕 ,大部分的电脑屏幕多大都有 ,有20多寸,有30多寸 ,你直接可以把你电脑屏幕砍掉一半 ,大概也能看得出来 ,这一半的操作屏是多大 ,或者说如果你有笔记本电脑的话 ,也可以看一下 ,17寸还有15寸的电脑屏 ,到底是多大 ,大概就是这样的尺寸 ,它还有一个优势 ,就是整体都是在左侧的控制面板 ,这个也是非常符合我们前面所说的原则 ,中国的驾驶是左舵的驾驶 ,它把所有的Button ,还有这个操作区域等等 ,都是放在了左侧 ,这个也方便了驾驶员操作 ,也是方便驾驶员 ,能够快速的第一眼看到这个数据 ,第二个就是看到它 ,接下来就是整体的底部 ,导航的Dock栏这个位置 ,它都是做得非常的统一 ,把所有常用的项目 ,都是放在了这个下面是吧 ,包括回首页 ,还有控制这个座椅温度 ,控制车辆的温度是不是加热 ,还有整体的系统音量 ,

快速的调整这些等等 ,并且这样的交互方式 ,就可以把很多常用的功能 ,集成在上面 ,因为特斯拉比较特殊 ,它没有硬按键 ,所以说整体很多的东西 ,都得去集成在中控的屏幕上面 ,第三个就是扁平化 ,那可能有同学问这个扁平化 ,不是一个常规性的操作吗 ,并不是,这个扁平化 ,是非常符合它 ,特斯拉整体定位上的一个操作 ,你可以看到它整体特斯拉的话 ,比较偏向于科技扁平的风格 ,这个也在前节课上提到过那么一嘴 ,所以说根据它整体的定位风格 ,使用扁平化这个风格是完全没有问题的 ,还有一个就是日间和夜间的模式 ,它可以进行两种模式的切换 ,那大部分的车辆的话 ,只有一种暗色的模式 ,那显然特斯拉增加了日间模式的话 ,也在多场景的情况下发挥了作用 ,而不是它整体的这个夜间模式 ,一直在用这个颜色 ,可能有的场景并不太适用 ,那可以猜一下 ,像这么好的界面都是优势 ,那它的劣势是有什么 ,给大家3秒的时间 ,321 ,这里面我也总结出来谈几点劣势 ,第一个就是它的整体学习成本比较高 ,我们日常接触的这个电子产品,像电脑 ,手机,还有这个ipad ,已经是最常接触了 ,并没有任何一款的操作设备 ,它使用的是这种交互的布局 ,无形之中很多的功能 ,它甚至放在了二级界面 ,尤其像特斯拉这次更新之后 ,那这样的话 ,就会增加很多用户的学习成本 ,就得是重新进行学习 ,第二个就是它整体的点击区域过小 ,

这个你具体看一下实车你就明白了 ,可能在我这个界面上来讲 ,看的并不是特别的清晰 ,比如说像这个导航维护软件 ,它其实点击区域特别的小 ,这里并不是单指点击图标 ,它是整体点击都是非常的不太好 ,这个相信在后续更新之中 ,也会把这个情况能解决一下 ,我们再来看一下小鹏的G3 ,这个小鹏G3界面是几年前的款式 ,那么他们的HMI更新了以后 ,明显的是合理了很多 ,我们看一下最早先版本的这个小鹏 ,它的劣势还有优势到底是什么 ,首先可以看到 ,它的优势是层级比较浅 ,把所有的东西全部是铺在了界面上 ,那么你找什么样的功能 ,对应的什么样功能 ,就是都可以能看见 ,还有常用的功能也是集成在上面 ,这个跟层级前有异曲同工之妙 ,像包括我想去点击一个设置 ,点击音乐导航 ,这个都是在汽车HMI上面 ,最常用的几项功能是吧 ,直接可以进行快速的切换 ,第三个就是学习成本比较低 ,小鹏的整体设计来讲 ,和特斯拉并不一样 ,它是一个本地化的国产品牌 ,更加适合国人的操作形式 ,包括像这个一级的Tab栏 ,加上二级的这个Tab栏上面 ,还有整体的图式来进行说明 ,这个大大降低了用户的学习成本 ,并不像特斯拉一样 ,还有比较偏向于智能化的行驶模式 ,同样它的优势也是有日间 ,还有夜间的模式进行切换的 ,也是适合多种场景 ,那么我们来可以看一下 ,像这么好的界面 ,它的劣势又是什么呢 ,这里同样给大家三秒的时间 ,去进行思考 ,321,我来揭晓一下这个答案 ,

看完优势之后 ,我们再来看一下小鹏G3的劣势 ,那它的界面劣势其实也是挺明显的 ,像这个信息集成度比较高 ,这个方面,尤其是这一页来讲 ,看得更加清晰一些 ,很多东西,包括这个自动它的整个信息 ,全部集成在上面 ,包括下面的这个座椅 ,可能看起来就会稍微有一些杂乱 ,还有就是不支持分屏的操作 ,可以看到下面整个这一个部分 ,全部被浪费掉了,这个设计 ,其实还有一些最优级的设计 ,当然这是小鹏这三个老款设计 ,在新款当中已经改进了这个问题 ,同样像空间浪费的这个地方 ,一直都是竖屏的一个设计之痛 ,但是各家也拿出了各自的优化方案 ,其实现在整体来讲还是比较OK的 ,我们再来看一下威马的EX6 ,这个界面就会稍微的比较独特了 ,它的优势就是趣味化设计 ,视频可以是横屏的这种观看形式 ,就是你在打视频的时候 ,它的屏幕是旋转过来 ,以横屏的形式来展现的 ,再一个就是与硬按键 ,有连贯的操作,系统性的学习UI ,点击区域也是很明显 ,这个就是以上是它的优势 ,那可以看到它整体的这个操作逻辑是什么 ,比如说像这种图标是一个设置 ,还有这个信息是吧 ,我点击,或者是我使用的频次越高 ,它整体的这个点击区域就会更大 ,也就是说你的整体使用频率越高 ,图标也就会越大 ,会更容易点击 ,这个是一个非常好的设计 ,还有一个就是 ,它整体与硬件连贯性的操作 ,联合性的操作会做得很好 ,这张图一样 ,它把所有的列表全部列了出来 ,它整个空间也是没有浪费 ,

做的热区也是非常的大 ,这点也是非常受好评的一点 ,同样它的劣势与它的优势成正比 ,非常的明显 ,第一个就是颜色太过于鲜艳 ,也是太过于杂乱 ,那请问在你不知道威马EX6 ,这款车的情况下 ,你能快速的从这里面 ,找出它的主色吗 ,或者是找出它的品牌色,很难受的 ,或者说很费劲能找到的 ,你是说它的品牌色是这种黄绿 ,还是这种黄色,红色 ,还是这种蓝色 ,还是这种紫色 ,你找不到它的主色到底是什么 ,这样的话 ,其实对于整个品牌宣传的角度来讲 ,并不是特别的好 ,再一个它整体的颜色太过于杂乱 ,对于车机上来讲 ,整体的颜色 ,第一个是不超过三种,和UI是一样 ,第二个就是整体的颜色饱和度一定要降低 ,如果说不降低的话 ,像这种中控 ,你也可以去实际试驾一下 ,当然这个版本 ,现在已经改的会好一些了 ,你可以看一下以前版本 ,在网上可以搜索一下 ,驾驶的时候人的余光 ,很容易被鲜艳的颜色所吸引 ,这样的话会造成目光 ,一直在处于道路和中控屏之间 ,这样的话很不利于整个驾驶的安全 ,第二个就是操作方式也是很独特的 ,这个操作方式独特其实是它一个特色 ,也是它一个劣势 ,属于一把双刃剑的形式 ,那这样的话 ,也是造成用户学习成本过高 ,最后一点也就是icon多 ,文字少 ,这也是最致命的一点 ,为什么说是最致命的 ,因为在汽车上来讲 ,和手机的上面完全是不一样 ,手机可能有一些功能图标 ,像那个控制中心里面 ,

像那个小月亮,那个叫勿扰模式对吧 ,大家如果说不知道的话 ,你可以去开关 ,两下你就能知道大概是什么样意思 ,当然在手机里面咱们前面也讲过了 ,一般使用是在非常安全 ,室内或者室外安全的场景之下 ,但是在车体上来讲 ,就完全不太一样了 ,

登录后查看更多
UX/交互设计师
共 45 节课
网页设计师
共 166 节课
UI设计师
共 104 节课
HMI车载UI设计
共 20 节课
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制

职业路径建议意见

请选择你对职业路径课程的满意程度

请选择你对职业路径课程的满意程度

请填写关于职业路径的建议意见:

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了43,626
并提交了207份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证