Axure RP8原型设计图解视频教程Web+App

一篇 原型设计及Axure基础 1

1章 Axure原型设计概述 1

.1 什么是软件原型 2

.1.1 草图原型 2

.1.2 低保真原型 3

.1.3 高保真原型 3

.2 Axure RP8软件安装 4

.3 认识Axure软件界面 6

.3.1 菜单栏区域 6

.3.2 工具栏区域 8

.3.3 页面区域 14

.3.4 元件库区域 14

.3.5 母版区域 15

.3.6 工作区域 16

.3.7 检视区域 16

.3.8 页面概要区域 17

.4 原型设计流程 17

.4.1 需求分析 17

.4.2 页面架构设计 18

.4.3 低保真原型设计 20

.4.4 原型评审 21

.4.5 高保真原型设计 21

.5 小结 21

2章 用页面区域管理软件页面 23

.1 页面区域是什么 23

.1.1 什么是页面区域 23

.1.2 页面区域能干什么 24

.1.3 使用页面区域注意事项 24

.2 页面区域的功能使用 24

.3 实战——“百度门户”栏目规划 26

.4 小结 29

3章 用Axure元件库搭积木 30

.1 绘制线框图所用的元件 31

.1.1 通用型元件的使用 31

.1.2 表单类元件的使用 38

.1.3 菜单与表格元件的使用 42

.1.4 标记元件的使用 44

.2 绘制流程图所用的元件 45

.3 丰富的图标元件库 50

.4 如何载入元件库和自定义元件库 51

.4.1 载入元件库 51

.4.2 自定义元件库 53

.5 实战—-制作“个人简历表” 55

.6 小结 60

4章 用Axure动态面板制作动态效果 61

.1 动态面板的使用 62

.1.1 创建动态面板并命名 62

.1.2 编辑动态面板状态 63

.1.3 通过页面概要区域管理动态面板 66

.2 动态面板的常用功能 69

.2.1 动态面板的显示与隐藏效果 69

.2.2 调整动态面板的大小以适合内容 74

.2.3 动态面板的滚动栏设置 75

.2.4 动态面板的固定到浏览器 77

.2.5 100％宽度 79

.2.6 从动态面板脱离 81

.2.7 转换为母版 83

.2.8 转换为动态面板 83

.3 实战——淘宝登录页签的切换效果 83

.3.1 登录页签标题设计 84

.3.2 快速登录页面设计 87

.3.3 账号密码登录页面设计 88

.3.4 页签交互效果设置 91

.4 小结 93

5章 用Axure变量制作丰富交互效果 94

.1 全局变量和局部变量的使用 94

.2 变量值在页面间的传递 96

.2.1 登录表单和首页 96

.2.2 新增变量和赋值 98

.2.3 首页显示变量值 100

.2.4 发布原型 101

.3 实战——制作简易计算器 102

.3.1 计算器布局设计 103

.3.2 数字按钮交互设计 106

.3.3 运算符按钮交互设计 109

.3.4 等号按钮交互设计 110

.4 小结 112

6章 用Axure母版减少重复工作 113

.1 母版功能介绍 114

.1.1 母版的使用 114

.1.2 制作母版的两种方式 115

.2 母版的3种拖放行为 119

.2.1 拖放行为为任何位置 119

.2.2 拖放行为为锁定到母版中的位置 121

.2.3 拖放行为为从母版脱离 122

.3 实战——百度门户导航菜单母版设计 124

.3.1 导航菜单母版布局设计 125

.3.2 网站LOGO和版权信息母版布局设计 128

.3.3 网导航菜单母版交互设计 130

.3.4 导航菜单选中背景交互设计 132

.4 小结 133

二篇 Axure高级交互效果 134

7章 用Axure链接行为制作交互效果 134

.1 打开链接和关闭窗口 135

.1.1 当前窗口打开链接 135

.1.2 新窗口打开链接 138

.1.3 弹出窗口打开链接 139

.1.4 父窗口打开链接 140

.1.5 关闭窗口 142

.2 在内部框架中打开链接 143

.2.1 内部框架 143

.2.2 父框架 146

.3 滚动到元件（锚点链接） 147

.4 设置自适应视图 149

.5 小结 153

8章 用Axure元件行为制作交互效果 154

.1 显示／隐藏 154

.1.1 切换方式控制元件显示隐藏 154

.1.2 变量方式控制元件显示隐藏 156

.1.3 多个导航菜单联动效果 158

.2 设置文本和设置图像 159

.2.1 设置文本行为 159

.2.2 设置图像行为 161

.3 设置选择／选中 162

.3.1 单选按钮选中行为 162

.3.2 复选框选中行为 164

.4 设置列表选中项 166

.4.1 一对一联动效果 166

.4.2 一对多联动效果 168

.5 启用／禁用 170

.6 移动旋转和置于顶层／底层 172

.7 获得焦点和展开／折叠树节点 174

.8 小结 174

9章 用中继器模拟数据库操作 175

.1 认识中继器 175

.2 中继器绑定数据 177

.2.1 中继器布局设计 177

.2.2 中继器数据绑定 179

.3 新增数据弹出框设计 181

.4 中继器新增数据操作 184

.5 中继器删除数据操作 186

.5.1 删除行内数据 187

.5.2 全局删除数据 188

.6 小结 189

三篇 综合实战应用 190

10章 支付宝App低保真原型设计 190

0.1 需求描述 190

0.2 设计思路 191

0.3 准备工作 191

0.4 设计流程 191

0.4.1 底部标签导航母版设计 191

0.4.2 “支付宝”九宫格导航布局设计 195

0.4.3 海报轮播效果制作 198

0.4.4 “余额宝”界面布局设计 199

0.4.5 “余额宝”界面上下滑动设计 202

0.4.6 “支付宝”与“余额宝”切换显示效果 205

0.5 小结 206

11章 携程旅游网站高保真原型设计 208

1.1 需求描述 208

1.2 设计思路 208

1.3 准备工作 209

1.4 设计流程 210

1.4.1 网站注册表单布局设计 210

1.4.2 网站注册表单校验 213

1.4.3 倒计时交互设计 216

1.4.4 网站登录布局与交互设计 217

1.4.5 导航菜单母版设计 223

1.4.6 首页海报轮播效果制作 229

1.4.7 首页搜索区域导航悬浮效果设计 232

1.4.8 首页图片放大缩小效果制作 236

1.5 小结 239

录A 移动App尺寸速查表 240

录B Axure快捷键速查表 242