人民邮电出版社APP交互设计全流程图解

第 一章　简述交互设计　/ 001

1.1　Freemind　/ 002

1.2　Axure RP　/ 004

1.3　Adobe After Effects　/ 006

1.4　Adobe FLASH　/ 007

1.5　Adobe Photoshop　/ 008

1.6　Principle　/ 009

1.7　Sketch　/ 010

D二章　基础服务交互　/ 012

2.1　应用图标入口　/ 012

2.2　清除缓存　/ 013

2.3　清除数据　/ 014

2.4　滑动调节　/ 015

2.5　数据读取　/ 016

2.6　支付的交互　/ 017

2.7　意见反馈　/ 019

2.8　多国语言　/ 021

2.9　登录设备管理　/ 022

2.10　关于　/ 023

2.11　手机号注册 （方法一）　/ 024

2.12　手机号注册 （方法二）　/ 025

2.13　手机号码变更 （单向确认）　/ 027

2.14　手机号码变更（双向确认）　/ 029

2.15　邮箱注册 （无需验证）　/ 031

2.16　邮箱注册 （需验证邮箱）　/ 032

2.17　邮箱登录　/ 033

2.18　短信验证码登录　/ 034

2.19　银行卡绑卡　/ 035

2.20　银行卡解除绑卡　/ 037

2.21　帮助中心　/ 038

2.22　验证码按钮状态的效果图　/ 039

2.23　时间显示状态的效果图　/ 040

2.24　切换框架的方式　/ 041

2.25　消息撤回　/ 042

2.26　手机充值　/ 044

2.27　本章总结说明　/ 045

第三章　直播系统交互　/ 046

3.1　直播主要框架　/ 046

3.2　首页“ ”添加好友的交互　/ 047

3.3　“我要直播”的申请交互　/ 049

3.4　“我要直播”通过审核后的直播交互　/ 050

3.5　“关注”页面详细的交互　/ 051

3.6　直播中的详细交互　/ 053

3.7　直播中的“发信息”交互　/ 054

3.8　直播中的“私信”交互　/ 055

3.9　直播中的“点歌”交互　/ 057

3.10　直播中的“送礼”交互　/ 058

3.11　直播中的“送礼”不足金币的交互　/ 059

3.12　直播中的“录视频”交互　/ 061

3.13　直播中的“其他”交互　/ 062

3.14　“首页”和“关注”的搜索页详细交互　/ 063

003 APP 交互设计全流程图解

3.15　“通讯录”页面详细的交互　/ 064

3.16　发现的交互“关注圈”　/ 065

3.17　发现的交互“附近的直播”　/ 065

3.18　发现的交互“zui新直播”　/ 066

3.19　发现的交互“我的关注”　/ 067

3.20　发现的交互“我的粉丝”　/ 068

3.21　发现的交互“观看历史”　/ 069

3.22　发现的交互“我的视频”　/ 070

3.23　发现的交互“我的好友”　/ 071

3.24　我的交互“个人资料”　/ 072

3.25　我的交互“个人资料” （地址）　/ 073

3.26　我的交互“个人资料” （发票抬头）　/ 075

3.27　我的交互“个人资料”性别、地区、个人标签、星座、身高、兴趣爱好　/ 077

3.28　我的交互“钱包”　/ 078

3.29　我的交互“优惠券”　/ 080

3.30　我的交互“日常任务”　/ 081

3.31　我的交互“设置”　/ 082

3.32　“设置”-“账号和安全”-“手机号”　/ 084

3.33　“设置”-“账号和安全”-“密码设置”　/ 086

3.34　“设置”-“账号和安全”-“支付设置”　/ 087

3.35　苹果手机的设置　/ 088

3.36　“设置”-“通用”-“多语言”　/ 089

3.37　“设置”-“通用”的“字体大小”　/ 090

3.38　“设置”-“通用”的“聊天背景”　/ 091

3.39　“设置”-“通用”的“视频和相片”　/ 092

3.40　“设置”-“消息通知” 的“消息通知免打扰”　/ 093

3.41　“设置”-“直播设置”的“直播场控”　/ 094

3.42　“设置”-“直播设置”的“黑名单”　/ 095

3.43　“设置”-“直播设置”的“关注的主播开播提醒”　/ 096

3.44　直播的商业　/ 097

3.45　本章总结说明　/ 098



第四章　电商购物系统交互　/ 099

4.1　电商系统主要框架　/ 099

4.2　“首页”的详细交互　/ 101

4.3　“首页”-“消息”的详细交互　/ 102

4.4　“首页”- 分类“衬衫”的详细交互　/ 103

4.5　商品的“详情”页的详细交互　/ 104

4.6　商品的“评论”页的详细交互　/ 105

4.7　商品的“相关”页的详细交互　/ 106

4.8　顾客怎么给商品评论的交互　/ 107

4.9　“购物车”的详细交互　/ 109

4.10　“马上购买”确认订单页面　/ 110

4.11　“我”-“钱包”的详细交互　/ 111

4.12　“钱包”-“交易流水”　/ 112

4.13　“交易流水”-“交易信息”的详情说明　/ 113

4.14　“钱包”-“支付管理”　/ 114

4.15　“支付管理”-“自动扣款”的详细交互　/ 115

4.16　“钱包”-“总资产”　/ 116

4.17　“钱包”-“现金资产”-“充值”（可用余额）　/ 117

4.18　“钱包”-“现金资产”-“提现”　/ 119

4.19　“钱包”-“银行卡”（添加绑定银行卡）　/ 121

4.20　银行卡详细页面信息　/ 123

4.21　“我”-“优惠券”详细交互　/ 124

4.22　手动添加“优惠券”的交互　/ 125

4.23　“我”-“日常任务”的详细交互　/ 126

4.24　“我”-“设置”的详细交互　/ 127

4.25　加入购物车的交互　/ 129

4.26　自有平台的支付交互　/ 130

4.27　与第三方支付平台he作的支付交互　/ 131

4.28　本章总结说明　/ 133

005 APP 交互设计全流程图解

第五章　互联网金融系统借款端交互　/ 134

5.1　借款端的主要框架　/ 134

5.2　“借款”的详细交互（申请）　/ 135

5.3　“申请”后的系统自动评分　/ 137

5.4　“借款”-“计算器”的交互　/ 138

5.5　“进度”的状态交互　/ 140

5.6　“钱包”的详细交互　/ 142

5.7　“钱包”-“消息中心”的详细交互　/ 143

5.8　“钱包”-“贷款确认”的详细交互　/ 144

5.9　“钱包”-“还款”的详细交互　/ 145

5.10　“可用余额”充足的还款交互　/ 146

5.11　“可用余额”不足的充值还款交互　/ 147

5.12　“可用余额”不足的自动划扣银行卡还款交互　/ 148

5.13　“钱包”-“交易流水”的详细交互　/ 149

5.14　“钱包”-“充值”的详细交互　/ 150

5.15　“钱包”-“提现”的详细交互　/ 152

5.16　“充值”和“提现”更换银行卡的交互　/ 154

5.17　“我”的详细交互　/ 155

5.18　“我”-“借款资料”的交互　/ 157

5.19　“我”-“借款信息”的交互　/ 158

5.20　“我”-“还款信息”的交互　/ 159

5.21　本章总结说明　/ 160

第六章　互联网金融系统理财端交互　/ 161

6.1　互联网金融系统理财端主要框架　/ 161

6.2　“首页”的详细交互　/ 162

6.3　“收藏”的详细交互　/ 164

6.4　“立即投资”的详细交互　/ 166

6.5　“理财”的详细交互　/ 168

6.6　“标”的来源交互　/ 169

6.7　“发现”的详细交互　/ 170



6.8　“发现”-“发布”的详细交互　/ 171

6.9　“相机胶卷”图片显示顺序的详细交互　/ 173

6.10　“相机胶卷”删除图片和调整顺序的详细交互　/ 174

6.11　“目前位置”的详细交互　/ 175

6.12　“我”的详细交互　/ 176

6.13　“我”-“我的投资”的详细交互　/ 177

6.14　“我”-“发现”-“@ 我”的详细交互　/ 178

6.15　“我”-“发现”-“评论”的详细交互　/ 179

6.16　“我”-“发现”-“点赞”的详细交互　/ 180

6.17　“我”-“发现”-“主题”的详细交互　/ 181

6.18　“我”-“钱包”的详细交互　/ 182

6.19　本章总结说明　/ 183

第七章　社交系统交互　/ 184

7.1　社交系统的主要框架　/ 184

7.2　开启相机和麦克风的权限　/ 186

7.3　“聊天”的详细交互　/ 187

7.4　用户个人信息页面的详细交互　/ 189

7.5　分享此主页网址给用户的详细交互　/ 190

7.6　“发信息”和“隐藏快拍”的交互　/ 192

7.7　“开启”和“关闭”发布通知的交互　/ 193

7.8　“关注我 ”的交互　/ 194

7.9　“发现”的详细交互　/ 195

7.10　“发布”的详细交互　/ 197

7.11　“发布新帖子”-“标记用户”的详细交互　/ 199

7.12　查看自己已发新帖子的详细交互　/ 201

7.13　“我的关注”的详细交互　/ 202

7.14　“我”的详细交互　/ 203

7.15　“我”-“收藏”的详细交互　/ 204

7.16　“我”-“存档”的详细交互　/ 206

7.17　“我”-“添加用户”的详细交互　/ 207

007 APP 交互设计全流程图解

7.18　“我”-“账户设置”的详细交互 1　/ 208

7.19　“我”-“账户设置”的详细交互 2　/ 210

7.20　“我”-“编辑个人主页”的详细交互　/ 211

7.21　“我”-“有我的相片”的详细交互　/ 212

7.22　本章总结说明　/ 213

第八章　交互设计相关内容　/ 214

8.1　交互设计的场合　/ 214

8.2　交互设计的作用　/ 215

8.3　交互设计的标准　/ 216

作者自述　/ 218