UI界面设计与制作教程

编写目的：根据岗位技能要求，将理论与行业现状相结合，促使设计者掌握UI设计的实用方法，提高审美能力。

内容安排：首先了解UI设计的基本知识和设计原则；然后介绍UI设计的分类及其对应的设计原则；最后详细讲解UI设计的全过程。

内容特色：理论体系完整，与大思政背景下的教学内容紧密结合，符合应用型人才培养特点。

前 言

UI设计是新时代新技术领域里不容忽视的一门新媒体技术，我们需要综合运用该技术向学生展示中华文化的魅力，挖掘和培养学生的文化自觉意识，只有对自己的文化有坚定的信心，才能获得坚持坚守的从容，鼓起奋发进取的勇气，焕发创新创造的活力。在此背景下，编写一本具有中华文化特色并与新技术相结合的教材是我们的初衷，也是本书不同于其他教材的精髓所在。目前还没有专门针对中华传统文化而设计教学案例的UI设计教材，但可以找到UI设计与实践操作相关的参考书目，这对学生来说缺乏一定的文化教育作用，而本书将文化与技术相结合，在内化学生思想的同时强化技能学习。

本书编写依据教育部最新教学标准，根据岗位技能要求，以增强UI设计者的审美能力为目的，充分考虑人对知识的接受能力和掌握过程，将理论与行业现状相结合，促使设计者掌握UI设计的实用方法。

在编写思路上，以教学对象的认知水平和学习规律为出发点，结合行业需求和专业特色的实际情况，将UI设计过程中所遇到的各项问题理论化，形成较完整的理论体系。

在内容安排上，本书开篇首先让学生了解UI设计的基本知识和设计原则；然后对UI设计的分类进行介绍，让学生将每一种设计的原则都熟记于心；之后详细讲解UI设计的全过程，包括文案的形成、图标的设计、界面的设计等。通过对本书的学习，学生可全面掌握UI设计的相关方法。

在教材特色上，本书理论体系比较完整，与大思政背景下的教学内容结合紧密，符合应用型人才培养特点。

前言

项目1 UI设计基础知识 1
任务1 感知UI设计 1
1．何为UI设计 1
2．UI设计的分类 3
任务2 UI设计的昨天、今天与明天 6
1．UI设计的昨天与今天 6
2．UI设计的发展趋势 9
任务3 UI设计师 11
1．UI设计师的职业技能 11
2．UI设计师的职业素养 12
3．UI设计师的职业生涯规划 13
项目2 认识产品与架构分析 15
任务1 UI设计工作流程 15
1．自主软件产品开发流程 15
2．外包公司产品开发流程 15
任务2 竞品分析 16
任务3 用户画像 17
1．分析用户社会学指征 17
2．分析用户消费行为指征 18
3．分析用户线下行为指征 19
任务4 需求与功能分析 19
项目3 图标设计 22
任务1 图标设计理论知识 22
1．图标设计的概念 22
2．图标设计的基本原则 23
3．图标设计的尺寸规范 25
任务2 社交类图标设计 26
1．社交类图标 26
2．社交类图标制作 26
任务3 购物类图标设计 38
1．购物类图标 38
2．购物类图标制作 38
任务4 银行类图标设计 44
1．银行类图标 44
2．银行类图标制作 45
任务5 生活类图标设计 47
1．生活类图标 47
2．生活类图标制作 48
任务6 视频类图标设计 52
1．视频类图标 52
2．视频类图标制作 53
项目4 欢迎界面设计 62
任务1 欢迎界面设计理论知识 62
1．欢迎界面设计的概念 62
2．欢迎界面设计的原则 63
任务2 淡雅风格欢迎界面设计 64
1．淡雅风格欢迎界面设计要点 64
2．淡雅风格欢迎界面制作 64
任务3 简约风格欢迎界面设计 71
1．简约风格欢迎界面设计要点 71
2．简约风格欢迎界面制作 72
任务4 扁平风格欢迎界面设计 79
1．扁平风格欢迎界面设计要点 79
2．扁平风格欢迎界面制作 79
任务5 写实风格欢迎界面设计 85
1．写实风格欢迎界面设计要点 85
2．写实风格欢迎界面制作 85
任务6 iOS风格欢迎界面设计 90
1．iOS风格欢迎界面设计要点 90
2．iOS风格欢迎界面制作 91
项目5 按钮设计 99
任务1 按钮设计理论知识 99
1．按钮设计的基本概念 99
2．按钮设计的原则 100
任务2 简约效果按钮设计 101
1．扁平式简约效果按钮设计 101
2．立体化简约效果按钮设计 108
任务3 复古效果按钮设计 130
1．复古效果下载按钮设计 130
2．复古效果开关按钮设计 141
任务4 写实效果按钮设计 153
项目6 UI界面版式设计 176
任务1 认识移动端界面结构 176
1．栏 176
2．导航结构 179
3．内容视图 184
4．临时视图 197
任务2 iOS风格界面设计 201
1．制作iOS应用主界面 201
2．制作iOS登录界面 213
3．制作iOS工具栏界面 219
参考文献 228
后记 229

1. 嵌入式人工智能技术应用（数字教材） [主编 胡娜 杨国勇 晏廷荣]
2. Java面向对象程序设计 [主编 姜春磊 陈虹洁]
3. C语言程序设计实验指导与实训（第二版） [主编 倪燃]
4. Python程序设计及实践教程 [肖朝晖]
5. C语言程序设计 [魏琴 刘祖珉 赵仕波 肖阳春]
6. C语言程序设计实验教程 [张小刚 司春景]
7. 电气控制与PLC程序设计（第二版） [胡冠山]
8. Java Web项目化设计实践教程 [邱云 曾陈萍]
9. 人工智能开发框架应用 [主编 王明超 芦娅云]
10. C语言程序设计（第三版） [主编 丁红 王立新 蔡开立]
11. 民航客舱服务实用英语教程 [主编 田静 徐亚玲]
12. Python数据分析 [主编　冯志辉　赵磊　李放]
13. 大学信息技术 [曾翰颖 编著]
14. Python程序设计与应用（第二版） [主编 张广渊]
15. 创新创业训练实践教程 [主编 王日华 陈武 黄喆诚]
16. 实用运筹学 [主编　邢育红　于晋臣]
17. 电子技术（第二版） [主编 覃爱娜 李飞]
18. C程序设计实践教程 [刘卫国]
19. C程序设计（慕课版） [刘卫国]
20. 程序设计基础实践教程（C/C++语言版） [张桂芬 葛丽娜]
21. C++案例项目精讲 [主编 杨国兴]
22. 工程数学 [主编 郭立娟 王海]
23. 语音识别理论与实践 [主编　莫宏伟]
24. 武术基础教程 [主编 李代勇 谢志民]
25. 计算机网络实训教程 [主编 张浩军 赵玉娟]
26. SwiftUI完全开发 [李智威 著]
27. 电工电子技术基础 [主编 刘 军 杨国龙 刘天成]
28. MySQL数据库项目式教程 [陈亚峰]
29. 机械设计基础（第二版） [主编 田亚平 李爱姣]
30. 画法几何与机械制图 [主编 赵军]