UI设计精品必修课

UI 即 User Interface（用户界面）的简称。 
随着互联网的高速发展，人工智能技术的推动，AI与新能源汽车的智能座舱再加上全链路视觉营销理念潜移默化的普及，越来越多的人开始重视UI设计。就待遇而言，UI 设计师依然是整个设计行业的香饽饽。 
但是，许多人以为UI设计就是设计用户界面。实际上，User Interface只是设计的一部分工作，UI设计的核心在于“User”。在苹果、Airbnb 这些公司是没有 UI、交互等分类的，其设计只有一个名称，那就是UED（User Experience Design，用户体验设计）。真正的 UI 设计师都要经历用户研究、竞品分析、产品定位、方案制订、原型制作，还有可用性测试这些过程，而不仅仅是单纯的界面图形设计。 
技法是基础，但要继续提升还需要很多复合型的成长，包括对产品、交互、开发的理解，沟通、推动的能力，对数据的敏感性，对品牌、创意的认知，对用户研究方法的认知。这些都是设计师可以发挥的点，也是一个优秀的设计师应该具备的专业思考和理解能力。 
许多初级的UI设计师往往会忽略用户体验而追求界面设计的华美，认为好看的界面就会受到欢迎。其实这是一种本末倒置的做法。 
暂且不说大公司的UX和UI设计师，当前 90% 的公司都希望UI设计师掌握系统的UED及产品交互全流程设计。 
UI 设计是指对软件或者硬件的人机交互、操作逻辑、界面美观的整体设计。 
UI 设计主要包括视觉设计、交互设计、用户体验 3 部分。 
《UI设计精品必修课》采用一种新的思路和方式来阐述UI设计的必修课内容，包括技术、方法、流程与标准；从零开始，详细地讲解与UI设计有关的实用知识，可读性强，注重逻辑思维培养和从用户需求角度来考虑产品功能，帮助读者快速建立起自己的UI设计知识框架。同时，《UI设计精品必修课》弥补了市场上缺乏相关优秀书籍的现状，不仅讲解了UI设计的视觉、用户体验、交互设计、汽车HMI设计等方面的知识，还安排了大量篇幅讲解工作中UED团队、UI 设计师职业发展规划、UI 设计师收入、UI设计师面试的常见问题等。
随着智能大屏设备的普及，移动软件产品开发成本的降低，相关领域的大型公司纷纷成立了移动产品设计部，小程序创业型公司也如雨后春笋般崛起，如何快速地把市场需求转化成产品交互框架，成为所有公司的迫切需求。这就要求无论是产品经理、程序员，还是UI设计人员，都需要学习相关的知识。传统的Axure RP Pro软件虽然是一个非常好的交互流程线框原型工具，但是如果没有配套的业务知识来支撑，那么做出来的交互将会不够实用，商业性也不强。《UI设计精品必修课》用一种新的思路和方式来阐述产品交互与动效表达的技术与方法。《UI设计精品必修课》讲解的主要UI设计工具为当前最流行的Figma软件，配合Photoshop、Illustrator、After Effects、蓝湖等软件来完成UI设计。 
全书具体内容如下。 
第1章从UI设计概念讲起，详细介绍了公司UED的组成、UI设计师职业发展规划、UI设计师的收入，帮助初学者建立对UI设计的基本认识。 
第2章阐述UI设计的风格、应用领域，以及5G与人工智能带来的一些机遇。 
第3章通过《UI设计精品必修课》配套视频教程，让初学者快速掌握Photoshop、Illustrator、Figma软件的使用；主要讲解有关UI设计的项目资源管理与互联网产品开发项目流程。
第4章讲解UI设计的20个通用原则。
第5章讲解图标的进化史、图标设计及图标设计规范。
第6章讲解 App的概念、分类，互联网产品定位、产品需求、竞品分析、用户画像、用户需求、开发版本的功能优先级等。 
第7章讲解色彩的概念、App设计中颜色的搭配。
第8～10章讲解App、UI的交互线框布局设计、规范、切图适配，以及7种常见的App与小程序实例讲解。
第11～15章讲解网站UI设计相关内容，包括通用模块版式、网站设计风格、网页 UI 设计规范、网站公共控件与交互事件、响应式网页设计与栅格化、4类网站的功能模块与布局。 
第16章讲解平面版式设计，折页、宣传画册、VI设计及LOGO的设计等。 
第17章讲解运营字体设计、BANNER版式设计、启动页设计、HTML5推广活动页设计、弹窗设计、MG交互动效设计，以及吉祥物的设计等。
第18章讲解汽车HMI设计与前沿的UI设计相关的知识，包括HMI的概念与汽车HMI设计流程与方法，数据大屏、游戏、BIM、AI人工智能的UI设计等。
第19章讲解主流UI交互设计，帮助读者进一步掌握UI设计的核心理念。
第20章讲解UI动效设计，安排了26个综合的After Effects案例。
第21章讲解UI设计走查与蓝湖的使用，包括UI项目设计的后期工作，UI设计走查与上传蓝湖平台，以及团队协作工作等。
第22章讲解优秀UI设计作品集与常见面试100题。
《UI设计精品必修课》由上海出版印刷高等专科学校马黎老师和视觉客李才应共同编著完成。马黎，设计学博士，高级工艺美术师，广州市包装技术协会副秘书长，主要从事产品设计、服务设计、社会创新、循环设计与可持续等方面的教学、研究和实践。视觉客，致力于设计人才交流与培养的平台，涉及UI设计、汽车HMI设计、游戏设计、影视动画、展览空间设计、AI人工智能、产品设计、新媒体等专业领域。
《UI设计精品必修课》售后
《UI设计精品必修课》作者有着近20年的IT、计算机图形图像和艺术设计领域相关图书的编写经验，善于提炼知识内容，总结教学方法，能够将实用的技术和职业技能以高效、快捷的方式传授给需要的用户。
我们本着“学习使人进步”的信仰，秉承“授人以鱼，不如授人以渔”的核心教育思想，通过“教、学、产、研、人”五位一体的发展思路做好良心教育工程。 
我们不仅仅是传道授业解惑者，更是学习、生活的良好组织者和促进者。 
依托现有约10000名一线资深设计师、2000名大学老师、3000个互联网企业、500个动漫与设计公司资源，欲打造真正的“教、学、产、研、人”一体化构想。 
目前开设有“UI/UE设计精品必修班”“UI/UE 设计作品集高级研修班”“UI电商设计精品必修班”“UI交互动效必修班”“AI人工智能设计高级研修班”“UE 5虚幻引擎精品必修班”“汽车HMI设计高级研修班”“展览展示设计高级研修班”“Blender设计精品研修班”等前沿课程。
读者可扫描下方二维码获取《UI设计精品必修课》教学用PPT课件和教学视频。

2024年2月
编者

《UI设计精品必修课（第2版）》是视觉客联合一线老师倾情打造的关于UI设计的核心教材，书中结合作者多年丰富的项目制作和培训教学经验，从零开始全面阐述UI设计的技术、方法、流程和标准。
全书共22章，第1、2章介绍UI设计基础，包括认识UI设计、互联网公司用户体验设计团队的组成、UI设计师职业发展规划等；第3章讲解UI设计基础工具Photoshop、Illustrator、Figma软件的快速使用，UI设计的项目资源管理与互联网产品开发项目流程；第4章讲解有关UI设计的20个通用原则；第5～10章讲解图标设计、App产品定位、产品需求、竞品分析、用户画像、用户需求、设计色彩、UI交互线框、规范及实例；第11～15章讲解网站UI设计与B端后台的相关内容；第16、17章讲解运营UI设计，包括版式设计、LOGO设计、字体设计、BANNER版式设计、启动页设计等；第18章讲解前沿的UI设计，包括汽车HMI设计、数据可视化、游戏、BIM、AI等；第19章讲解UI交互设计；第20章讲解UI动效设计，安排了26个After Effects案例；第21章讲解UI设计走查与蓝湖的使用、团队协作等；第22章讲解优秀UI设计作品集与常见面试100题。
《UI设计精品必修课（第2版）》赠送教学视频和教学用PPT课件，方便读者学习。
《UI设计精品必修课（第2版）》不仅适合从事UI视觉设计、电商设计、平面设计、交互设计、用户体验等专业的读者学习阅读，也可以作为高等院校视觉传达、平面设计、艺术设计、产品设计、工业设计、环艺设计、游戏设计、计算机技术等相关专业的教辅图书及相关培训机构的参考图书。

马黎
韩国国民大学设计学博士   
泰国格乐大学特聘硕博导师
江南大学 访问学者   
深圳亚希诺科技 董事&CPO
上海出版印刷高等专科学校 专业教师
湖北美术学院、河北美术学院客座教授
《Art&Design》英国学术期刊主编
中韩国际设计周 评委
中国当代大学生艺术作品年鉴大赛评委
高级工艺美术师、工业设计师
中国文化部、财政部文化产业创业创意人才
广州包装技术协会  副秘书长

李才应

视觉客创始人兼CEO、上海泊彦文化传媒有限公司设计总监。
Adobe ACA世界大赛中国赛区评委、世界技能大赛上海赛区设计指导老师、上海杉达学院、上海城建学院建筑与艺术学院、海工艺美术学院、上海国家开放大学外聘专家老师、 上海退伍军人AI人工智能高级应用工程师特聘讲师。
20年设计领域从业经验，10年持续创业者，从事的领域主要在文创与设计服务、职业教育、青少儿科创教育、新媒体与图书出版，涉及汽车工业设计、汽车HMI设计、互联网UI设计、电商设计、平面设计、游戏设计、影视动画、建筑室内设计、展览展示设计、动漫二次元、绘画美术、VR/AR、元宇宙、工业产品设计、短视频、新媒体运营、AIGC等。
出版《UI设计精品必修课》《汽车HMI设计进阶与方法》《抖音剪映热门短视频创作就这么简单》。

第1章　认识UI设计及UED设计部门
1.1?UI设计概念
1.2?UED设计团队的组成 
1.3?UI设计师职业发展规划 
1.4?UI设计师收入 
1.5?UI设计经典入门10条提示
第2章　UI设计发展史及未来
2.1?UI设计的风格演变
2.2?UI设计应用领域
2.3?UI的未来——5G和人工智能带来的机遇
2.4?设计师能力模型
第3章　UI设计软件及项目流程
3.1?Photoshop学习捷径 
3.2?Illustrator学习捷径
3.3?Figma学习捷径
3.4?UI项目资源管理
3.5?产品开发项目流程
第4章　UI设计的20个通用原则
第5章　图标设计
5.1?图标的概念及优点
5.2?图标的设计规范
5.3?安卓手机系统及App图标设计规范
5.4?iOS图标规范
第6章　互联网产品定义及竞品分析
6.1?App的概念
6.2?App的分类
6.3?互联网产品定位
6.4?产品需求PRD简化模板
6.5?竞品分析
6.6?用户画像
6.7?用户需求
6.8　
用卡片分类法确定App功能分类
6.9?开发版本的功能优先级
第7章　基础色彩原理和UI的配色
7.1?色彩的概念
7.2?App 配色概念
第8章　UI交互线框布局设计
8.1?流程图设计
8.2?手绘线框图
第9章　UI规范及切图适配
9.1?UI 规范
9.2?UI适配 
第10章　7种常见App实例讲解
第11章　网站UI设计及通用模块版式
11.1?常见的网站种类 
11.2?网页通用各模块版式 
第12章　网站设计流行风格与UI规范
12.1?8种常见的网页设计风格 
12.2?网站UI规范建立
第13章　网站公共控件及交互事件
13.1?网站地图与模块设计
13.2?网页常见的控件类型 
13.3?网页常见的事件 
第14章　响应式网页设计与栅格化
14.1?响应式网站设计概念 
14.2?响应式网站的宽度尺寸 
14.3?响应式线框图绘制 
14.4?网页的栅格化设计 
14.5?现在流行的一页式布局 
第15章　4类网站的功能模块与布局
15.1?企业官网功能模块与布局
15.2?电商网站常见的功能模块与布局 
15.3?活动页专题设计常见的功能模块与布局 
15.4?B端后台设计功能模块与布局 
第16章　平面版式设计之折页、宣传画册、VI及LOGO
16.1?折页设计 
16.2?宣传画册设计 
16.3?VI 及 LOGO 设计 
第17章　运营UI设计
17.1?运营字体排版 
17.2?BANNER 版式设计 
17.3?启动页设计 
17.4?HTML5 推广活动页设计与弹窗设计 
17.5?MG 交互动效设计 
17.6?吉祥物设计 
第18章　前沿UI设计与汽车HMI
18.1?VR/AR中的UI设计
18.2?汽车HMI中的UI设计
18.3?数据信息可视化中的UI设计
18.4?游戏设计中的UI设计
18.5?人工智能相关的UI设计
18.6?BIM建筑信息化中的UI设计
第19章　UI交互设计
19.1?人机交互设计概念 
19.2?产品相关的各种岗位职能 
19.3?交互设计师常用的工具
19.4?产品硬件平台 
19.5?信息架构学
19.6?用户角色建模 
19.7?流程图符号的意义 
19.8?手势与标签 
19.9?常见的交互操作事件 
19.10?头脑风暴和思维导图
19.11?交互设计师常画的 7 种图
19.12?任务及任务状态 
19.13?用例设计 
19.14?原型设计中的用户可用性测试
19.15?缺陷反馈跟踪及版本迭代 
19.16?导航设计让用户不迷路 
19.17?交互设计的6原则和4要素
第20章　UI动效设计
20.1?Aftet Effects动画基础
20.2?动效逻辑原理
20.3?After Effects小动画
20.4?汽车HMI设计的UI动效
第21章　UI设计走查与蓝湖
21.1?设计走查表
21.2?蓝湖协同合作平台
第22章　UI作品集和常见面试100题
22.1?UI设计师作品集制作 
22.2?UI设计师常见面试100题 

《UI设计精品必修课（第2版）》是视觉客联合一线老师倾情打造的关于UI设计的核心教材，书中结合作者多年丰富的项目制作和培训教学经验，从零开始全面阐述UI设计的技术、方法、流程和标准。
全书共22章，第1、2章介绍UI设计基础，包括认识UI设计、互联网公司用户体验设计团队的组成、UI设计师职业发展规划等；第3章讲解UI设计基础工具Photoshop、Illustrator、Figma软件的快速使用，UI设计的项目资源管理与互联网产品开发项目流程；第4章讲解有关UI设计的20个通用原则；第5～10章讲解图标设计、App产品定位、产品需求、竞品分析、用户画像、用户需求、设计色彩、UI交互线框、规范及实例；第11～15章讲解网站UI设计与B端后台的相关内容；第16、17章讲解运营UI设计，包括版式设计、LOGO设计、字体设计、BANNER版式设计、启动页设计等；第18章讲解前沿的UI设计，包括汽车HMI设计、数据可视化、游戏、BIM、AI等；第19章讲解UI交互设计；第20章讲解UI动效设计，安排了26个After Effects案例；第21章讲解UI设计走查与蓝湖的使用、团队协作等；第22章讲解优秀UI设计作品集与常见面试100题。
《UI设计精品必修课（第2版）》赠送教学视频和教学用PPT课件，方便读者学习。
《UI设计精品必修课（第2版）》不仅适合从事UI视觉设计、电商设计、平面设计、交互设计、用户体验等专业的读者学习阅读，也可以作为高等院校视觉传达、平面设计、艺术设计、产品设计、工业设计、环艺设计、游戏设计、计算机技术等相关专业的教辅图书及相关培训机构的参考图书。

马黎
韩国国民大学设计学博士   
泰国格乐大学特聘硕博导师
江南大学 访问学者   
深圳亚希诺科技 董事&CPO
上海出版印刷高等专科学校 专业教师
湖北美术学院、河北美术学院客座教授
《Art&Design》英国学术期刊主编
中韩国际设计周 评委
中国当代大学生艺术作品年鉴大赛评委
高级工艺美术师、工业设计师
中国文化部、财政部文化产业创业创意人才
广州包装技术协会  副秘书长

李才应

视觉客创始人兼CEO、上海泊彦文化传媒有限公司设计总监。
Adobe ACA世界大赛中国赛区评委、世界技能大赛上海赛区设计指导老师、上海杉达学院、上海城建学院建筑与艺术学院、海工艺美术学院、上海国家开放大学外聘专家老师、 上海退伍军人AI人工智能高级应用工程师特聘讲师。
20年设计领域从业经验，10年持续创业者，从事的领域主要在文创与设计服务、职业教育、青少儿科创教育、新媒体与图书出版，涉及汽车工业设计、汽车HMI设计、互联网UI设计、电商设计、平面设计、游戏设计、影视动画、建筑室内设计、展览展示设计、动漫二次元、绘画美术、VR/AR、元宇宙、工业产品设计、短视频、新媒体运营、AIGC等。
出版《UI设计精品必修课》《汽车HMI设计进阶与方法》《抖音剪映热门短视频创作就这么简单》。