Axure应用心得

Axure用于原型开发是一个很不错的利器。

 

 

        在短短的1周，具体可能3天不到的时间（包括学习和使用），完成了一个网站原型设计从1.0到4.0的演变。现将感触最深的几点分享给大家：

        

        1 . 从底层，从组件设计开始。整个网站的设计，先有个大概的纸模型（笔和纸）画出后，有了基本的设想（后来发现Axure也能较好实现）。这个时候就要从最小的自用组件设计（特别是底层原件）开始。从下而上的组件设计可以大大提高设计效率。我在项目1.0版本时，完全是为了试验主要的几个网站主要功能如何实现，发现几个重要的功能能够比较好的实现后，才开始对1.0版本进行整合，设计自用组件库和模板，从而使原型设计从1.0版本升级为2.0版本。

        

        2. 跨页面无法调用组件（widgets）。 一个页面的组件，只能访问本页面和全局变量的组件，不能访问其他页面的组件。在设计2.0版本的时候，用到了模板结果在设计比较复杂的“数据分析页面”时，出现了模板组件无法访问inframe组件连接的页面中的组件的情况，导致不得不再新建一个页面将模板组件单独考到数据分析页面与中继器同在一个页面，从而解决无法跨页面访问组件的问题。但同时也出现了“数据分析页面”加载缓慢的新问题，而且有时候慢的无法忍受。

        3. 动态组件很重要。 使用动态面板来完成页面的转换，浏览器不需要反复加载，只需要一次较长时间加载后，流畅运行。特别是设计inframe的网页时，inframe网页可以用动态面板组件代替。这样大大提高了浏览器的访问效率。因此，在2.0设计的基础上（600多K），对原型进行了动态组件优化，将其提升到了3.0版本（400K左右）。

        4. 中继器（repeater）过滤器（filter）的用法很重要。在设计之初对于中继器的用法不是很熟，而且测试了将近2天也没有发现到底是什么原因，不能实现同一列下的多个条件满足的筛选。后来使用了[[Item.code.IndexOf('arg')+Item.code.IndexOf('aar')>-2]]的变量方式实现了一列下多个条件满足的筛选，从而奠定了3.0版本的诞生。但是在3.0版本的制作过程中发现如果一个一个设定筛选，太麻烦（因为要设计较多的数据指标），如果同时有多个条件该如何实现。这个时候我发现了Axure过滤器强大（之前的误区在于以为过滤器不会进行叠加，而是在原有数据的基础上进行过滤，后来发现过滤器的使用实在A过滤的结果后进行B过滤的再次过滤，而不是在原有中继器的基础上进行过滤）。于是我在中继器中多添加了show列，用0或1代表是否显示，通过中继器的update从而实现了在不同选择的情况下进行同列的及时过滤功能。非常流畅。

        5. 有了Axure，网站开发者，特别是前期网站的设计者，在和雇主讨论用户需求时，可以更加关注网站的设计和需求分析，大大节省了开发者的开发时间和成本。（Axure使前期开发者更多的关注于用户对于网站的需求和功能设计，不需要考虑后期的代码开发等）

        6. 几个应用经验：

            a.组件的旋转“ctrl+鼠标拖动”或“Cmd+鼠标拖动”右下角拖动（很有用）。

            b.使用切换（toggle）可以减少过多的自己设定切换条件。

            c. 函数（functions）中使用的代码是w3c的html代码。因此可以使用indexof（），.substring(),trim(), now, genDate, getDate(), Cursor.x, Cursor.y等。

            d. 使用自适应视图，节省跨平台设计时间。

 

 

 码源链接：http://download.csdn.net/detail/sirwill/8563737