基于移动电商项目实战的移动互联后台设计与开发PDF电子书下载

第1章 Axure RP基础 1

1.1 Axure RP是干什么用的 2

1.1.1 Axure RP是原型设计软件 2

1.1.2 Axure RP原型案例 2

1.1.3 使用Axure RP原型 5

1.2 基础概念 5

1.2.1 软件界面概述 5

1.2.2 画布 7

1.2.3 坐标 8

1.2.4 元件库 8

1.2.5 站点地图 20

1.2.6 母版 21

1.2.7 属性 21

1.2.8 元件地图 22

1.2.9 发布原型 23

1.3 案例1：我的第1个Axure RP原型——注册页面 27

1.3.1 创建原型文件 27

1.3.2 添加元件 28

1.3.3 设置页面样式 30

1.3.4 预览原型效果 30

第2章 样式设置 31

2.1 颜色 32

2.1.1 认识颜色窗口 32

2.1.2 设置透明效果 33

2.1.3 设置渐变效果 33

2.2 阴影 35

2.3 文字格式 36

2.3.1 文字样式 37

2.3.2 调整文本的间距和填充 38

2.3.3 调整文本的宽度、高度 38

2.4 格式刷 39

2.5 “钢笔”和自定义图形 41

2.5.1 钢笔 41

2.5.2 自定义形状 42

2.6 处理图片的尺寸 43

2.6.1 分割图片 43

2.6.2 裁剪图片 43

2.7 设置按钮的交互样式 44

2.8 文本框样式 46

2.8.1 文本框类型 46

2.8.2 文本框提示 47

2.8.3 文本限制 48

2.8.4 “提交”按钮 48

2.9 改变形状 48

2.9.1 旋转 48

2.9.2 翻转 49

2.9.3 合并 50

2.10 布局 51

2.10.1 顺序 51

2.10.2 组合 52

2.10.3 对齐 53

2.10.4 分布 55

2.11 页面样式 55

2.11.1 页面排列 56

2.11.2 背景 56

2.11.3 草图 58

2.11.4 样式模板 59

2.12 案例2：给不同模块制作不同背景 60

2.13 案例3：绘制一个网站原型 63

2.13.1 绘制导航栏 63

2.13.2 绘制折线图 64

2.13.3 绘制统计数据模块 65

2.13.4 处理图标、图片 65

2.13.5 总体布局 66

2.13.6 设置页面样式 66

2.14 案例4：绘制一个APP原型 67

2.14.1 绘制手机框 67

2.14.2 添加遮罩 68

2.14.3 添加阴影 69

2.14.4 设置页面布局 70

第3章 原型设计准则 71

3.1 原型做成高保真还是低保真 72

3.1.1 什么是高保真和低保真 72

3.1.2 如何选择高保真与低保真 72

3.2 原型中要使用真实的数据 73

3.3 产品流程应该尽量完整 74

3.3.1 考虑用户出错的情况 74

3.3.2 考虑系统出错的情况 74

3.3.3 考虑没有数据的情况 75

3.3.4 考虑每一步的状态 75

3.3.5 添加适当的提示 76

3.4 原型需要快速迭代 76

3.4.1 沟通原型的技巧 76

3.4.2 修改原型的技巧 77

3.5 页面应该尽量简化 78

3.5.1 精简用户输入内容 78

3.5.2 精简页面上的元素 79

3.5.3 合并重复的功能 80

3.5.4 避免过多的分支流程 80

3.5.5 减少确认环节 81

3.6 页面布局要随时优化 81

3.6.1 用图形替代文字 82

3.6.2 突出重点信息 82

3.6.3 把握页面节奏 83

3.7 要保持原型的一致性 83

3.7.1 遵从惯例，保持外部一致 83

3.7.2 统一样式，保持内部一致 84

第4章 交互动画 87

4.1 基础概念 88

4.1.1 了解4个概念 88

4.1.2 举例说明4个概念 88

4.1.3 触发事件 89

4.1.4 用例 92

4.1.5 交互动作 93

4.1.6 条件 98

4.2 动态面板 102

4.2.1 创建动态面板 103

4.2.2 动态面板的状态 104

4.2.3 调整动态面板的尺寸 105

4.2.4 拖曳 107

4.3 常用交互案例 109

4.3.1 案例5：轮播图 109

4.3.2 案例6：切换标签页 112

4.3.3 案例7：侧边栏 115

4.3.4 案例8：通知 118

4.3.5 案例9：自动弹出键盘 120

4.4 复杂交互案例 121

4.4.1 案例10：优化的注册流程 121

4.4.2 案例11：锤子开机解锁 133

4.4.3 案例12：企业网站 139

第5章 数据操作 147

5.1 变量 148

5.1.1 使用变量 148

5.1.2 全局变量 149

5.1.3 元件变量 153

5.1.4 局部变量 157

5.1.5 页面、窗口和鼠标指针变量 159

5.2 函数 162

5.2.1 数字函数 162

5.2.2 字符串函数 162

5.2.3 数学函数 163

5.2.4 日期函数 163

5.2.5 布尔函数 165

5.3 中继器Repeater 165

5.3.1 复制 165

5.3.2 数据集 166

5.3.3 样式 167

5.3.4 触发事件 168

5.3.5 中继器变量 169

5.3.6 交互动作 170

5.4 数据操作案例 178

5.4.1 案例13：模拟制作“奇妙清单”APP 178

5.4.2 案例14：Layout图片编辑 191

5.4.3 案例15：雅虎天气 200

第6章 复杂原型的规划 209

6.1 可维护性 210

6.1.1 可理解性 210

6.1.2 可修改性 210

6.2 巧命名 211

6.2.1 使用有意义的名称 211

6.2.2 命名规范 212

6.2.3 页面的命名 212

6.3 善用“说明”功能 212

6.3.1 元件的“说明” 212

6.3.2 对整个原型的“说明” 213

6.3.3 结构图、流程图 214

6.4 结构规划 215

6.4.1 原型结构——选择“页面”或“动态面板” 215

6.4.2 减少重复的动作和数据 216

6.4.3 分割用例 217

6.5 案例16：Flappy Bird游戏案例 217

6.5.1 原型规划 218

6.5.2 开场 218

6.5.3 背景移动 219

6.5.4 飞行控制 221

6.5.5 碰撞检测 224

6.5.6 结束 225

6.5.7 得分 227

第7章 带地图的原型 231

7.1 地图开放平台 232

7.1.1 接口 232

7.1.2 示例 232

7.1.3 设置控件 234

7.1.4 地图风格 235

7.1.5 覆盖物 236

7.1.6 信息窗口 238

7.2 案例17：制作LBS应用“踩红包”的原型 239

7.2.1 初始化地图页面 239

7.2.2 在地图上添加红包 241

7.2.3 在地图上添加信息窗口 242

7.2.4 整合发布 244

第8章 响应式原型设计 247

8.1 响应式设计 248

8.1.1 响应式设计介绍 248

8.1.2 为什么做响应式设计 248

8.1.3 响应式设计思维 249

8.2 自适应视图 249

8.2.1 添加子视图 250

8.2.2 继承 251

8.3 案例18：响应式网站 256

8.3.1 自适应视图改变布局 257

8.3.2 窗口改变时调整元件宽度 259

第9章 手机上可访问的原型 263

9.1 让原型适应手机尺寸 264

9.1.1 设置适应手机的原型尺寸 264

9.1.2 通过视口标签，让原型自适应浏览器 264

9.2 生成分享链接 266

9.2.1 注册Axure Share账号并分享原型 266

9.2.2 利用“新浪云”自建原型服务器 268

9.3 案例19：H5小测试——色彩感觉心理测试 270

9.3.1 制作测试题 271

9.3.2 制作测试结果 272

9.3.3 设置视口标签 273

9.3.4 发布 274

第10章 母版 275

10.1 创建母版 276

10.1.1 在母版栏直接添加 276

10.1.2 将元件转换为母版 277

10.2 使用母版 277

10.2.1 拖放行为 277

10.2.2 使用情况 278

10.3 案例20：利用母版，解决“积分商城”的重复建设 278

10.3.1 导航栏 279

10.3.2 弹出菜单 280

10.3.3 底部栏 282

10.3.4 使用母版 282

第11章 元件库 285

11.1 使用元件库 286

11.1.1 下载元件库 286

11.1.2 加载元件库 286

11.1.3 切换元件库 287

11.1.4 元件库的其他操作 288

11.2 创建元件库 288

11.3 案例21：自定义元件库 290

11.3.1 手机外框 290

11.3.2 按钮 290

11.3.3 搜索框 291

11.3.4 饼状图 291

11.3.5 评论 292

11.3.6 查看元件库 293

第12章 团队协作 295

12.1 团队项目介绍 296

12.2 创建团队项目 296

12.3 获取团队项目文件 297

12.3.1 查看团队项目ID 297

12.3.2 获取团队项目 298

12.3.3 查看本地文件 299

12.4 修改团队项目 299

12.4.1 签出 299

12.4.2 提交变更 301

12.4.3 签入 301

12.4.4 历史记录 302