第一部分 设计过程 2
第1章 设计过程概述 2
1.1设计过程 3
1.2典型的设计过程 4
1.2.1研究 5
1.2.2信息架构 9
1.2.3视觉设计 16
1.2.4交付 18
1.3总结 20
第2章 电商网站设计过程 22
2.1投资人采访 24
2.2竞争分析 25
2.3角色模型 25
2.4权衡并制定功能的优先级 27
2.5信息架构 30
2.5.1站点地图 30
2.5.2绘制页面和内容的线框图 31
2.6创建模型 52
2.7交付 52
2.8评审开发工作 53
2.9总结 53
第二部分 进入Axure原型世界 68
第1章 Axure基础交互 68
1.1欢迎界面 69
1.1.1 Axure的文件格式 71
1.1.2团队项目 71
1.1.3工作环境 72
1.1.4自定义工作区 73
1.2页面(站点地图) 73
1.3部件概述 74
1.3.1部件详解 75
案例1:图像交互样式 78
案例2:图像选项组的交互应用 86
挑战1:进一步熟悉部件交互样式 90
案例3:添加一个自定义部件样式 94
案例4:使用动态面板部件制作简单的轮播广告 115
挑战2:可单击交互的轮播广告 119
挑战3:带有状态指示器的轮播广告 120
挑战4:淘宝首页的轮播广告 120
案例5:使用【Value】来设置动态面板状态 121
案例6:使用内联框架部件加载网络视频 126
案例7:使用内联框架加载可交互的百度地图 128
挑战5:使用内联框架加载本地视频/音频 133
案例8:给中继器中的项设置交替背景色 142
案例9:同意协议方可继续注册会员 150
挑战6.1:密码输入框禁用/启用的交互(一) 153
挑战6.2密码输入框禁用/启用的交互(二) 153
1.3.2部件操作 169
案例10:使用钢笔工具和改变形状制作一个放大镜 图标 182
1.3.3页面样式 191
1.4交互基础 202
1.4.1事件(Events) 204
1.4.2用例(Cases) 208
1.4.3动作(Actions) 211
1.4.4交互基础案例 217
案例11:iOS APP标签栏视图切换 217
挑战7: TripAdvisor应用的用户登录和注册视图切换 227
案例12:知乎APP微博登录部件显示/隐藏 227
挑战8:知乎APP用户登录/注册切换效果 233
1.5总结 233
第2章 母版详解 234
2.1母版基础 235
2.1.1创建母版的两种方法 235
2.1.2使用母版 236
2.1.3母版的拖放行为 238
案例13:母版在原型中的应用 239
第3章 动态面板高级应用 242
3.1动态面板事件 243
3.1.1状态改变时 243
3.1.2拖动时 243
3.1.3滚动时 243
3.2拖动事件 244
案例14:简单的滑动解锁 244
案例15:完整的滑动解锁 249
挑战9:滑动解锁评论 257
案例16: APP可滚动内容的三种常用实现方法 258
案例17:回到顶部交互效果 268
挑战10:默认情况下scroll2top隐藏,当浏览器滚动距离大于200像素才显示,小于200像素则再次隐藏 272
案例18:手风琴菜单交互 272
挑战11:请根据案例18中所学的知识,独立制作一个包含三个或更多菜单的手风琴菜单。 284
第4章 流程图 285
4.1创建流程图 286
4.1.1流程图形状 286
4.1.2连接线模式 286
4.1.3将页面标记为流程图类型 287
4.1.4连接线的使用 287
4.1.5给连接线编辑文字 288
4.2添加参照页 289
4.3生成流程图 290
第5章 自定义部件库 291
5.1自定义部件库概述 292
5.2加载和创建自定义部件库 292
5.2.1添加注释和交互 294
5.2.2组织部件库到文件夹 294
5.2.3使用自定义样式 295
5.2.4编辑自定义部件属性 295
案例19:制作一个可交互switch button部件 296
挑战12:请根据工作需求创建一套属于你自己的部件库 304
第6章 高级交互 305
6.1条件逻辑 306
6.1.1条件逻辑概述 306
案例20:会员登录条件判断 308
6.1.2交互和条件逻辑 313
6.1.3多条件用例 316
案例21:会员注册多条件判断 316
挑战13:请尝试制作案例延伸中所描述的会员注册即时反馈交互效果 328
案例22:使用下拉列表项控制动态面板状态(翻水果) 328
6.2设置部件值 333
6.2.1设置文本 333
6.2.2设置图像 336
6.2.3设置选中 337
6.2.4设置列表选中项 338
6.3变量 338
6.3.1变量概述 338
6.3.2创建和设置变量值 339
6.3.3在动作中设置变量值 340
案例23:全局变量的简单应用(用户登录后的欢迎提示) 342
6.4函数 347
6.4.1函数列表 347
案例24:账单计算器 353
挑战14:制作一个可四舍五入且保留两位小数的账单计算器 358
案例25:模拟手机按键输入 358
挑战15:模拟iOS数字和英文键盘切换输入 363
第7章 团队项目 364
7.1团队项目概述 365
7.2创建团队项目 368
7.3团队项目环境和本地副本 372
7.4获取并打开已有团队项目 374
7.5使用团队项目 375
第8章 AxShare 382
8.1 Axshare概述 383
8.2如何使用AxShare生成原型 385
8.3上传原型到AxShare 386
8.4在局域网中共享原型 388
第9章 自适应视图 389
9.1自适应视图概述 390
9.2自适应设计与响应式设计 391
9.3创建和设置自适应视图 392
9.4编辑自适应视图 393
9.4.1编辑自适应视图 394
9.4.2影响所有视图 394
9.4.3在自适应视图中添加或删除部件 395
案例26:制作一个简单的自适应着陆页 398
第10章 中继器部件高级应用 407
10.1制作天猫商城商品列表页 408
10.2过滤数据 418
10.3过滤器中项的数量和中继器中所有项的数量 422
10.4数据排序 426
10.5按价格区间过滤 428
10.6中继器分页和翻页 431
10.7上一页/下一页交互 439
第11章 APP原型模板 451
11.1概述 452
11.2 APP原型模板 452
11.3 APP原型的尺寸设计 457
11.3.1 Viewport概述 458
11.3.2 CSS中的px与移动设备中的px 458
11.4在真实的移动设备中预览原型 459
第12章 用户界面规范文档 465
12.1规范文档概述 466
12.2 Axure规范文档 467
12.3生成器和输出文件 469
12.4部件注释 471
12.5部件说明 472
12.6页面说明 474
附录A APP原型尺寸速查表 476
附录B Axure RP8部件操作快捷键 489