Axure RP8.0产品原型设计与制作实战 PDF下载

第 1章 关于界面原型/ 9


1.1 界面原型的概念和作用 / 10


1.2 界面原型的保真程度及应用 / 10


1.2.1 “画”糙理不糙——低保真原型 / 10


1.2.2 交流高格调——高保真原型 / 11


第 2章 使用 Axure制作低保真原型/ 13


2.1 初识 Axure RP/ 14


2.1.1 菜单 / 14


2.1.2 工具栏 / 14


2.1.3 功能区 / 15


2.1.4 案例：制作第 一张原型图 / 16


2.2 基本元件 / 18


2.2.1 矩形类 / 18


2.2.2 占位符 / 21


2.2.3 水平线和垂直线 / 21


2.2.4 图片 / 22


2.2.5 热区 / 23


2.2.6 案例：修改按钮的交互样式 / 24


2.3 文本框与多行文本框 / 25


2.3.1 文本框的属性设置 / 26


2.3.2 文本框样式 / 26


2.3.3 设计原则：表单设计那些事儿 / 26


2.4 选择类表单元件 / 28


2.4.1 下拉列表框 / 28


2.4.2 列表框 / 29


2.4.3 复选框 / 29


2.4.4 单选按钮 / 29


2.4.5 提交按钮 / 30


2.4.6 设计原则：选择合适的表单元件 / 30


2.4.7 选择类表单元件在 App上的“变体”/ 32


2.5 表格与菜单 / 33


2.5.1 表格 / 33


2.5.2 树状菜单 / 33


2.5.3 水平菜单和垂直菜单 / 34


2.6 动态面板 / 35


2.6.1 动态面板的创建 / 35


2.6.2 动态面板的状态 / 35


2.6.3 动态面板的属性 / 36


2.6.4 动态面板样式 / 36


2.6.5 案例：移动端“开关”元件 / 37


2.6.6 案例：轮播图基础 / 37


2.6.7 案例：悬浮网页头部 / 39


2.6.8 案例：标签页 / 43


2.7 内联框架 / 44


2.7.1 内联框架嵌入内容 / 44


2.7.2 内联框架属性 / 45


2.7.3 案例：在内联框架中实现菜单跳转 / 46


2.8 中继器 / 47


2.8.1 中继器的“项”/ 47


2.8.2 中继器的数据集 / 47


2.8.3 中继器显示数据 / 47


2.8.4 中继器样式 / 48


2.8.5 案例：用户管理列表 / 48


2.8.6 案例：商品订单列表 / 49


2.9 巧用母版 / 52


2.9.1 创建母版 / 52


2.9.2 母版实例 / 52


2.9.3 母版的拖放行为 / 53


2.9.4 应用母版 / 54


2.9.5 移除母版 / 54


2.10 界面原型的尺寸 / 55


2.10.1 Web 原型尺寸/ 55


2.10.2 App 原型尺寸/ 56


第 3章 原型的分享与合作/ 57


3.1 页面快照标记元件 / 58


3.1.1 添加引用页面 / 58


3.1.2 设置快照范围 / 58


3.1.3 案例：制作低保真线框图 / 58


3.2 其他标记元件 / 59


3.3 流程图 / 59


3.3.1 绘制流程图 / 59


3.3.2 生成页面流程图 / 60


3.4 交互说明书 / 60


3.4.1 页面说明 / 60


3.4.2 元件说明 / 61


3.4.3 生成 Word说明书/ 61


3.4.4 生成 CSV报告/ 62


3.5 AxShare/ 62


3.5.1 分享原型 / 62


3.5.2 管理原型 / 64


3.5.3 创建和管理团队项目 / 65


3.6 生成 HTML文件/ 68


3.6.1 选择生成的页面 / 69


3.6.2 选择页面说明字段 / 69


3.6.3 选择元件说明字段 / 70


3.6.4 设置交互效果相关内容 / 70


3.6.5 设置 HTML页面工具栏的标志/ 70


3.6.6 设置 Web字体/ 71


3.6.7 设置字体映射 / 72


3.6.8 在移动设备中预览 App原型/ 72


3.6.9 高级设置 / 73


3.6.10 设置是否开放讨论 / 74


第 4章 使用Axure制作高保真原型/ 75


4.1 高级交互 / 76


4.1.1 事件 / 76


4.1.2 用例 / 76


4.1.3 动作 / 76


4.1.4 条件用例 / 77


4.1.5 变量 / 78


4.1.6 函数 / 80


4.1.7 案例：登录表单验证 / 83


4.1.8 案例：跨页面传递用户登录信息 / 86


4.1.9 案例：生成四位验证码 / 88


4.1.10 设计原则：用户登录 /注册功能/ 91


4.2 动态面板进阶 / 93


4.2.1 案例：滑动解锁 / 93


4.2.2 案例：App 中带指示器的轮播图/ 95


4.2.3 案例：倒计时获取动态验证码 / 97


4.3 中继器进阶 / 100


4.3.1 排序 / 101


4.3.2 筛选 / 102


4.3.3 分页 / 104


4.3.4 编辑中继器数据集 / 105


4.3.5 案例：跨页面添加列表数据 / 109


4.3.6 案例：高亮显示列表中的数据 / 113


4.4 母版自定义事件 / 114


4.4.1 什么是母版自定义事件 / 114


4.4.2 创建并使用母版自定义事件 / 114


4.4.3 图解自定义事件 / 116


第 5章 自定义元件库/ 117


5.1 认识自定义元件库 / 118


5.1.1 使用场景 / 118


5.1.2 自定义元件库与母版的区别 / 118


5.2 创建并使用自定义元件库 / 118


5.2.1 创建自定义元件库 / 118


5.2.2 载入自定义元件库 / 118


5.2.3 卸载自定义元件库 / 118


第 6章 自适应视图/ 119


6.1 认识自适应视图 / 120


6.2 使用自适应视图 / 120


第 7章 案例：自定义UI元素/ 121


7.1 自定义文本框样式 / 122


7.2 自定义下拉列表样式 / 124


7.3 自定义单选按钮样式 / 126


第 8章 综合案例：电商类产品/129


8.1 淘宝 App首页/ 130


8.1.1 底部标签栏 / 130


8.1.2 顶部导航栏 / 133


8.2 商品列表页 / 134


8.2.1 商品列表 / 134


8.2.2 局部滚动的侧滑筛选菜单 / 136


8.2.3 切换标签页 / 138


8.3 商品详情页 / 141


8.3.1 窗口滚动时逐渐显示头部 / 141


8.3.2 标签锚点定位 / 143


8.3.3 收藏 / 147


8.4 购物车 / 149


8.5 完善原型 / 151


8.6 制作手机外壳 / 151


8.7 思考：电商购物车的设计 / 153


8.7.1 购物车的功能设计 / 153


8.7.2 购物车的设计细节 / 154


第 9章 综合案例：音乐类产品/ 155


9.1 音乐馆页面：抽屉菜单 / 156


9.2 歌单页 / 158


9.3 通用头部导航栏 / 161


第 10章 综合案例：后台管理系统/ 163


10.1 页面框架 / 164


10.1.1 头像快捷入口 / 164


10.1.2 手风琴导航菜单 1/ 165


10.1.3 手风琴导航菜单 2/ 168


10.2 数据查询与编辑页面 / 169


10.2.1 联动下拉菜单 / 169


10.2.2 进度条 / 171


第 11章 产品设计工作中的体会/ 173


11.1 设计原型前，先画流程图 / 174


11.1.1 如何画好流程图 / 174


11.1.2 泳道图 / 175


11.1.3 Axure RP 流程图与原型图的配合/ 175


11.2 原型图中的注意事项 / 176


11.2.1 低保真原型也要“美观”/ 176


11.2.2 模拟真实数据 / 177


11.3 团队项目协作注意事项 / 177


11.3.1 规范命名规则 / 177


11.3.2 谨慎创建全局变量 / 177


11.3.3 及时签入已完成的更新 / 178


11.3.4 及时获取全部更新 / 178


11.3.5 不要同时签出过多页面 / 178


11.4 撰写 PRD文档/ 178


11.4.1 PRD 文档的内容/ 178


11.4.2 传统 PRD文档存在的弊病/ 179


11.4.3 利用 Axure撰写PRD文档/ 179