第1章 关于界面原型

1.1 界面原型的概念和作用

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

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

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

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

2.1 初识Axure RP

2.1.1 菜单

2.1.2 工具栏

2.1.3 功能区

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

2.2 基本元件

2.2.1 矩形类

2.2.2 占位符

2.2.3 水平线和垂直线

2.2.4 图片

2.2.5 热区

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

2.3 文本框与多行文本框

2.3.1 文本框的属性设置

2.3.2 文本框样式

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

2.4 选择类表单元件

2.4.1 下拉列表框

2.4.2 列表框

2.4.3 复选框

2.4.4 单选按钮

2.4.5 提交按钮

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

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

2.5 表格与菜单

2.5.1 表格

2.5.2 树状菜单

2.5.3 水平菜单和垂直菜单

2.6 动态面板

2.6.1 动态面板的创建

2.6.2 动态面板的状态

2.6.3 动态面板的属性

2.6.4 动态面板样式

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

2.6.6 案例：轮播图基础

2.6.7 案例：悬浮网页头部

2.6.8 案例：标签页

2.7 内联框架

2.7.1 内联框架嵌入内容

2.7.2 内联框架属性

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

2.8 中继器

2.8.1 中继器的“项”

2.8.2 中继器的数据集

2.8.3 中继器显示数据

2.8.4 中继器样式

2.8.5 案例：用户管理列表

2.8.6 案例：商品订单列表

2.9 巧用母版

2.9.1 创建母版

2.9.2 母版实例

2.9.3 母版的拖放行为

2.9.4 应用母版

2.9.5 移除母版

2.10 界面原型的尺寸

2.10.1 Web原型尺寸

2.10.2 App原型尺寸

第3章 原型的分享与合作

3.1 页面快照标记元件

3.1.1 添加引用页面

3.1.2 设置快照范围

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

3.2 其他标记元件

3.3 流程图

3.3.1 绘制流程图

3.3.2 生成页面流程图

3.4 交互说明书

3.4.1 页面说明

3.4.2 元件说明

3.4.3 生成Word说明书

3.4.4 生成CSV报告

3.5 AxShare

3.5.1 分享原型

3.5.2 管理原型

3.5.3 创建和管理团队项目

3.6 生成HTML文件

3.6.1 选择生成的页面

3.6.2 选择页面说明字段

3.6.3 选择元件说明字段

3.6.4 设置交互效果相关内容

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

3.6.6 设置Web字体

3.6.7 设置字体映射

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

3.6.9 高级设置

3.6.10 设置是否开放讨论

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

4.1 高级交互

4.1.1 事件

4.1.2 用例

4.1.3 动作

4.1.4 条件用例

4.1.5 变量

4.1.6 函数

4.1.7 案例：登录表单验证

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

4.1.9 案例：生成四位验证码

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

4.2 动态面板进阶

4.2.1 案例：滑动解锁

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

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

4.3 中继器进阶

4.3.1 排序

4.3.2 筛选

4.3.3 分页

4.3.4 编辑中继器数据集

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

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

4.4 母版自定义事件

4.4.1 什么是母版自定义事件

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

4.4.3 图解自定义事件

第5章 自定义元件库

5.1 认识自定义元件库

5.1.1 使用场景

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

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

5.2.1 创建自定义元件库

5.2.2 载入自定义元件库

5.2.3 卸载自定义元件库

第6章 自适应视图

6.1 认识自适应视图

6.2 使用自适应视图

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

7.1 自定义文本框样式

7.2 自定义下拉列表样式

7.3 自定义单选按钮样式

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

8.1 淘宝App首页

8.1.1 底部标签栏

8.1.2 顶部导航栏

8.2 商品列表页

8.2.1 商品列表

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

8.2.3 切换标签页

8.3 商品详情页

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

8.3.2 标签锚点定位

8.3.3 收藏

8.4 购物车

8.5 完善原型

8.6 制作手机外壳

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

8.7.1 购物车的功能设计

8.7.2 购物车的设计细节

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

9.1 音乐馆页面：抽屉菜单

9.2 歌单页

9.3 通用头部导航栏

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

10.1 页面框架

10.1.1 头像快捷入口

10.1.2 手风琴导航菜单1

10.1.3 手风琴导航菜单2

10.2 数据查询与编辑页面

10.2.1 联动下拉菜单

10.2.2 进度条

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

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

11.1.1 如何画好流程图

11.1.2 泳道图

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

11.2 原型图中的注意事项

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

11.2.2 模拟真实数据

11.3 团队项目协作注意事项

11.3.1 规范命名规则

11.3.2 谨慎创建全局变量

11.3.3 及时签入已完成的更新

11.3.4 及时获取全部更新

11.3.5 不要同时签出过多页面

11.4 撰写PRD文档

11.4.1 PRD文档的内容

11.4.2 传统PRD文档存在的弊病

11.4.3 利用Axure撰写PRD文档