Axure RP6原型设计精髓

推荐序

前言

第1章 原型基础

1.1 UX原型艺术

1.1.1 交互式原型

1.2 原型要素清单

1.2.1 项目类型

简单网站

Web应用程序和门户网站

移动应用程序

启发式评估

用户验证

1.2.2 交付物：原型和规格文档

1.3 平衡的艺术：利益相关者怎么说

1.3.1 业务利益相关者

管理人员

业务流程架构师

1.3.2 项目经理

1.3.3 视觉设计

1.3.4 开发人员

1.4 UX相关人员怎么说

1.4.1 UX从业者的观点

1.4.2 UX团队领导的观点

面临的挑战

团队架构

项目过程

项目后续过程

Axure的优势

Axure的劣势

Axure在大型项目中的使用建议

1.5 Axure在世界各地

1.6 Axure公司的观点

1.7 总结

第2章 初识Axure

2.1 入门

2.1.1 同时打开多个Axure文件

2.2 Axure工作区

2.2.1 自定义工作区

2.3 站点地图区

2.3.1 线框图页面

2.3.2 流程图页面

2.4 页面属性区

2.4.1 页面注释

管理注释

2.4.2 页面交互

2.4.3 页面样式

草图风格

2.5 控件区

2.5.1 线框图控件

2.5.2 流程图控件

2.5.3 自定义控件

2.5.4 第三方控件

2.6 控件属性区

2.6.1 控件注释

注释字段

注释视图

2.6.2 控件交互

交互

事件

情景

动作

2.6.3 样式页签

位置和尺寸

字体

对齐和间距

样式

排列对齐

填充、线条和边框

2.7 线框图编辑区

2.7.1 网格和参考线

2.8 模板区

2.8.1 模板行为

普通

作为背景

自定义控件

2.8.2 模板使用报告

2.9 动态面板管理区

2.10 工具栏和菜单栏

2.11 Axure文件格式

2.11.1.RP文件格式

2.11.2.RPPRJ文件格式

2.12 总结

第3章 Axure快速入门

3.1 原型设计原则

3.2 Alexandria数字图书馆

3.3 三十分钟快速入门

3.3.1 初始需求和用例

3.3.2 用例图页面

3.3.3 保存项目文件

3.3.4 第一个线框图页面

3.3.5 任务流程图页面

浏览流程图

搜索流程图

3.3.6 用例链接到流程图

3.3.7 生成HTML原型

3.4 开始使用模板和动态面板

3.4.1 第一个线框图

快速且粗糙的方法

快速但结构化的方法

3.4.2 第一个模板：导航系统

全局导航栏

次级导航栏

3.4.3 第一个动态面板

为动态面板添加状态

3.5 添加视觉效果

3.6 添加草图效果

3.7 修改任务流程图

3.8 从业者的实践——移动设备Axure原型设计

3.8.1 移动友好（Mobile-friendly）Web网站和移动Apps

不同的设备分辨率和宽高比

使用Viewport标签

使用一个全屏浏览器

横向和纵向页面版本

事件和手势的兼容性

浏览器的局限性

使用控件库

在移动设备上加载原型

3.9 总结

第4章 初级交互

4.1 交互简史

4.1.1 20世纪50-60年代

4.1.2 20世纪70-80年代

4.1.3 20世纪90年代和21世纪初

4.1.4 现在、未来和Axure交互

4.2 Axure交互

4.3 示例

4.3.1 第1步：使用简单词语定义交互

4.3.2 第2步：Axure交互界面

4.3.3 第3步：将需求转变成Axure交互

4.3.4 第4步：为交互添加注释（可选）

4.4 Axure事件

4.4.1 页面加载事件

4.4.2 示例：更改默认的着陆页

4.4.3 模拟上下文导航

OnPageLoad事件和动态面板

OnPageLoad事件详解

4.5 用户触发事件

4.5.1 分步示例：登录

4.5.2 创建线框图

添加交互

编排动作

控件、事件和相互关联

控件事件详解

4.6 Axure情景

4.6.1 分步示例：结构和交互

第1部分：调整线框图结构

第2部分：添加交互

Axure动作

4.6.2 链接动作

4.6.3 动态面板动作

4.6.4 控件和变量动作

4.6.5 其他动作

4.7 总结

第5章 高级交互

5.1 条件

5.1.1 如果-则-否则

5.1.2 分步示例：条件和动态面板

第1步：定义交互

第2步：创建线框图

第3步：设置第一个条件

第4步：添加第一个交互

第5步：完成整个交互

5.2 条件编辑器

5.2.1 分步示例：多重条件

第1步：定义交互

第2步：创建线框图

第3步：交互调整

第4步：计算多重条件

第5步：完成整个条件语句

5.3 处理条件异常

5.4 触发事件

5.4.1 示例

第1步：在模板上创建触发事件

第2步：为触发事件添加交互

5.4.2 模板嵌套：扩散触发事件

5.5 变量

5.5.1 示例：基于变量创建不同用户体验

第1步：定义交互

第2步：构建方法：动态面板还是页面

第3步：调整已有条件

第4步：变量和动作顺序

第5步（a）：设置变量（及可能存在的问题）

第5步（b）：设置和初始化变量

第6步：依据变量值判断使用哪种情景

5.6 变量类型

5.6.1 全局变量

Axure内置的全局变量

自定义的全局变量

5.6.2 特殊变量

5.6.3 使用示例

5.6.4 局部变量和函数

5.7 函数

5.8 变量的命名

5.9 变量在可用性测试中的作用

5.9.1 分步示例——上下文相关的可用性测试

5.10 使用变量的利与弊

5.11 专家的方法技巧

5.11.1 隐藏和显示列表元素（JeffHarrison提供）

创建步骤

第1步：创建行模板

第2步：把行移到一起

第3步：依照需求进行重复

第4步：增加控件

5.11.2 键盘快捷键（LorenBaxter提供）

高级交互

详细步骤

注意

5.11.3 Axure窍门（FredBeecher提供）

窍门1：调试你的逻辑

窍门2：在页面之间传递变量的值

窍门3：隐藏链接来清除变量

窍门4：文本输入框伪装成文本区控件

5.12 总结

第6章 控件库

6.1 Axure的内置控件库

6.2 Axure社区里的控件库

6.3 自己的控件库

6.3.1 分步示例：使用控件库进行原型设计

第1步：创建库文件

第2步：创建自定义控件

第3步：在项目文件中刷新库

6.4 把控件库扩展为设计模式

6.4.1 示例1：确认/警告框控件

第1步：定义模式

第2步：创建控件

6.4.2 示例2：增量搜索控件（智能搜索提示）

第1步：定义模式

第2步：创建控件

第3步：创建交互

6.5 管理控件库

6.6 使用内部模板还是外部控件库

6.6.1 使用RPLIB

6.6.2 在RP或RPPRJ文件中使用模板

6.7 实践者的观点

6.7.1 为什么要做控件库

6.7.2 像素完美的图标

6.7.3 清晰的控件名称和提示信息

6.8 总结

第7章 管理原型变化

7.1 从愿景到现实

7.2 瞄准期望

7.2.1 UX和软件开发模式

瀑布开发模式

敏捷开发模式

7.3 评估Axure工作

7.3.1 计算你的时间

7.3.2 对准期望

7.4 从概念到详细设计的过渡

7.4.1 从概念模式开始

7.4.2 从草图模式开始

7.5 基础和支架

确定线框图宽度

参考线（栅格）

网格

7.5.1 页面样板

页面样式编辑器

7.6 控件样式编辑器

7.6.1 默认控件样式

7.7 格式刷

7.8 项目样式指南和CSS的集成

7.8.1 样式指南

7.9 同步或不同步

使用已有视觉设计进行原型设计

7.10 总结

第8章 UX规格文档

8.1 与开发团队协作

8.1.1 找准期望

8.2 捕获UI规格

8.2.1 全局UI规格文档

8.2.2 生成器：规格文档和原型

8.2.3 定制规格文档生成器

8.2.4 页面注释

一个注释字段vs多个注释字段

8.2.5 注释字段

8.2.6 注释视图

8.3 生成规格文档

8.3.1 常用设置

8.3.2 Pages（页面）设置

8.3.3 模板设置

8.3.4 页面属性设置

8.3.5 截图设置

8.3.6 控件属性设置

8.3.7 文档布局设置

8.3.8 Word模板设置

8.4 总结

第9章 协同设计

9.1 共享项目

9.1.1 环境

9.1.2 签出和签入状态

9.1.3 建立一个共享仓库

9.1.4 从一个共享仓库进行加载

9.1.5 共享菜单

创建和加载

更新整个原型

更新单个页面或模板

管理共享项目

浏览共享项目历史

重新指向被移动的共享目录

清理本地副本

9.2 UX团队的Axure最佳实践

9.2.1 UX团队的属性

9.3 反馈意见

9.3.1 托管于AxShare的讨论功能

9.3.2 不托管在AxShare的讨论功能

第1步：打开网页AxShare.com

第2步：打开Axure

第3步：打开浏览器

9.4 总结

索引

……

即使你不懂任何编程语言，无法控制项目管理、预算和进展计划，也可以通过《AxureRP6原型设计精髓》掌握Axure，让你的设计更具创造力和高效。
　　《Axure RP 6原型设计精髓》先介绍Axure的界面、术语、功能，然后以一个中型示例项目为背景依次探讨UX项目的创建流程和Axure的使用技巧。出于简洁性考虑，《Axure RP 6原型设计精髓》对原型设计过程进行了简化，但依旧由易到难完整地阐述了一个UX项目的要素，如定义商业和技术需求、建立用例和流程图、构建高（低）保真线框图、设计交互、编注说明、产出详细UX规格文档及追踪迭代。

《Axure RP 6原型设计精髓》绝不仅仅是Axure软件的功能介绍，而是从项目完整生命周期的角度，系统阐述如何使用Axure来帮助项目成功。