1. 常用交互原型设计工具
以AXURE RP为例及其使用原则
阿里巴巴中文站UED VERSION0.1 BY 罗伟

2. 工欲善其事，必先利其器
分发原型
• 快速、高效建立原 • 可进行项目协作
型 • 快速创建可发布和 • 原型可供丌同角色
• 便于修改和管理 展示的原型 使用
设计方案 团队合作
设计工具是为了——
• 提高效率、
• 方便的沟通、交流

3. 常用交互原型设计工具（FOR WINDOWS）
 Axure RP(推荐)
 Microsoft Office Visio
 Balsamiq Mockups
 Mockflow
 Pencil sketch
 Photoshop
 …
Axure RP（读音为Ack-Sure）通过控件的方式帮助网站或软件设计师快速建立
带有注释的原型（流程图、线框图），并凭借自定义可重用的控件、动态面板以
及丰富的script能够建立基于功能或页面逡辑的界面原型。

4. AXURE RP与其他设计工具对比
Axure RP 图表工具 绘图工具 开发工具
（visio等） （photoshop等） （Dreamweaver等）
 需要经验  需要经验
 使用方便  使用方便，但重
设计效率  模板库便于快速修改 复修改比较繁琐
 重复修改比较繁  比较花精力
琐  修改比较麻烦
 快速生成有交互功能  可以展示应用的
如何体验 的原型
 基本的交互  基本的交互
完整功能
 全功能
演示及参与  带备注的交互原型  通常采用打印  通常采用打印
 无备注和说明
 快速生成规范文档
输出规格  可自定义
 手工书写文档  手工书写文档  手工书写文档
 手工管理文件
 可签入/签出  手工管理文件  手工管理文件
设计合作  版本控制  独立的版本控制  独立的版本控制
 独立的版本控制

5. AXURE RP特性
 控件以及自定义控件
基于控件的设计环境，可以快速创建基于web的界面原型
 可重用修改的模板
Master的功能相当于可重用的模板，可以在任何页面进行引用，只需修改
master中的内容，即相当于批量修改所有存在的引用
 动态面板与step-by-step脚本
最激动人心的功能，在无需手动书写脚本的情况下，能够使得原型能够和操作者
进行一定的交互，便于向其他人演示界面功能
 自动生成规格文档
按下F5，即可快速生成带备注可演示的交互文档

6. AXURE RP的缺陷（1）
 中文支持
以sougou输入法为例，当在控件上无法输入中文时，尝试按ESC键再输入
 段落行距
出现列表项目时，中文行距无法处理，建议将段落改为多段文本，然后采用对齐
和排列进行设置

7. AXURE RP的缺陷（2）
 控件较少
Axure RP自带的控件丌足，建议可以自定义控件
 无法真正“所见即所得”
请注意：在自动生成可进行操作的原型时，由于文本、行距等在HTML和Axure
RP环境下的细微差异，会造成原型不设计环境略有差别

8. AXURE RP使用原则
1. 不要把Axure RP当做视觉设计工具
2. 但也并非草稿工具
3. 不要把注意力集中在动作脚本
4. 交互原型的作用在于提供流程说明和状态表述（将设计方案表述清楚）
5. 尽可能将状态和标注放在同一界面
6. 善用widget和master，提高效率
7. 尽管Axure对中文支持不好，但别泄气
8. 更多技巧…
• 批量修改尺寸（Location and size > Each selected widget）
• 隐藏引导线（Wireframe > Grid > Display grid on screen）
• 修改标尺单位（Wireframe > Grid > Spacing）

9. AXURE RP的学习资源
 新手入门
http://www.axure.com/online-training-beginner.aspx
 熟练阶段
http://www.axure.com/online-training-intermediate.aspx
 高级教程
http://www.axure.com/online-training-advanced.aspx

10. AXURE RP的参考资源
 阿里巴巴中文站Axure RP组件库
 阿里巴巴中文站Axure RP交互原型库

11. 最后
别忘记，
工具不是设计！
很多时候，
最好的设计工具就是——
思考+手中的 笔！
Powered by 阿里巴巴中文站 UED Robert.luow
最新更新时间：2010/04/05