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

01原型设计的基本知识 11

1.1 Axure RP介绍 12

1.1.1当前版本 12

1.1.2主要功能 12

1.1.3其他原型设计工具 13

1.2原型设计的概念 14

1.3原型设计的重要性 16

1.4我该如何着手学习 16

1.5组件化的设计思路 17

1.6学习路径 17

1.7小结 18

02 Axure工作空间介绍 19

2.1概述 20

2.2 工具栏 20

2.2.1选择、连接和画笔 20

2.2.2排列顺序 21

2.2.3编组与打散 22

2.2.4对齐与分布 22

2.2.5锁定与解锁 23

2.2.6样式工具栏 23

2.3左侧面板 24

2.3.1站点地图 24

2.3.2元件库 24

2.3.3母版库 25

2.4右侧面板 26

2.4.1属性和样式 26

2.4.2页面元素大纲 26

2.5设计区域 27

2.5.1右键菜单 27

2.5.2用例编辑 28

2.5.3变量与函数编辑 30

2.6小结 30

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

3.1关于元件命名 32

3.2怎样让内容屏幕居中 33

3.3背景适应宽度 33

3.4交互样式设置 34

3.5矩形的基本样式设置 34

3.5.1选择形状 34

3.5.2背景颜色 35

3.5.3文字颜色 35

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

3.5.5圆角 36

3.5.6边距 36

3.5.7阴影 36

3.6吸管工具的使用 36

3.7自定义元件的设置 38

3.8动态面板的特性 39

3.8.1容器性 39

3.8.2多状态性 40

3.8.3整体性 40

3.8.4固定到浏览器 40

3.9如何设置选项组 40

3.10选中属性的应用 42

3.11母版的使用 43

3.12响应式页面设计 43

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

3.14如何显示草图效果 48

3.15发布到移动终端 48

3.16小结 50

04预览与发布 51

4.1关于预览 52

4.2关于发布 52

4.2.1导出HTML文件 53

4.2.2发布到AxShare 53

4.3查看原型 54

4.3.1安装Chrome插件 54

4.3.2从home.html开始 55

4.4综合实例：Hello Axure！ 55

4.5小结 60

05变量与函数的设置 61

5.1概述 62

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

5.3插入变量或函数 63

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

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

5.4.1添加方法 64

5.4.2如何使用 64

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

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

5.5.1添加方法 67

5.5.2如何使用 68

实例：给按钮设置标签 69

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

5.7小结 74

06事件处理 75

6.1概述 76

6.2普通元件 76

实例：普通事件 77

6.3动态面板 79

实例：动态面板事件 79

6.4文本 82

实例：文本事件 82

6.5页面 86

实例：页面事件 86

6.6事件分支 91

6.6.1事件分支的产生 91

6.6.2事件分支的命名 91

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

6.7事件动作介绍 94

6.7.1链接动作 94

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

6.7.2元件动作 98

实例：显示/隐藏弹出窗口 98

实例：自动水平幻灯片 101

实例：文本设置 103

实例：设置图片按钮 105

实例：性别选择 108

实例：用户注册 110

实例：滑动验证码 111

实例：幸运大转盘 114

实例：动态进度条 116

实例：图片透明度调整 117

6.7.3全局变量动作 119

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

6.7.4中继器动作 121

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

6.7.5其他动作 131

实例：设置等待时间 132

6.8小结 134

07动画效果的设置 135

7.1动画效果的应用范围 136

7.2显示/隐藏元件 136

实例：显示/隐藏按钮气泡提示信息 137

7.3设置动态面板状态 139

实例：自动垂直幻灯片 139

7.4移动元件 141

实例：显示/隐藏动态浮动气泡 141

7.5旋转元件 142

实例：制作旋转的风车 143

7.6设置尺寸 146

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

7.7小结 148

08动态面板的设置 149

8.1概述 150

8.2动态面板的属性 150

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

实例：固定到浏览器 152

8.3动态面板事件 154

8.3.1载入事件 154

8.3.2拖动开始时 154

8.3.3拖动进行时 155

8.3.4拖动结束时 155

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

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

8.5小结 166

09中继器的操作 167

9.1概述 168

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

9.2.1添加排序 168

9.2.2移除排序 169

9.2.3添加筛选 169

9.2.4移除筛选 169

9.2.5设置当前显示页面 170

9.2.6设置每页显示项目数量 170

9.2.7添加行 170

9.2.8标记行、取消标记 170

9.2.9更新行 171

9.2.10删除行 171

实例：中继器样式设置 171

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

9.4小结 182

10元件库的设计与应用 183

10.1概述 184

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

10.2.1提高原型设计效率 185

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

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

10.4小结 190

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

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

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

11.3综合实例：“美团网”导航菜单 199

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

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

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

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

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

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

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

11.11小结 252

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

12.1概述 254

12.2准备工作 255

12.2.1截图功能的应用 255

12.2.2吸管工具的应用 256

12.2.3客户端截图准备 256

12.3设计公共元件库 257

12.3.1 新建元件库 257

12.3.2设计元件库内容 258

实例：制作绿色按钮 258

实例：制作浅灰色按钮 259

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

实例：制作输入框 261

实例：制作标题栏 264

实例：制作白色/绿色文字气泡背景 265

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

实例：制作输入法键盘 268

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

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

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

12.3.3加载元件库 281

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

12.4.1设置启动界面 282

12.4.2设置登录界面 283

12.4.3首页布局 286

12.4.4制作主导航 287

12.4.5设置“搜索”功能 289

12.4.6设置微信菜单 290

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

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

12.4.9设置消息列表 295

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

12.4.11预览 304

12.5小结 306

附录：函数与属性 307

元件属性 307

窗口属性 307

光标属性 308

数字函数 308

数学函数 308

字符串函数和属性 308

日期函数 309