UI设计技术与应用案例解析

《UI设计技术与应用案例解析》紧密围绕“素养、知识、技能”三位一体的教学目标，从“爱国情怀、社会责任、法治思维、职业素养”等维度落实课程思政；提高学生的创新意识、合作意识和效率意识，培养学生精益求精的工匠精神，弘扬社会主义核心价值观。 全书共8章，遵循由浅入深、从基础知识到案例进阶的学习原则，对UI设计的基础知识、图像处理相关知识、图形元素的设计技能、产品设计交互工具、组件与图标设计、App界面设计、网页界面设计以及软件界面设计等内容进行了逐一讲解。

《UI设计技术与应用案例解析》以案例为指引，以理论做铺垫，全面系统地对UI设计的方法与技巧进行了讲解。书中用通俗易懂的语言、图文并茂的形式对Photoshop、Illustrator、MasterGo软件在UI设计中的应用进行了细致的剖析。
全书共8章，遵循由浅入深、从基础知识到案例进阶的学习原则，对UI设计的基础知识、图像处理相关知识、图形元素的设计技能、产品设计交互工具、组件与图标设计、App界面设计、网页界面设计以及软件界面设计等内容进行了逐一讲解。
《UI设计技术与应用案例解析》结构合理、内容丰富、易学易懂，既有鲜明的基础性，也有很强的实用性。《UI设计技术与应用案例解析》既可作为高等院校相关专业的教学用书，又可作为培训机构以及图形设计爱好者的参考书。

邹平吉，从事本行业教学研究十余年，多次带领学生参加各类比赛并取得优异成绩，并参加过大型项目的制作等。

第1章
UI设计基础知识
1.1 UI设计概述 2
1.1.1 UI设计的概念 2
1.1.2 UI设计的基本原则 3
1.1.3 UI设计的流程 6
1.1.4 UI设计的常用软件 7
1.2 UI设计方向 8
1.2.1 用户研究 8
1.2.2 交互设计 8
1.2.3 界面设计 8
1.3 UI界面设计原则 9
1.3.1 一致性原则 9
1.3.2 准确性原则 9
1.3.3 可读性原则 9
1.3.4 布局合理化原则 10
1.3.5 系统操作合理性原则 10
1.3.6 系统响应时间原则 11
1.4 UI设计规范 11
1.4.1 文字应用规范 11
1.4.2 图片应用规范 12
1.4.3 色彩应用规范 13
课后练习 收集不同类别的UI界面设计 19
拓展赏析 中国的榫卯工艺 20

第2章
图像处理知识准备
2.1 基础知识详解 22
2.1.1 案例解析：制作九宫格效果 22
2.1.2 认识工作界面 23
2.1.3 图像的辅助调整 24
2.1.4 图像的显示调整 27
2.1.5 图像的变形与变换 29
2.1.6 图像的修饰与修复 31
2.2 图形的绘制与填充 35
2.2.1 案例解析：重构图像显示 35
2.2.2 选框工具组 36
2.2.3 画笔工具组 36
2.2.4 钢笔工具组 37
2.2.5 形状工具组 38
2.2.6 取样、填充颜色 39
2.2.7 渐变工具 40
2.3 文本的创建与编辑 40
2.3.1 案例解析：制作电商Banner 40
2.3.2 认识文本工具 42
2.3.3 创建文本 42
2.3.4 编辑文本 43
2.4 蒙版和通道 44
2.4.1 案例解析：制作圆角方形头像 44
2.4.2 认识通道 45
2.4.3 认识蒙版 45
2.5 图像的色彩调整 46
2.5.1 案例解析：提取图像线稿 46
2.5.2 色阶 47
2.5.3 曲线 47
2.5.4 色相/饱和度 48
2.5.5 色彩平衡 49
2.5.6 去色 49
2.6 图像的特效应用 50
2.6.1 案例解析：制作动感飞驰效果 50
2.6.2 图层样式 50
2.6.3 独立滤镜组 51
2.6.4 特效滤镜组 53
课堂实战 制作平铺背景效果 55
课后练习 制作千图成像效果 57
拓展赏析 传世名画：清明上河图 58

第3章
图形元素的设计技能
3.1 基础知识详解 60
3.1.1 案例解析：快速调整图像尺寸 60
3.1.2 认识工作界面 61
3.1.3 画板的尺寸调整 63
3.2 基础图形的绘制与填充 63
3.2.1 案例解析：绘制卡通云朵 63
3.2.2 绘制线段和网格 64
3.2.3 绘制几何形状 65
3.2.4 构建新的形状 67
3.2.5 设置填充与描边 68
3.3 路径的绘制与编辑 72
3.3.1 案例解析：绘制手账本简笔画 72
3.3.2 绘制路径 73
3.3.3 调整路径 74
3.3.4 编辑路径 75
……