Axure心得体会

                   

 

Axure心得体会

 

                                              软件组：晁全贵

1、 Axure是什么：Axure是一款设计原型文档的软件

原型文档是什么？

    原型文档可以理解为是一个页面（或者应用、甚至软件）的草图。以图形形式等比例展现出你想要的页面效果，比如各栏目的安排、各栏目的展现形式（文字列表或者缩略图等）。设计者只需要在意整个页面布局是否合理、用户体验如何，不用在意背景要什么颜色、用什么图形。这是美工的工作。

2、Axure有什么特色：与其他设计工具不同的是

    ①、Axure除了能设计出页面原型表现形式，他还能做出一些交互效果。实现本地交互功能。让美工和程序员快速理解你要的效果，减少沟通成本。

    ②、Axure能生成一个网页形式展现的页面，能更清楚直观地看到页面的布局。

二、Axure设计规范 

1. 视觉封装 

封装方法： 

    Master封装：公用的控件组，例如页头、页脚、标签页、向导等，可以作为Master。只要修改母版，在所有引用这个母版的页面中的模块也会跟着同步更新。若后期需要制作成高保真原型，那么按钮、图标等也可以封装成Master，在最后统一替换即可。 优点：项目一开始启动，如果可以稍微掌握哪些区块未来将是共享区块，那么就开始建立Master，比如网站的Header / Footer / 导览选单(Navigation)，或者广告版位等等。越早使用，越可以节省其它页面设计的重复工作。有利于保持相同内容的一致性。 

    ‚组件库封装：常用的控件，例如按钮、日历、搜索框等可以作为组件库封装，便于直接添加到页面使用。 

2. 布局和排版常规化  

3. 交互设计规范 

三、Axure需求分析流程 

1. 业务需求分析 

业务需求列表、用例图、思维导图等 

2. 功能分析 

产品规划图 

本期功能范围 

产品组成部分 

产品部署图

网络拓扑图 

各部分的功能结构图——站点地图按照模块功能结构组织

典型使用场景图、流程图、泳道图  

3. 初步原型设计 

创建共享工程，添加组件库和封装母版  

最粗略的原型图，可使用简单文字描述、截图、按钮等表示每一导航页面的功能，只做非常重要的交互操作。  

在用AxureRP做布局设计的时候，可以用默认组件库里面的占位符组件来设计（关于占位符组件的使用，参照这里），先将需要设计的区块用占位符布局，然后标上文字标示，以此来表示这里将来需要设计放置的内容。这个步骤基本决定了一个页面的布局。 

4. 页面流程图（注重交互流程） 

在确定主要页面之后，我们可以开始细化页面流程了。页面流程图有利于向大家展示自己的想法，也有利于思路的整理。毕竟axure上面的交互点是散的，通过页面流程图，我们可以整理所有的页面上的交互行为，避免遗漏；在向他人展示的时候，也可以一目了然的看出需要的操作步骤是多少。 

我倾向于将主要任务列出来，然后画出所有任务的页面流程图。  

5. 细化原型 

细化原型阶段的工作：

    页面布局和排版：仅排布功能，不代表最终产品的页面布局效果。实际效果需UI设计。

    ‚整理页面内容，补充必要的交互和反馈窗口，填写页面注释。 

    ƒ细化组件的自身可变效果，如鼠标移入、移出、悬停等，交互的事件，如鼠标单击事件等，逻辑的设定，包括判断逻辑，跳转逻辑，反馈逻辑等。  

 

细化原型阶段需要重点考虑用户体验，从细节上优化，例如列表字段排列前后顺序、按钮摆放位置等等。拿幻灯片效果来说，是否需要设计数字导航键，是否需要自动播放，是否需要设计缩略图等等，这些都需要仔细考虑之后再做决定，这个可以在设计产品时候多多讨论沟通，多看看别人的设计效果。譬如电子商务网站首页的 Flash图片轮播效果，其实就是幻灯片效果，各个电商网站的设计大同小异，就完全可以借鉴参考。 

6. 原型维护 

    反复琢磨推敲，保证提交给开发的原型功能的正确性，有时需要配合文档的编写和参与开发讨论发现问题。 

7. 制作高保真原型 

    如果重要客户在交流需求时就想看到产品的实际效果，此时需要UI设计人员的介入，提供一套接近最终产品效果的UI效果，然后切换到原型上去。 

8. 需求文档编写 

两种方法： 

    使用AxureRP自带的文档生成功能去生成PRD文档：要了解组件注释和页面注释的使用方式，以及这些注释会出现在文档的什么位置，在Axure制作过程中添加描述；原型修改过程中，也需要对描述进行维护；导出的文档格式需要按照公司需求模板进行调整。 Ø 

②基于AxureRP原型的PRD文档编写：使用公司需求文档模板，用截图+文字的形式来书写PRD文档。 

                                                    四川瞭望