汽车HMI设计进化与方法—UI视觉设计篇（微视频版）

《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》从原理、流程与行业标准的角度，详细阐述汽车HMI视觉设计的方法。
全书共14章，分别讲解汽车HMI设计、汽车座舱的5个阶段，汽车HMI设计的行业背景，汽车HMI设计发展历程，汽车HMI设计的软硬件基础，汽车HMI设计的调性和风向，汽车HMI视觉设计的核心要素、原则与理念，汽车HMI视觉设计方法，汽车HMI视觉设计质量的自我评估，汽车HMI设计岗位划分与要求，汽车HMI设计流程与规范，汽车HMI视觉提案，最后对主流品牌汽车的HMI视觉设计做了详细分析，并系统性地分析了汽车HMI设计的趋势。另外，《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》配有微课视频，并专门整理了学习素材和参考资料。读者可以扫描书中对应的二维码，随时用手机观看视频学习汽车HMI设计的内容。
《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》适合广大设计爱好者学习，对于视觉传达、交互设计、工业设计、产品设计、环艺设计、多媒体制作、汽车设计等相关专业的学生可以作为教材教辅读物，也适合现在从事UI设计、电商设计、平面设计、三维设计、影视后期等相关领域的设计师作为转型汽车HMI设计的参考资料。

董小红，目前就职于上海适途汽车技术有限公司，国内较早开始从事汽车IVI HMI设计师之一。2008年开始在深圳一家集汽车导航设计研发和生产为一体的公司开始参与汽车IVI系统HMI的设计工作，10多年来一直从事汽车IVI、CLUSTER及HUD等智能座舱相关终端设备的HMI设计和项目及团队管理工作，积累了汽车HMI设计丰富的经验。近几年同时开展了团队成员设计能力培训工作，成功培养了40多位专业的HMI设计师，培养的设计师目前分布在百度、蔚来、上汽、泛亚、哪吒、阿维塔、吉利等相关汽车设计研发中心工作。

李才应，上海泊彦文化传媒有限公司总经理，出版过近30本图书，包括《UI设计必修课》《UI交互动效必修课》、已开设多期《汽车HMI交互设计高级研修班》《UE 5汽车HMI设计高级研修班》。

读者对象

《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》适合广大设计爱好者学习，对于视觉传达、交互设计、工业设计、产品设计、环艺设计、多媒体制作、汽车设计等相关专业的学生可以作为教材教辅读物，也适合现在从事UI设计、电商设计、平面设计、三维设计、影视后期等相关领域的设计师作为转型汽车HMI设计的参考资料。

本书特色

★★《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》可以让读者对系统平台和硬件结构的布局方式进行全面的认知，从而多维度了解影响HMI设计的外部环境因素，从全局了解HMI设计的对象并非仅仅是针对屏幕的设计。

★★《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》总结出HMI设计的核心知识点、最有效的入门方法和快速成长路径，从而快速打通设计认知和思维层面的“任督二脉”。

★★《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》赠送编者精心录制的汽车HMI设计的微课视频，帮助读者随时用手机观看视频学习汽车HMI设计的内容。

前言

HMI是Human Machine Interface的缩写，即人机接口，也叫人机交互。HMI人机界面是系统和用户之间进行交互与信息交换的媒介，它实现将产品的内部信息传输给人类，从而人类可以简单、便捷地接收此产品的内部信息的一种转换。

汽车HMI设计主要是研究人与汽车的人机交互界面，注意这个界面只是一个代称，汽车HMI界面包含开关、按钮、大屏、语音、控制杆等。其中，汽车的内饰设计和汽车HMI设计息息相关，但也所区分，内饰设计强调的是主观整体感受，而汽车HMI是承担人与车之间有效信息交互的载体，侧重的是人与界面、人与车各系统的使用体验与感受，综合起来把这些统称为汽车座舱设计。

未来10年，中国将迎来智能电动汽车的高速发展，国产自主品牌将逐步替代外资品牌，中国的汽车产业将发生翻天覆地的变化，这个变化已经初具雏形，比如蔚来汽车、理想汽车、斑马汽车、高合汽车、华为汽车等。

同时，一些互联网公司也加入新能源智能汽车的领域，包括阿里、腾讯、小米、百度、字节跳动等，在这些公司的推动下，原来互联网的UI设计师纷纷转型到汽车HMI设计方向，而在汽车HMI设计师培养方面，目前缺少相对完善的教育体系，大学没有开设相关课程，教育培训机构的汽车HMI设计培训也非常稀缺，转型的设计师们仅靠一些网络的零散学习资料和文章来学习，因此我们策划了《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》，希望能弥补这方面的空白，提供给设计师一套体系完整的汽车HMI设计学习资料。

在汽车产业大发展的背景下，汽车HMI设计已越来越得到重视，市场需要大量专业的汽车设计人才，当前专业的汽车HMI设计人才资源比较匮乏，我们希望能用自己多年在HMI设计方面的积累帮助更多有兴趣从事HMI设计、想转行从事HMI设计以及正在从事HMI设计的朋友，让他们快速提升专业认知和设计水平，从而有一个系统化、专业性的学习内容。

对于HMI的视觉设计，《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》可以让读者对系统平台和硬件结构的布局方式进行全面的认知，从而多维度了解影响HMI设计的外部环境因素，从全局了解HMI设计的对象并非仅仅是针对屏幕的设计，帮助读者了解设计前期、过程中以及设计后期的工作重点，掌握每个阶段需要注重的关键点、方向与方法、设计能力以及设计质量需要到达的状态，总结出HMI设计的核心知识点、最有效的入门方法和快速成长路径，从而快速打通设计认知和思维层面的“任督二脉”。

另外，读者可以通过《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》介绍的方法，获得高价值学习资料和方法，助力自我在成长过程中的“养份来源”，从而不断提高审美能力和综合素养，更加轻松、高效地进行工作，让自己成为真正有思想的设计大咖，成就大家的设计发展之路。

《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》作者董小红（Michael）是一家汽车技术服务型公司HMI部门负责人，国内较早开始从事汽车IVI HMI设计师之一，见证和经历了汽车座舱及HMI设计的发展历程。2008年开始在深圳一家集汽车导航设计研发和生产为一体的公司担任设计工作，开始参与汽车IVI系统HMI的设计工作，十多年来一直从事汽车IVI、Cluster及HUD等智能座舱相关终端设备的HMI设计和项目及团队管理工作，积累了丰富的汽车HMI设计经验，了解未来HMI设计潮流趋势，关注行业发展方向。近几年同时开展了团队成员设计能力培训工作，成功培养了40多位专业的HMI设计师，培养的设计师目前分布在百度、蔚来、上汽、泛亚、哪吒、阿维塔、吉利、爱驰、长城、安波福等相关汽车设计研发中心工作。近4年的HMI设计人才培训经历，提炼了一整套专业性、系统化的HMI设计方法；《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》作者李才应来自视觉客的汽车HMI设计课程研发经理，工业设计专业毕业，20年从事设计与相关职业教育工作。曾先后担任Adobe 2020 ACA世界大赛（中国赛区）评委、2020世界技能大赛（上海赛区）设计指导老师、第47届世界技能大赛（上海市集训基地）外聘专家以及上海城建学院建筑与艺术学院、上海工艺美术学院外聘专家讲师。从2017年开始从事汽车HMI设计课程的研发工作，相继开设多期“汽车HMI设计高级研修班”“汽车HMI设计岗前实训班”，以及“UE5虚幻引擎&汽车HMI交互设计高级研修班”等课程，获得学员一致好评。其学员已遍及吉利、比亚迪、集度、上汽、岚途、斑马、蔚来、理想、保时捷、爱驰、泛亚、福特、长安、华人运通等相关汽车设计研发中心。

《汽车HMI设计进化与方法：UI视觉设计篇：微视频版》配有微课视频，方便读者在阅读图书内容的同时，随时扫码观看每章对应的微视频。同时，读者可以扫描下方二维码填写相关信息后获得更多学习素材和参考资料。

学习与教学资源

感谢我们的家人和身边的所有亲朋好友，是你们的默默支持和帮助，我们才能更好地潜心创作。

编 者

目录

第1章　　汽车HMI设计的相关概念

1.1?有关汽车HMI设计的10个术语

1.2?汽车座舱和智能座舱的概念

第2章　　汽车座舱的5个阶段

第3章　　汽车HMI设计的行业背景

第4章　　汽车HMI设计发展历程

4.1?汽车HMI仪表盘设计

4.2?断码屏汽车HMI仪表的UI设计

4.3?汽车IVI的UI设计

4.4?汽车HMI IVI UI设计的进化

4.5?汽车HMI设计音响娱乐导航系统的发展

第5章　　汽车HMI设计的软硬件基础

5.1?汽车HMI设计屏幕类型

5.2?汽车HMI设计的系统平台

5.3?硬件结构与系统平台对汽车HMI设计的影响

第6章　　汽车HMI设计的调性和风向

第7章　　汽车HMI视觉设计的核心要素

7.1?设计配色

7.2?形态与样式的协调性

7.3?设计版面布局

第8章　　汽车HMI视觉设计的原则与理念

8.1?汽车HMI视觉设计的创新思路

8.2?汽车HMI视觉主题设计方法

8.3?汽车HMI视觉设计与移动互联网终端的设计关联性

第9章　　汽车HMI视觉设计方法

9.1?汽车HMI各组成部分的关联性

9.2?汽车HMI视觉设计中绘制草图的重要性

9.3?汽车HMI视觉设计之仪表透视

9.4?汽车HMI视觉设计之仪表表头造型方法

9.5?汽车HMI视觉设计之仪表模式

9.6?汽车HMI视觉设计之IVI调性一致

第10章　　汽车HMI视觉设计质量的自我评估

10.1?背景的空间感、层次感及体现的意境评估

10.2?中英文字体的合理选用评估

10.3?为什么自己的设计总感觉比较生硬

10.4?汽车HMI视觉延展设计的注意事项与关键点

10.5?快速提升自我判断能力的方法

10.6?提升汽车HMI设计质量的核心思路

第11章　　汽车HMI设计岗位划分与要求

11.1?汽车HMI设计岗位划分

11.2?汽车HMI设计需要储备的综合能力

第12章　　汽车HMI设计流程与规范

12.1?汽车HMI设计流程步骤

12.2?特斯拉Model 3设计规范概述

第13章　　怎样做好汽车HMI视觉提案

13.1?汽车HMI设计提案——调性

13.2?汽车HMI设计提案——主题用色

13.3?汽车HMI设计提案——主题设计

第14章　　主流品牌汽车HMI设计与趋势分析

14.1?主流品牌汽车HMI设计分析

14.2?未来汽车HMI视觉设计发展趋势