Axure RP8网站与APP原型设计经典实例教程PDF电子书下载

01 原型设计的基本知识 17

1.1 Axure RP介绍 18

1.1.1 当前版本 18

1.1.2 主要功能 18

1.1.3 其他原型设计工具 19

1.2 原型设计的概念 20

1.3 原型设计的重要性 22

1.4 我如何才能开始 22

1.5 组件化的设计思路 23

1.6 学习路径 23

1.7 小结 24

02 Axure工作空间的介绍 25

2.1 概述 26

2.2 工具栏 26

2.2.1 选择、连接和画笔 26

2.2.2 排列顺序 27

2.2.3 编组与打散 28

2.2.4 对齐与分布 28

2.2.5 锁定与解锁 29

2.2.6 样式工具栏 29

2.3 左侧面板 30

2.3.1 站点地图 30

2.3.2 元件库 30

2.3.3 母版库 31

2.4 右侧面板 32

2.4.1 属性和样式 32

2.4.2 页面元素大纲 32

2.5 设计区域 33

2.5.1 右键菜单 33

2.5.2 用例编辑 34

2.5.3 变量与函数编辑 36

2.6 小结 36

03 Axure原型设计的操作技巧与解析 37

3.1 关于元件命名 38

3.2 怎样让内容屏幕居中 39

3.3 背景适应宽度 39

3.4 交互样式设置 40

3.5 矩形的基本样式设置 40

3.5.1 选择形状 40

3.5.2 背景颜色 41

3.5.3 文字颜色 41

3.5.4 边框大小、颜色和线段类型 41

3.5.5 圆角 42

3.5.6 边距 42

3.5.7 阴影 42

3.6 吸管工具的使用 42

3.7 自定义元件的设置 44

3.8 动态面板的特性 45

3.8.1 容器性 45

3.8.2 多状态性 46

3.8.3 整体性 46

3.8.4 固定到浏览器 46

3.9 如何设置选项组 46

3.10 选中属性的应用 48

3.11 母版的使用 49

3.12 响应式页面设计 49

3.13 图片Scale-9属性的应用 52

3.14 如何显示草图效果 54

3.15 发布到移动终端 54

3.16 小结 56

04 预览与发布 57

4.1 关于预览 58

4.2 关于发布 58

4.2.1 导出HTML文件 59

4.2.2 发布到AxShare 59

4.3 查看原型 60

4.3.1 安装chrome插件 60

4.3.2 从home.html开始 61

4.4 综合实例：Hello Axure！ 61

4.5 小结 66

05 变量与函数的设置 67

5.1 概述 68

5.2 变量和函数的常用类型 68

5.3 插入变量或函数 69

实例：转换输入内容为大写 69

5.4 全局变量的添加与使用 70

5.4.1 添加方法 70

5.4.2 如何使用 70

实例：通过变量给按钮标签赋值 72

5.5 局部变量的添加与使用 73

5.5.1 添加方法 73

5.5.2 如何使用 74

实例：给按钮设置标签 75

5.6 综合实例：手机拨号盘 76

5.7 小结 80

06 事件处理 81

6.1 概述 82

6.2 普通元件 82

实例：普通事件 83

6.3 动态面板 85

实例：动态面板事件 85

6.4 文本 88

实例：文本事件 88

6.5 页面 92

实例：页面事件 92

6.6 事件分支 97

6.6.1 事件分支的产生 97

6.6.2 事件分支的命名 97

实例：事件分支与事件命名 98

6.7 事件动作介绍 100

6.7.1 链接动作 100

实例：不同的链接打开方式 101

6.7.2 元件动作 104

实例：显示／隐藏弹出窗口 104

实例：自动水平幻灯片 107

实例：文本设置 109

实例：设置图片按钮 111

实例：性别选择 114

实例：用户注册 116

实例：滑动验证码 117

实例：幸运大转盘 120

实例：动态进度条 122

实例：图片透明度调整 123

6.7.3 全局变量动作 125

实例：转换输入内容为大写 125

6.7.4 中继器动作 127

实例：dribbble网站的作品显示与过滤 130

6.7.5 其他动作 137

实例：设置等待时间 138

6.8 小结 140

07 动画效果的设置 141

7.1 动画效果的应用范围 142

7.2 显示／隐藏元件 142

实例：显示／隐藏按钮气泡提示信息 143

7.3 设置动态面板状态 145

实例：自动垂直幻灯片 145

7.4 移动元件 147

实例：显示／隐藏动态浮动气泡 147

7.5 旋转元件 148

实例：制作旋转的风车 149

7.6 设置尺寸 152

实例：设置图片缩放效果 152

7.7 小结 154

08 动态面板的设置 155

8.1 概述 156

8.2 动态面板的属性 156

实例：自动调整为内容尺寸 156

实例：固定到浏览器 158

8.3 动态面板事件 160

8.3.1 载入事件 160

8.3.2 拖动开始时 160

8.3.3 拖动进行时 161

8.3.4 拖动结束时 161

实例：移动滑块，实时显示当前滑块位置 161

8.4 综合实例：“人人都是产品经理”之动态面板的应用 165

8.5 小结 172

09 中继器的操作 173

9.1 概述 174

9.2 中继器的基本操作方法 174

9.2.1 添加排序 174

9.2.2 移除排序 175

9.2.3 添加筛选 175

9.2.4 移除筛选 175

9.2.5 设置当前显示页面 176

9.2.6 设置每页显示数量 176

9.2.7 添加行 176

9.2.8 标记行、取消标记 176

9.2.9 更新行 177

9.2.10 删除行 177

实例：中继器样式设置 177

9.3 综合实例：用户列表的数据操作 179

9.4 小结 188

10 元件库的设计与应用 189

10.1 概述 190

10.2 元件库设计的作用和意义 191

10.2.1 提高原型设计效率 191

10.2.2 保持原型设计的一致性 191

10.3 综合实例：Android元件库的设计 192

10.4 小结 196

11 综合实例的操作与应用 197

11.1 综合实例：“淘宝网”首页自动幻灯片 198

11.2 综合实例：“网易云音乐”分享弹出窗口 201

11.3 综合实例：“美团网”导航菜单的制作 205

11.4 综合实例：“人人都是产品经理”网站导航菜单 211

11.5 综合实例：“新浪微博”下拉刷新 216

11.6 综合实例：“雷锋网”浮动菜单栏 223

11.7 综合实例：“京东网”手机品牌的选择 228

11.8 综合实例：“UC浏览器”文件下载处理 231

11.9 综合实例：“淘宝网”商品搜索结果 241

11.10 综合实例：“创业邦”登录和注册界面 249

11.11 小结 258

12 微信Android客户端原型设计 259

12.1 概述 260

12.2 准备工作 261

12.2.1 截图功能的应用 261

12.2.2 吸管工具的应用 262

12.2.3 客户端截图准备 262

12.3 设计公共元件库 263

12.3.1 新建元件库 263

12.3.2 设计元件库内容 264

实例：制作绿色按钮 264

实例：制作浅灰色按钮 265

实例：制作返回箭头图标 266

实例：制作输入框 267

实例：制作标题栏 270

实例：制作白色／绿色文字气泡背景 271

实例：制作提示信息弹出框 273

实例：制作输入法键盘 274

实例：制作照片选择列表 278

实例：设置“开关”选项 281

实例：设置“扫一扫”功能 283

12.3.3 加载元件库 287

12.4 综合实例：微信登录和首页设计 288

12.4.1 设置启动界面 288

12.4.2 设置登录界面 289

12.4.3 首页布局 292

12.4.4 制作主导航 293

12.4.5 设置“搜索”功能 295

12.4.6 设置微信菜单 296

12.4.7 设置“添加朋友”功能 298

12.4.8 “扫一扫”功能的应用 299

12.4.9 设置消息列表 301

12.4.10 设置“好友聊天”功能 305

12.4.11 预览 310

12.5 小结 312

附录：函数与属性 313

元件属性 313

窗口属性 313

光标属性 314

数字函数 314

数学函数 314

字符串函数和属性 314

日期函数 315