零基础学交互设计PDF电子书下载

第1章 交互设计概述 1

1.1 了解交互设计 2

1.1.1 交互与交互设计 2

1.1.2 交互设计师 3

1.1.3 交互设计的内容 5

1.1.4 交互设计需要遵循的习惯 6

1.2 交互设计的基本流程 7

1.2.1 产品需求分析 7

1.2.2 用户行为流程的分类 9

1.2.3 产品信息架构 10

1.2.4 产品原型设计 12

1.3 产品交互行为流程设计原则 13

1.3.1 减少用户行为数量 13

1.3.2 为用户行为设计及时反馈 13

1.3.3 降低用户行为难度 14

1.3.4 减少用户等待时间 14

1.3.5 不轻易中断用户行为 15

1.4 移动与网站UI的交互差异 16

1.4.1 设备尺寸不同 16

1.4.2 交互方式不同 17

1.4.3 使用环境不同 18

1.4.4 网络环境不同 18

1.4.5 基于位置服务的精细度不同 19

1.5 本章小结 20

第2章 交互动画效果基础 21

2.1 交互动画效果与UI设计 22

2.1.1 交互动画效果的发展 22

2.1.2 优秀的交互动画效果具有的特点 22

2.1.3 交互动画效果的优势 23

2.1.4 功能型动画效果与展示型动画效果 25

2.1.5 制作背景切换交互动画效果 26

2.2 交互动画效果的应用方式 32

2.2.1 转场过渡 32

2.2.2 层级展示 32

2.2.3 空间扩展 33

2.2.4 关注聚焦 34

2.2.5 内容呈现 34

2.2.6 操作反馈 35

2.3 基础动画效果 35

2.3.1 基础动画效果类型 35

2.3.2 属性变化 36

2.3.3 运动节奏 37

2.3.4 基础动画效果组合应用 38

2.3.5 制作App启动界面动画效果 38

2.4 UI的交互设计 44

2.4.1 用户青睐的交互设计模式 44

2.4.2 如何提升产品转化率 44

2.4.3 3种新颖的UI交互技巧 47

2.4.4 制作二维码扫描动画效果并输出 49

2.5 本章小结 56

第3章 UI元素的交互设计 57

3.1 文字元素的设计表现 58

3.1.1 交互界面中的字体应用 58

3.1.2 尽可能只使用一种字体 59

3.1.3 如何体现文字的层次感 60

3.2 文字交互动画效果 61

3.2.1 文字动画效果的表现优势 61

3.2.2 常见文字动画效果表现形式 62

3.2.3 制作遮罩标题文字动画效果 65

3.3 图标元素的设计表现 72

3.3.1 图标的功能 72

3.3.2 图标的表现形式以及适用场景 74

3.4 图标交互动画效果 77

3.4.1 常见图标动画效果表现形式 77

3.4.2 制作日历图标动画效果 80

3.5 交互按钮的设计表现 85

3.5.1 交互按钮的样式与应用 85

3.5.2 如何设计出色的交互按钮 88

3.5.3 制作垃圾清理完成动画效果 91

3.6 本章小结 99

第4章 UI的交互设计 100

4.1 移动UI布局 101

4.1.1 UI的布局特点 101

4.1.2 UI常见的布局形式 102

4.2 UI设计中的平面构成 106

4.2.1 统一与变化 107

4.2.2 对比与调和 107

4.2.3 对称与平衡 108

4.2.4 节奏与韵律 108

4.3 UI交互导航菜单设计 109

4.3.1 交互导航菜单的优势 109

4.3.2 交互导航菜单的设计要点 110

4.3.3 制作侧滑交互导航菜单动画效果 111

4.4 UI工具栏交互设计 116

4.4.1 关于工具栏交互动画效果 116

4.4.2 制作工具栏动感展开交互动画效果 117

4.5 UI图片交互设计 124

4.5.1 UI图片排版方式 124

4.5.2 UI图片应用技巧 126

4.5.3 制作界面图片翻页切换交互动画效果 127

4.6 本章小结 137

第5章 UI中常见交互动画效果的设计 138

5.1 UI交互设计的特点 139

5.1.1 明确的视觉反馈 139

5.1.2 提示界面功能的改变 139

5.1.3 扩展界面空间 140

5.1.4 突出界面变化 140

5.1.5 元素的层次结构及其交互 141

5.1.6 操作反馈 141

5.1.7 明确系统状态 142

5.1.8 富有趣味性的动画效果 143

5.1.9 制作下雪天气动画效果 144

5.2 UI交互动画效果 150

5.2.1 常见界面交互动画效果表现形式 150

5.2.2 开关按钮的功能与特点 155

5.2.3 制作开关按钮交互动画效果 155

5.2.4 了解加载进度动画效果 159

5.2.5 常见加载进度动画效果的表现形式 160

5.2.6 制作圆形加载进度动画效果 162

5.3 UI交互动画效果设计规范 168

5.3.1 UI交互动画效果设计要点 168

5.3.2 界面转场交互动画效果表现形式 171

5.3.3 制作界面列表显示动画效果 175

5.4 本章小结 180