本书以理论与项目实战相结合的方式， 详细讲解了UI设计与制作的方法。 第1章为初识UI设计， 介绍了UI设计的基本概念、常用软件、发展趋势、 学习方法、 项目流程， 以及规范与规则。第2章到第6章分别介绍了UI设计中的图标设计、控件设计、组件设计、页面设计和UI设计输出。第2章到第6單除知识讲解外，还包括课堂案例。 课堂练习和课后习题等内容。 本书内容丰富、 全 面， 知识点讲解清晰详细， 可以帮助读者快速提高UI设计的能力。
全彩慕课版
配套慕课视频+配套素材及最终效果文件+扩展案例+PPT课件+教学教案+教学大纲+拓展知识页
精选基础知识，快速了解UI设计；通过知识点解析加课堂案例，熟悉设计思路，掌握制作方法；通过课堂练习加课后习题，拓展应用能力；循序渐进，演练真实商业项目制作过程
徐翠娟 哈尔滨职业技术学院电子与信息工程学院院长、教授，黑龙江省高职高专计算机类专业教学指导委员会副主任委员，黑龙江省教学名师，获得黑龙江省师德先进个人、黄炎培职业教育优秀教师奖等荣誉称号，主讲《图形图像处理技术》《网页设计基础》《Java程序设计》等多门课程。2010年主持《Java项目实战》课程评为省级精品课程，2018年评为省级精品在线开放课程，2010年评为黑龙江省课程思政示范课。主编《数字影音编辑与合成案例教程》《Java程序设计》、《计算机应用基础》等多部教材。主持项目获黑龙江省高等职业教育教学成果一等奖1项、二等奖1项，参与项目获全国职业教育教学成果二等奖1项。
宋磊 哈尔滨职业技术学院 电子与信息工程学院 副院长 ；黑龙江省高水平专业软件技术专业带头人
第 1章初识UI设计 1
1.1 UI设计的基本概念 2
1.2 UI设计的常用软件 2
1.3 UI设计的发展趋势 2
1.4 UI设计的学习方法 3
1.5 UI设计的项目流程 4
1.6 UI设计的规范与规则 5
第 2章UI设计中的图标设计 12
2.1 线性图标 13
2.1.1 基本概念 13
2.1.2 使用场景 13
2.1.3 设计要点 13
2.1.4 课堂案例—制作旅游类App线性图标 16
2.2 面性图标 22
2.2.1 基本概念 22
2.2.2 使用场景 22
2.2.3 设计要点 23
2.2.4 课堂案例—制作旅游类App面性图标 24
2.3 线面图标 28
2.3.1 基本概念 28
2.3.2 使用场景 29
2.3.3 设计要点 29
2.3.4 课堂案例—制作旅游类App线面图标 30
2.4 课堂练习——制作电商类App线性图标 35
2.5 课后习题——制作餐饮类App面性图标 35
第3章UI设计中的控件设计 36
3.1 初识控件 37
3.1.1 控件的概念 37
3.1.2 控件的获取 37
3.2 按钮控件 38
3.2.1 按钮控件的概念 38
3.2.2 按钮控件的类型 38
3.2.3 按钮控件的规则 39
3.2.4 课堂案例—制作旅游类App按钮控件 42
3.3 选择控件 43
3.3.1 选择控件的概念 44
3.3.2 选择控件的类型 44
3.3.3 选择控件的规则 44
3.3.4 课堂案例—制作旅游类App选择控件 45
3.4 加减控件 47
3.4.1 加减控件的概念 48
3.4.2 加减控件的类型 48
3.4.3 加减控件的规则 48
3.4.4 课堂案例—制作旅游类App加减控件 49
3.5 分段控件 51
3.5.1 分段控件的概念 52
3.5.2 分段控件的类型 52
3.5.3 分段控件的规则 53
3.5.4 课堂案例—制作旅游类App分段控件 54
3.6 页面控件 57
3.6.1 页面控件的概念 57
3.6.2 页面控件的类型 57
3.6.3 页面控件的规则 57
3.6.4 课堂案例—制作旅游类App页面控件 58
3.7 反馈控件 60
3.7.1 反馈控件的概念 60
3.7.2 反馈控件的类型 60
3.7.3 反馈控件的规则 61
3.7.4 课堂案例—制作旅游类App反馈控件 64
3.8 文本框控件 65
3.8.1 文本框控件的概念 65
3.8.2 文本框控件的类型 65
3.8.3 文本框控件的规则 66
3.8.4 课堂案例—制作旅游类App文本框控件 67
3.9 课堂练习——制作电商类App文本框控件 69
3.10 课后习题——制作餐饮类App按钮控件 70
第4章UI设计中的组件设计 71
4.1 初识组件 72
4.1.1 组件的概念 72
4.1.2 组件的获取 72
4.2 导航栏 73
4.2.1 导航栏的概念 73
4.2.2 导航栏的类型 73
4.2.3 导航栏的规则 75
4.2.4 课堂案例—制作旅游类App导航 77
4.3 标签栏 83
4.3.1 标签栏的概念 84
4.3.2 标签栏的类型 84
4.3.3 标签栏的规则 85
4.3.4 课堂案例—制作旅游类App标签栏 90
4.4 金刚区 102
4.4.1 金刚区的概念 102
4.4.2 金刚区的类型 103
4.4.3 金刚区的规则 103
4.4.4 课堂案例—制作旅游类App金刚区 107
4.5 瓷片区 117
4.5.1 瓷片区的概念 117
4.5.2 瓷片区的类型 117
4.5.3 瓷片区的规则 118
4.5.4 课堂案例—制作旅游类App瓷片区 121
4.6 课堂练习——制作电商类App标签栏 130
4.7 课后习题——制作餐饮类App标签栏 131
第5章UI设计中的页面设计 132
5.1 闪屏页 133
5.1.1 闪屏页的概念 133
5.1.2 闪屏页的类型 133
5.1.3 课堂案例—制作旅游类App闪屏页 135
5.2 引导页 137
5.2.1 引导页的概念 138
5.2.2 引导页的类型 138
5.2.3 课堂案例—制作旅游类App引导页 139
5.3 首页 149
5.3.1 首页的概念 149
5.3.2 首页的类型 149
5.3.3 课堂案例—制作旅游类App首页 152
5.4 个人中心页 171
5.4.1 个人中心页的概念 171
5.4.2 课堂案例—制作旅游类App个人中心页 172
5.5 详情页 193
5.5.1 详情页的概念 193
5.5.2 课堂案例—制作旅游类App酒店详情页 193
5.6 注册登录页 217
5.6.1 注册登录页的概念 217
5.6.2 课堂案例—制作旅游类App登录页 218
5.7 课堂练习—制作电商类App页面 226
5.8 课后习题—制作餐饮类App页面 227
第6章UI设计输出 229
6.1 UI页面标注 230
6.1.1 标注原因 230
6.1.2 标注内容 230
6.1.3 标注规则 232
6.1.4 标注工具 232
6.1.5 课堂案例—标注旅游类App登录页 234
6.2 UI页面切图 239
6.2.1 切图目的 239
6.2.2 切图类型 239
6.2.3 切图规则 241
6.2.4 切图方法 242
6.2.5 大小优化 242
6.2.6 课堂案例—制作旅游类App登录页切图 243
6.3 UI页面命名 246
6.3.1 命名原因 247
6.3.2 命名规则 247
6.3.3 常用名称 247
6.3.4 课堂案例—命名旅游类App登录页切图 247
6.4 课堂练习—标注电商类App登录页并切图命名 248
6.5 课后习题—标注餐饮类App登录页并切图命名 249
书单推荐
