Axure原型优化

以前的做法：

思路：用Axure制作原型的基本思路是想出一个页面，画一个页面，每个页面的导航都分别做一遍，每个状态都用一个页面显示。

优点：想出什么画什么，头脑风暴。

缺点：乱！没有整体框架，页面风格不一，重复工作多。

应用场景：适合前期原型框架不确定的时候。

优秀的原型做法：

思路：近期看了很多Axure优秀原型，发现其实画原型跟写代码是一样一样的，先确定使用的框架，把大的框架搭起来之后，再画出每页页面独特的地方。

优点：整体观念强，整齐划一，框架搭起来之后，填充其他页面就比较简单，交互效果好。

缺点：框架往往是多层封装的，交互也要一层层的去调用，逻辑较复杂。

应用场景：适合原型框架基本确定的时候。

 框架怎么搭？

         首先，明确这里的框架指的是背景、导航、页面整体布局。

搭建多级导航的方法？

         我这里提的多级导航，并不是制作多级导航的方式，这个大家可以自行baidu，教程很多，我说的多级导航，是一种框架，通过多级导航显示不同的页面，这里有两种方式可以实现。

一、动态面板

这个应该是比较常用的方法，对不同的导航应用不同的面板状态来实现。

二、内部框架（inline frame）

这个是我最近才知道的，发现这个内部框架，跟代码的frame是一样的，可以通过内部框架，把其他页面显示到内部框架中。效果跟动态面板很相似，目前还没有发现有什么区别

吐槽开始……

         最近因为客户原因，项目处于停滞状态，没办法跟客户汇报也不能开发，so我就想着好好学习&研究一下Axure，把自己的项目原型优化一下。

 优化分为两部分，一是内容优化，主要是排列、背景、内容的优化，看着一天比一天整齐、完善的原型，很有成就感，喜不自胜； 但是 优化到了第二步——优化导航，进一步向高保真的原型进阶的时候，宝宝有点走火入魔了，也可以说是蒙圈了。

         简单介绍一下我现在的原型，典型web项目，页面框架大概是上面两级导航，左侧是第三级导航。由于项目没有上线，不能截图。

          原来的做法是：每个导航都在每个子页面都画出来，非常的麻烦，每次修改导航所有页面都要改一遍，工作量重复。

          想要实现的效果是：导航共用，导航有改动，只要改一个页面即可。

        我的优化过程：

         方式一：尽量不用动态面板，尽少修改原来的页面。

        做法：一级导航分别做模板，每个一级导航中都包括二级导航，比如一级导航有5项，则做5个模板，每个模板包括自己的二级子导航，实现了：切换不同导航，选中按钮不同；一个导航，处处使用，一改皆改。但是，每个子页面需要设置初始页面加载选中二级子导航，还是重复工作量。而且，一级导航还不能实现一改皆改，因为是5个模板。

方式二：使用内置框架（inline iframe）

         做法：二级导航用动态面板，页面下部用内部框架，所有的页面都嵌入内部框架中。可以实现：切换不同导航，选中按钮不同；一个导航，处处使用，一改皆改。但是，层级太多，需要调用的层次太多了，有点晕，而且，我的axure经常卡死，没保存就挂了，打算重装。

      方式三：全部使用动态面板

       做法：所有导航皆用动态面板。这种方式的复杂度跟使用内置框架差不多，待完成。