Axure 是一款快速原型设计工具,它不需要任何编程或写代码基础,就可以设计出交互效果良好的产品原型,常用于互联网产品设计、网页设计、UI设计等领域。
作为一款热门的原型设计工具,关于Axure实在有太多话要说了,它可以完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容。
原型的定义
产品原型简单的说就是产品设计成形之前的一个简单框架,例如对网站的用户需求、页面内容、元素、规划进行排版布局,需要有交互效果的就进行交互效果设置,以便需求更准确表达,更加直观。
交互效果最好的原型工具是axure,下面介绍一些在工作中使用axure的经验。
1、在使用axure工具前,用纸和笔画一些纸面原型,把用户需求和主要框架画出来,整理一下思路,从大局上考虑。
2、画流程图。
页面流程图有利于向大家展示自己的想法,也有利于思路的整理通过页面流程图,在画流程图过程中先要把主要的页面画出来,流程图我们可以整理所有的页面上的交互行为,避免遗漏;在向他人展示的时候,也可以一目了然的看出需要的操作步骤是多少。
3、画原型
主要页面和页面流程确定之后,就要画原型了,按流程图中所考虑需求和交互,在原型中体现出来,例如登录页面时正确登录、提示、出错、数据传递等这些都要在原型的交互效果中体现出来。 这里就要用到axure技巧。
下面分享一下在axure原型设计常用可以提高效率真技巧:
1、图片热区功能可以很好的解决使用者鼠标经过时光标变化体验的同时,范围性的点击也会让小按钮更好点;
2、对于重复性的部件多用母版,例如导航,母版有固定位置、脱离母版、任意位置几个行为可以满足不同的需要;
3、中继器其实很好用,特别是对于数据的和重复性的图片;
4、自适应视图可满足不同客户端大小需求;
5、动态面板交互不可少,可以多层套用;
6、动态面板固定到浏览器,减少到页面打开的缓存。
Axure只是一个原型设计的工具,在画原型时不要着眼于页面的精美高保真,更多是着重对需求的体现,否则你将偏离Axure原型工具的初衷而陷入细节,导致视野受限或沟通不畅。