Axure RP8网站与APP原型设计经典实例教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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 发布到AxShare59

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