用Axure RP作总体原型设计的步骤

信息架构肯定了以后，就须要对每个页面进行元素的排版，排版以前，通常都会先对页面进行一个布局设计的考虑。咱们须要对这些内容块进行必定的设计布局，这里的布局结构取决于设计人员对内容编排的把握，不一样的布局会产生不一样的效果。

 

其实这个应该较早的提出来，由于已经发布过不少关于用Axure RP设计原型实例的文章，不过大部分都是关于单个功能或者交互效果的演示实例，而没有将其串联起来造成一个总体，好比一个网站或者是一个互联网产品。用 Axure RP设计一个实例的步骤和用其设计一个总体产品的步骤仍是不同的，所侧重的点不同，实例更侧重于功能点或交互效果的表现，总体产品则须要将各个实例串 联起来，造成一个功能或效果集合，达到集中展现。所以总体的产品更侧重于信息架构，布局展现，实例合并，总体效果聚合等方面，本文就结合本身的工做经验， 简单的介绍一下如何用Axure RP设计完整的产品。

　　一、肯定信息架构

　　信息架构对于一个总体 产品而言是很是重要的，犹如如今盖房子时的地基和框架结构，整个结构决定了未来的房型样子，及房子是否稳固。而WEB产品的信息架构则决定了产品将来的功 能导航结构，是一个底层框架的做用，所以很是重要，地基不稳，安能盖高楼？那么如何来肯定信息架构呢？

　　通常来说，咱们在作需求分析的时 候，都会把几个主要的功能点抓出来，这几个功能点就能够浓缩一下造成产品的初步信息架构。好比要作一个合同管理的功能，要求实现合同信息管理，合同履约管 理，合同统计报表等功能，这里列出来的功能点就能够拿来作信息架构。再好比咱们要作一个会员管理的功能，注册和登陆是必不可少的功能点，那么就能够将其列 为会员管理下的两个基本信息架构。其实每一个网站产品最终肯定下来的一级导航栏里面的各个栏目就是一个网站的信息架构了。

　　那么用Axure RP如何来管理信息架构呢？Axure RP提供了一个很是方便操做的站点地图面板（Sitemap）来管理页面结构，结构菜单采用树形菜单，层级分明，结构清晰，还能自动生成框架结构图，很是方便。关于站点地图面板的使用，详情可参见《Axure RP介绍–站点地图面板》里面的介绍。这里简单的以一个企业网站的首页内容为例。

　　

　　二、肯定页面布局

　 　信息架构肯定了以后，就须要对每个页面进行元素的排版，排版以前，通常都会先对页面进行一个布局设计的考虑。一般咱们作WEB产品设计的时候，都会遵 循一些已有产品总结出来的布局结构，好比三行三列布局，三行两列布局等，再如左导航右内容的形式，左内容右导航的形式等，这些都是大的布局结构，是总体页 面的布局排版。细分到具体页面内容的时候，就须要对每个内容块的展现位置进行布局，如企业网站首页的通常内容有图片新闻，通知通告，公司新闻，产品介 绍，产品展现等等，咱们须要对这些内容块进行必定的设计布局，这里的布局结构取决于设计人员对内容编排的把握，不一样的布局会产生不一样的效果。如电子商务网 站，对内容块和广告块的布局排版就很是讲究，由于不同的布局，所带来的用户点击量和转化率是不同的。这种状况下，即对某一类产品的布局把握很差的时 候，能够参照已有成熟产品的内容布局，由于它们已经有运营数据在支持。

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

　　

　　三、内容完善

　 　页面布局布的就是内容块，当决定了某块内容的放置位置以后，就能够一块一块的完善设计内容，使其接近于最终产品的展现样式。这个时候就是要用到各个实例 效果的时候了，好比图片新闻，咱们能够用幻灯片效果来作，好比产品展现，咱们能够用跑马灯效果来作，具体采用什么样的交互效果来实现内容块要求展现的内 容，取决于产品设计人员的把握和用户的需求及用户体验，其中用户体验是比较大的一块，就拿幻灯片效果来讲，是否须要设计数字导航键，是否须要自动播放，是 否须要设计缩略图等等，这些都须要仔细考虑以后再作决定，这个能够在设计产品时候多多讨论沟通，多看看别人的设计效果。譬如电子商务网站首页的Flash 图片轮播效果，其实就是幻灯片效果，各个电商网站的设计大同小异，就彻底能够借鉴参考。

　　这里用Axure RP来设计的实例介绍，前面讲的比较多了，用到的是Axure RP的核心功能，如组件的组合使用，动态面板的灵活应用等等，须要去发挥设计人员本身的想象力和创造力，如今网络上有的这些效果也都是人想出来的，并非一开始就有的。

　　

　 　通过这样三个步骤的设计，一个中低保真度的产品页面原型就算完成了，逐步的完成全部页面的设计以后，这个产品的原型设计也就告一段落了。若是要设计高保 真度的原型，可能还须要UI设计人员的介入，提供一套接近最终产品效果的UI效果，而后切换到原型上去。基本上按照这样三个步骤来作原型设计，不会有什么 大的问题，前提是产品的需求已经基本肯定，要是连框架都尚未定下来，也就是说第一步都还不能作，那是没有办法开始作原型设计的。