移动APP产品原型设计 刘刚 编著 专业科技 文轩网

第1章走进AxureRP世界：了解原型设计1
1.1什么是AxureRP2
1.1.1什么是原型设计2
1.1.2常用原型设计工具2
1.1.3AxureRP能干什么3
1.2AxureRP软件安装、汉化与注册4
1.3认识Axure的软件界面6
1.3.1Axure工具栏7
1.3.2利用Axure站点地图规划栏目结构16
1.3.3利用部件制作原型积木17
1.3.4制作部件库46
1.3.5将Axure页面管理起来47
1.4AxureRP8.0与AxureRP7.0的区别48
1.4.1软件界面整体区别48
1.4.2菜单栏区域区别50
1.4.3工具栏区域区别52
1.4.4站点地图区域区别52
1.4.5部件区域区别53
1.4.6交互样式区域区别55
1.4.7部件管理区域区别55
1.4.8用例编辑、发布设置、发布页面区别57
第2章实现原型演示的功能逻辑：变量和函数60
2.1不可缺少的全局变量和局部变量61
2.2丰富的部件和页面67
2.2.1部件函数67
2.2.2页面函数70
2.3灵活的窗口和鼠标71
2.3.1窗口函数71
2.3.2鼠标函数74
2.4多变的数字和字符串75
2.4.1数字函数75
2.4.2字符串函数76
2.5种类繁多的数学和日期77
2.5.1数学函数77
2.5.2日期函数77
第3章Axure交互79
3.1Axure触发事件80
3.1.1部件触发事件80
3.1.2页面触发事件81
3.2Axure交互条件设置83
3.3展示丰富的交互动作88
3.3.1链接交互动作88
3.3.2部件交互动作96
3.4神奇的动态面板97
3.4.1认识动态面板97
3.4.2动态面板的显示与隐藏效果101
3.4.3调整动态面板的大小以适合内容101
3.4.4动态面板的滚动栏设置101
3.4.5动态面板固定到浏览器101
3.4.6100%宽度102
3.4.7从动态面板脱离102
3.4.8转换为母版102
3.4.9转换为动态面板102
3.5类数据库操作：中继器103
3.5.1认识中继器103
3.5.2中继器数据绑定操作104
3.5.3中继器新增数据弹出框设计108
3.5.4中继器新增数据操作110
3.5.5中继器删除数据操作117
3.5.6中继器修改数据操作121
3.5.7中继器搜索及排序操作125
3.5.8中继器分页功能128
3.6Axure母版一次制作，终身受益132
3.6.1创建母版的两种方式132
3.6.2母版的三种拖放行为135
第4章移动APP设计原则138
4.1设计原则139
4.1.1原则1：抓住用户的心，满足用户最真实的需求139
4.1.2原则2：用合适的方式展示信息139
4.1.3原则3：考虑移动互联网设备的特殊性139
4.1.4原则4：不要让用户寻找140
4.1.5原则5：考虑用户的使用场景140
4.1.6原则6：用户简单易学140
4.1.7原则7：如何“抄袭”竞品141
4.2导航布局设计141
4.2.1标签导航141
4.2.2顶部导航141
4.2.3抽屉式导航141
4.2.4九宫格导航141
4.2.5列表式导航142
4.2.6tab页签导航142
4.2.7混合组合导航142
4.3移动APP建模143
4.3.1模拟情景建模143
4.3.2真实情景建模144
第5章新闻类APP：腾讯新闻APP低保真原型设计148
5.1新闻类APP原型设计要素149
5.2设计内容与思路150
5.2.1腾讯新闻版本150
5.2.2设计内容150
5.2.3设计思路151
5.3标签导航母版制作151
5.3.1标签导航母版布局设计151
5.3.2标签导航选中效果设计152
5.3.3标签导航母版引入页面154
5.4“要闻”页面内容布局设计157
5.4.1顶部状态栏设计157
5.4.2“要闻”页面设计159
5.5“科技”页面内容布局设计161
5.6“新闻”模块页签切换效果设计162
5.7“读书”模块页面布局与交互设计163
5.7.1“精选书城”页面设计164
5.7.2“我的书架”页面设计168
5.8烂笔头笔记——新闻类APP170
第6章电商类APP：手机淘 宝APP高保真原型设计171
6.1电商类APP原型设计要素172
6.2设计内容与思路174
6.2.1手机淘 宝APP版本174
6.2.2设计内容174
6.2.3设计思路174
6.3底部标签导航设计175
6.3.1标签导航布局设计175
6.3.2标签导航交互设计178
6.4“首页”模块布局与交互设计181
6.4.1“首页”页面内容布局设计181
6.4.2海报轮播效果交互设计183
6.5“微淘”模块布局与交互设计184
6.5.1“微淘”页面内容布局设计184
6.5.2页签切换效果交互设计186
6.6“社区”模块布局设计189
6.7“购物车”模块布局与交互设计190
6.7.1“购物车”页面内容布局设计190
6.7.2商品列表上下滑动效果192
6.8“我的淘 宝”模块布局设计194
6.9烂笔头笔记——电商类APP196
第7章金融类APP：支付宝APP低保真原型设计197
7.1金融类APP原型设计要素198
7.2设计内容与思路199
7.2.1支付宝APP版本199
7.2.2设计内容199
7.2.3设计思路199
7.3“支付宝”模块交互设计200
7.3.1九宫格导航设计200
7.3.2海报轮播效果设计204
7.4余额宝界面交互设计205
7.4.1界面布局设计205
7.4.2界面上下滑动设计208
7.5中继器显示余额宝转入记录设计211
7.6余额宝转入界面设计214
7.7烂笔头笔记——金融类APP220
第8章生鲜类APP：爱鲜蜂APP高保真原型设计221
8.1生鲜类APP原型设计要素222
8.2设计内容与思路223
8.2.1爱鲜蜂APP版本223
8.2.2设计内容223
8.2.3设计思路223
8.3“首页”模块交互设计226
8.3.1“首页”界面布局设计226
8.3.2海报轮播效果制作227
8.4“鲜奶即递”详情设计228
8.5“闪送超市”模块交互设计233
8.5.1界面布局设计234
8.5.2手风琴效果制作235
8.6烂笔头笔记——生鲜类APP237
第9章教育类APP：猿题库APP高保真原型设计238
9.1教育类APP原型设计要素239
9.2设计内容与思路240
9.2.1猿题库APP版本241
9.2.2设计内容241
9.2.3设计思路241
9.3“练习”模块交互设计241
9.3.1标签导航母版设计241
9.3.2“练习”界面布局设计246
9.3.3海报轮播效果制作247
9.4“语文”练习详情设计248
9.5“试卷”模块交互设计251
9.5.1“试卷”内容设计252
9.5.2界面上下滑动效果制作253
9.6“发现”模块布局设计256
9.7“我”模块布局设计257
9.8烂笔头笔记——教育类APP257
第10章娱乐段子类APP：糗事百科APP高保真原型设计259
10.1娱乐段子类APP原型设计要素260
10.2设计内容与思路261
10.2.1糗事百科APP版本261
10.2.2设计内容261
10.2.3设计思路261
10.3底部标签导航设计262
10.4“糗事”模块页面上下滑动效果设计266
10.5“糗友圈”模块页签切换效果设计269
10.6“发现、小纸条”模块交互设计273
10.7“我、登录”模块交互设计274
10.8烂笔头笔记——娱乐段子类APP277
注：以下附录内容读者可扫描封底二维码下载获得。
附录A实战：京 东登录表单原型设计279
附录A.1新建工程与栏目页面279
附录A.2绘制用户名和密码输入框280
附录A.3登录方式设计283
附录B实战：简易计算器原型设计286
附录C实战：京 东商城首页原型设计291
附录C.1首页布局设计291
附录C.2手风琴式菜单效果294
附录C.3导航菜单移入移出时效果299
附录C.4海报轮播效果300
附录D实战：智联招聘APP原型设计304
附录D.1智联招聘APP版本及设计内容304
附录D.2智联招聘标签导航设计304
附录D.3智联招聘的“职位”模块布局设计306
附录D.4招聘内容滑动效果310