Axure RP原型设计基础与案例实战

配套学习资源 前言 第1章.Axure RP基础 / 1 1.1.Axure RP是干什么用的 / 2 1.1.1.Axure RP是原型设计软件 / 2 1.1.2.Axure RP原型案例 / 2 1.1.3.使用Axure RP原型 / 5 1.2.基础概念 / 5 1.2.1.软件界面概述 / 5 1.2.2.画布 / 7 1.2.3.坐标 / 8 1.2.4.元件库 / 8 1.2.5.站点地图 / 20 1.2.6.母版 / 21 1.2.7.属性 / 21 1.2.8.元件地图 / 22 1.2.9.发布原型 / 23 1.3.案例1：我的第1个Axure RP原型——注册 .页面 / 27 1.3.1.创建原型文件 / 27 1.3.2.添加元件 / 28 1.3.3.设置页面样式 / 30 1.3.4.预览原型效果 / 30 第2章.样式设置 / 31 2.1.颜色 / 32 2.1.1.认识颜色窗口 / 32 2.1.2.设置透明效果 / 33 2.1.3.设置渐变效果 / 33 2.2.阴影 / 35 2.3.文字格式 / 36 2.3.1.文字样式 / 37 2.3.2.调整文本的间距和填充 / 38 2.3.3.调整文本的宽度、高度 / 38 2.4.格式刷 / 39 2.5 “钢笔”和自定义图形 / 41 2.5.1.钢笔 / 41 2.5.2.自定义形状 / 42 2.6.处理图片的尺寸 / 43 2.6.1.分割图片 / 43 2.6.2.裁剪图片 / 43 2.7.设置按钮的交互样式 / 44 2.8.文本框样式 / 46 2.8.1.文本框类型 / 46 2.8.2.文本框提示 / 47 2.8.3.文本限制 / 48 2.8.4 “提交”按钮 / 48 2.9.改变形状 / 48 2.9.1.旋转 / 48 2.9.2.翻转 / 49 2.9.3.合并 / 50 2.10.布局 / 51 2.10.1.顺序 / 51 2.10.2.组合 / 52 2.10.3.对齐 / 53 2.10.4.分布 / 55 2.11.页面样式 / 55 2.11.1.页面排列 / 56 2.11.2.背景 / 56 2.11.3.草图 / 58 2.11.4.样式模板 / 59 2.12.案例2：给不同模块制作不同背景 / 60 2.13.案例3：绘制一个网站原型 / 63 2.13.1.绘制导航栏 / 63 2.13.2.绘制折线图 / 64 2.13.3.绘制统计数据模块 / 65 2.13.4.处理图标、图片 / 65 2.13.5.总体布局 / 66 2.13.6.设置页面样式 / 66 2.14.案例4：绘制一个APP原型 / 67 2.14.1.绘制手机框 / 67 2.14.2.添加遮罩 / 68 2.14.3.添加阴影 / 69 2.14.4.设置页面布局 / 70 第3章.原型设计准则 / 71 3.1.原型做成高保真还是低保真 / 72 3.1.1.什么是高保真和低保真 / 72 3.1.2.如何选择高保真与低保真 / 72 3.2.原型中要使用真实的数据 / 73 3.3.产品流程应该尽量完整 / 74 3.3.1.考虑用户出错的情况 / 74 3.3.2.考虑系统出错的情况 / 74 3.3.3.考虑没有数据的情况 / 75 3.3.4.考虑每一步的状态 / 75 3.3.5.添加适当的提示 / 76 3.4.原型需要快速迭代 / 76 3.4.1.沟通原型的技巧 / 76 3.4.2.修改原型的技巧 / 77 3.5.页面应该尽量简化 / 78 3.5.1.精简用户输入内容 / 78 3.5.2.精简页面上的元素 / 79 3.5.3.合并重复的功能 / 80 3.5.4.避免过多的分支流程 / 80 3.5.5.减少确认环节 / 81 3.6.页面布局要随时优化 / 81 3.6.1.用图形替代文字 / 82 3.6.2.突出重点信息 / 82 3.6.3.把握页面节奏 / 83 3.7.要保持原型的一致性 / 83 3.7.1.遵从惯例，保持外部一致 / 83 3.7.2.统一样式，保持内部一致 / 84 第4章.交互动画 / 87 4.1.基础概念 / 88 4.1.1.了解4个概念 / 88 4.1.2.举例说明4个概念 / 88 4.1.3.触发事件 / 89 4.1.4.用例 / 92 4.1.5.交互动作 / 93 4.1.6.条件 / 98 4.2.动态面板 / 102 4.2.1.创建动态面板 / 103 4.2.2.动态面板的状态 / 104 4.2.3.调整动态面板的尺寸 / 105 4.2.4.拖曳 / 107 4.3.常用交互案例 / 109 4.3.1.案例5：轮播图 / 109 4.3.2.案例6：切换标签页 / 112 4.3.3.案例7：侧边栏 / 115 4.3.4.案例8：通知 / 118 4.3.5.案例9：自动弹出键盘 / 120 4.4.复杂交互案例 / 121 4.4.1.案例10：优化的注册流程 / 121 4.4.2.案例11：锤子开机解锁 / 133 4.4.3.案例12：企业网站 / 139 第5章.数据操作 / 147 5.1.变量 / 148 5.1.1.使用变量 / 148 5.1.2.全局变量 / 149 5.1.3.元件变量 / 153 5.1.4.局部变量 / 157 5.1.5.页面、窗口和鼠标指针变量 / 159 5.2.函数 / 162 5.2.1.数字函数 / 162 5.2.2.字符串函数 / 162 5.2.3.数学函数 / 163 5.2.4.日期函数 / 163 5.2.5.布尔函数 / 165 5.3.中继器Repeater / 165 5.3.1.复制 / 165 5.3.2.数据集 / 166 5.3.3.样式 / 167 5.3.4.触发事件 / 168 5.3.5.中继器变量 / 169 5.3.6.交互动作 / 170 5.4.数据操作案例 / 178 5.4.1.案例13：模拟制作 “奇妙清单”APP / 178 5.4.2.案例14：Layout图片编辑 / 191 5.4.3.案例15：雅虎天气 / 200 第6章.复杂原型的规划 / 209 6.1.可维护性 / 210 6.1.1.可理解性 / 210 6.1.2.可修改性 / 210 6.2.巧命名 / 211 6.2.1.使用有意义的名称 / 211 6.2.2.命名规范 / 212 6.2.3.页面的命名 / 212 6.3.善用“说明”功能 / 212 6.3.1.元件的“说明” / 212 6.3.2.对整个原型的“说明” / 213 6.3.3.结构图、流程图 / 214 6.4.结构规划 / 215 6.4.1.原型结构——选择“页面”或 .“动态面板” / 215 6.4.2.减少重复的动作和数据 / 216 6.4.3.分割用例 / 217 6.5.案例16：Flappy Bird游戏案例 / 217 6.5.1.原型规划 / 218 6.5.2.开场 / 218 6.5.3.背景移动 / 219 6.5.4.飞行控制 / 221 6.5.5.碰撞检测 / 224 6.5.6.结束 / 225 6.5.7.得分 / 227 第7章.带地图的原型 / 231 7.1.地图开放平台 / 232 7.1.1.接口 / 232 7.1.2.示例 / 232 7.1.3.设置控件 / 234 7.1.4.地图风格 / 235 7.1.5.覆盖物 / 236 7.1.6.信息窗口 / 238 7.2.案例17：制作LBS应用“踩红包”的原型 / 239 7.2.1.初始化地图页面 / 239 7.2.2.在地图上添加红包 / 241 7.2.3.在地图上添加信息窗口 / 242 7.2.4.整合发布 / 244 第8章.响应式原型设计 / 247 8.1.响应式设计 / 248 8.1.1.响应式设计介绍 / 248 8.1.2.为什么做响应式设计 / 248 8.1.3.响应式设计思维 / 249 8.2.自适应视图 / 249 8.2.1.添加子视图 / 250 8.2.2.继承 / 251 8.3.案例18：响应式网站 / 256 8.3.1.自适应视图改变布局 / 257 8.3.2.窗口改变时调整元件宽度 / 259 第9章.手机上可访问的原型 / 263 9.1.让原型适应手机尺寸 / 264 9.1.1.设置适应手机的原型尺寸 / 264 9.1.2.通过视口标签，让原型自适应浏览器 / 264 9.2.生成分享链接 / 266 9.2.1.注册Axure Share账号并分享原型 / 266 9.2.2.利用“新浪云”自建原型服务器 / 268 9.3.案例19：H5小测试——色彩感觉心理测试 / 270 9.3.1.制作测试题 / 271 9.3.2.制作测试结果 / 272 9.3.3.设置视口标签 / 273 9.3.4.发布 / 274 第10章.母版 / 275 10.1.创建母版 / 276 10.1.1.在母版栏直接添加 / 276 10.1.2.将元件转换为母版 / 277 10.2.使用母版 / 277 10.2.1.拖放行为 / 277 10.2.2.使用情况 / 278 10.3.案例20：利用母版，解决“积分商城”的 .重复建设 / 278 10.3.1.导航栏 / 279 10.3.2.弹出菜单 / 280 10.3.3.底部栏 / 282 10.3.4.使用母版 / 282 第11章.元件库 / 285 11.1.使用元件库 / 286 11.1.1.下载元件库 / 286 11.1.2.加载元件库 / 286 11.1.3.切换元件库 / 287 11.1.4.元件库的其他操作 / 288 11.2.创建元件库 / 288 11.3.案例21：自定义元件库 / 290 11.3.1.手机外框 / 290 11.3.2.按钮 / 290 11.3.3.搜索框 / 291 11.3.4.饼状图 / 291 11.3.5.评论 / 292 11.3.6.查看元件库 / 293 第12章.团队协作 / 295 12.1.团队项目介绍 / 296 12.2.创建团队项目 / 296 12.3.获取团队项目文件 / 297 12.3.1.查看团队项目ID / 297 12.3.2.获取团队项目 / 298 12.3.3.查看本地文件 / 299 12.4.修改团队项目 / 299 12.4.1.签出 / 299 12.4.2.提交变更 / 301 12.4.3.签入 / 301 12.4.4.历史记录 / 302