Axure RP8入门手册:网站和APP原型设计从入门到精通

目 录

第1篇 基础

第 1 章 准备工作与注意事项/16

1.1 下载安装 Axure RP 8.0/17

1.1.1 Windows 系统的安装与汉化/17

1.1.2 Mac 系统的安装与汉化/18

1.2 原型相关的文件类型/19

1.3 文件自动备份与找回/19

1.4 功能区域的视图设置/20

第 2 章 创建项目结构/21

2.1 使用 Xmind 进行项目结构梳理/22

2.2 根据思维导图搭建原型页面结构/26

第 3 章 元件功能概述/27

3.1 鼠标的操作/28

3.2 元件的使用/29

3.2.1 使用软件自带元件库/29

3.2.2 使用自定义元件库/34

第 4 章 查看原型/35

4.1 本机预览/36

4.2 共享发布 /38

4.3 在线反馈 /40

4.4 Axure Share App/41

4.5 生成文件/44

4.6 浏览器插件/47

4.7 工具栏介绍/49

第 5 章 创建自适应视图/51

5.1 不同设备的原型尺寸/52

5.2 创建不同设备的视图/53

5.3 移动设备的浏览设置/54

第 6 章 概要与检视功能/59

6.1 概要功能 /60

6.2 检视功能——页面样式/62

6.3 检视功能——页面说明/65

6.4 检视功能——页面属性/65

6.5 检视功能——元件命名/66

6.6 检视功能——元件样式/67

6.7 检视功能——元件说明/73

6.7.1 添加元件说明/73

6.7.2 自定义说明字段/74

6.8 检视功能——元件属性/74

6.9 检视功能——元件交互/87

6.10 检视功能——组合属性/91

第 7 章 母版管理/95

7.1 母版简介/96

7.2 添加 / 编辑 / 删除/96

7.3 添加母版到页面中/97

7.4 从页面中移除母版/97

7.5 拖放行为/98

7.6 自定义触发事件/98

第 8 章 标注与流程/103

8.1 页面快照 /104

8.2 便签与标记/105

8.3 连线与箭头/108

第 9 章 其他/113

9.1 自定义元件库/114

9.1.1 创建元件库/114

9.1.2 制作自定义元件/115

9.1.3 使用元件库/116

9.2 自定义形状/117

9.3 钢笔工具 /120

9.4 裁剪与切割图片/120

9.5 网格与辅助线/122

9.6 团队项目 /124

9.7 图标字体 /130

9.8 Web 字体/131

9.8.1 @font-face 代码/131

9.8.2 链接到“.CSS”文件/134

第2篇 进阶

第 10 章 动态面板/138

10.1 动态面板简介/139

10.2 动态面板特性——容器/141

10.3 动态面板特性——多状态/150

10.4 动态面板特性——循环/154

10.5 动态面板特性——拖动/158

10.6 动态面板特性——适应宽度/160

10.7 动态面板特性——相对固定/161

第 11 章 公式与自定义变量/164

11.1 公式的格式/165

11.2 自定义变量——局部变量/166

11.3 自定义变量——全局变量/174

第 12 章 条件与表达式/184

12.1 条件的编辑/185

12.2 条件的类型/194

12.3 运算符与表达式/209

12.3.1 算术运算符/209

12.3.2 关系运算符/209

12.3.3 逻辑运算符/211

第 13 章 系统变量与函数/216

13.1 概念简介/217

13.2 元件/219

13.3 鼠标指针/248

13.4 窗口页面/253

13.5 数字/259

13.6 数学/263

13.7 日期/270

13.8 字符串/277

第 14 章 中继器 /287

14.1 中继器的组成/288

14.2 数据集——添加行/303

14.3 数据集——更新行/313

14.4 数据集——删除行/316

14.5 数据集——标记行与取消标记行/323

14.6 项目列表——排序/340

14.7 项目列表——筛选/347

14.8 中继器的属性/358

第 15 章 中继器的系统变量/367

15.1 系统变量——中继器/368

15.2 系统变量——数据集/383

写在*后…/392



案例目录

案例 01 QQ 注册页面的蓝色渐变背景//64

案例 02 导航菜单样式/69

案例 03 带删除线的文字效果/72

案例 04 文本框中的提示/75

案例 05 圆角蓝色边框的文本输入框/77

案例 06 动态样式的按钮效果/78

案例 07 页面中嵌入优酷视频/81

案例 08 页面中嵌入百度地图/82

案例 09 性别的唯一选择/85

案例 10 单击按钮等待 3 秒后打开作者的网站地址/88

案例 11 唯一选项选中效果/89

案例 12 触发组合中所有元件的鼠标交互/92

案例 13 母版的自定义触发事件/99

案例 14 页面快照的应用/105

案例 15 页面快照的交互/106

案例 16 添加连接点/110

案例 17 黑桃图标的制作/117

案例 18 单击登录按钮显示登录面板/142

案例 19 水平菜单移入时弹出隐藏效果/146

案例 20 垂直菜单单击时展开收起效果/148

案例 21 淘宝搜索栏内容切换/151

案例 22 使用循环实现图片轮播/155

案例 23 滑块在一定范围内拖动的效果/158

案例 24 横向铺满屏幕的背景条/160

案例 25 导航菜单顶部固定的效果/162

案例 26 使用局部变量计算商品合计/166

案例 27 单击加减按钮实现商品数量自增减/168

案例 28 图片轮播中页签的切换（1）/171

案例 29 密码找回的跨页面传递数据/175

案例 30 跨页面控制动态面板状态/180

案例 31 通过条件判断限制商品数量/187

案例 32 失去焦点时判断账号合法性（1）/188

案例 33 失去焦点时判断账号合法性（2）/190

案例 34 手机号码合法性验证/194

案例 35 注册信息的合法性验证/200

案例 36 图片轮播中页签的切换（2）/206

案例 37 使用条件表达式进行判断/212

案例 38 购物车数量自增减效果/220

案例 39 图片轮播页签改变尺寸与单击页签切换图片/223

案例 40 通过焦点元件实现键盘为多个文本框输入文字/229

案例 41 界面滚动超过一屏高度时显示返回顶部按钮 /231

案例 42 界面滚动时改变搜索栏透明度/235

案例 43 唱片旋转与进度条效果/238

案例 44 百度云网盘的右键菜单/249

案例 45 页面滚动时浮现的返回顶部按钮/254

案例 46 页面滚动时模块顶部吸附效果/257

案例 47 屏幕中虚拟 Home 键水平方向自动停靠的交互//260

案例 48 单击按钮获取 4 位随机整数验证码/264

案例 49 拖动旋钮时自转的交互效果/267

案例 50 动态数字时钟（1）/273

案例 51 模拟物理时钟 /275

案例 52 动态数字时钟（1）/280

案例 53 输入密码与退格的交互效果/281

案例 54 手机端商品列表（上）/290

案例 55 手机端商品列表（下）/294

案例 56 手机端浏览器添加常用网站（上）/304

案例 57 手机端浏览器添加常用网站（下）/313

案例 58 手机端浏览器删除常用网站（上）/316

案例 59 手机端浏览器删除常用网站（下）/319

案例 60 手机端购物车中的多项删除/323

案例 61 手机端购物车中的单项删除/332

案例 62 手机端商品列表的价格排序/341

案例 63 手机端商品列表按名称搜索/347

案例 64 手机端商品列表按价格区间筛选/349

案例 65 手机端商品列表多条件筛选/356

案例 66 项目列表中单项选中的效果/359

案例 67 文件列表的翻页交互/369

案例 68 移动端列表向上滑动时加载更多商品项/377

案例 69 音乐播放列表的歌曲编号/384

案例 70 移动端浏览器前 3 个图标禁止删除/387