《零基础学交互设计》求取 ⇩

第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.4UI的交互设计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.2UI设计中的平面构成106

4.2.1 统一与变化107

4.2.2 对比与调和107

4.2.3 对称与平衡108

4.2.4 节奏与韵律108

4.3UI交互导航菜单设计109

4.3.1 交互导航菜单的优势109

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

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

4.4UI工具栏交互设计116

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

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

4.5UI图片交互设计124

4.5.1 UI图片排版方式124

4.5.2 UI图片应用技巧126

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

4.6 本章小结137

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

5.1UI交互设计的特点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.2UI交互动画效果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.3UI交互动画效果设计规范168

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

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

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

5.4 本章小结180