Axure学习笔记(一)

时间:2022-04-20 19:24:47

Axture是一种快速制作原型的工具,在产品经理和体验设计师之中非常流行,不过现在产品经理比较难找,所以我只好上阵研究了一下。

 
     经过几天的研究,看了小楼老师的一些视频,看了一些文档,做了一个比较丑的原型,对Axure的简单使用有了一个简单的认识,下面来简单记录一下。
 
     Axure的操作其实很简单,如果有过编程经验,无论是html前端编程还是windows Form编程,用起这个来都非常容易,如果没有这方面的经验,可能会觉得操作太麻烦,但是程序本身就是这样来运行和开发的,原型设计也没什么更好的办法。所以不要觉得Axure太麻烦,很多东西是必须要记住的,就如同程序员刚开始编程,也许要学习很多东西。
 
    简单来说,Axure就是将原件拖拽到页面上,然后设定其样式,比如位置、线框颜色、文字颜色、文字大小等,然后在元件上增加事件,事件有很多,比如鼠标按下、鼠标弹起、拖拽、获取焦点等等,这些事件会操作元件,比如移动、显示或隐藏,这样就会产生一些动画效果,还可以指定元件的交互样式,比如鼠标悬停、鼠标移开、选中等动作时元件的样式。
 
    Axure的默认元件库用来制作html页面基本够用了,如果要制作手机原型,就需要使用一些手机的组件,不过其实没有太大的区别,只不过交互在一个手机容器里执行而已。
 
    Axure比较需要注意的就是动态面板和中继器,下面简单说说其用法:
    1)动态面板是一个容器,有大小和占位,但是是看不到的,能看到的是它的第一个状态,每个状态都是独立的,你可以针对每个状态放置不同的元件,可以在其他元件的事件中,如按钮的点击事件中,切换其状态,这样这个面板所在的位置的显示就会改变了,效果挺炫的,还可以设置其隐藏、显示,可以设置其显示隐藏的动画方式,如从左到右,从上到下等等。
    2)中继器这个词不是很好理解,英文是Repeator,其实本质来说就是一个重复显示的组件,其背后是一个数据集,无限行无限列的,每个组件对应数据集中的一行,在每个组件加载时,可以定义其显示结果,比如if else之类的,增加其效果。中继器可以排序、筛选,还可以分页,可以设置中继器的每页条数和处在第几页。
    3)动态面板主要是用来动态显示一些效果,比如很多的弹出页面都可以做成动态面板,切换其状态或者显示隐藏。
    4)中继器和动态面板结合起来可以做出拖拽效果来,中继器很长,但是放到动态面板里只能显示一部分,我们可以将动态面板做成中继器一页的大小,然后定义动态面板的拖拽时间,让中继器显示下一页或者上一页。当然不用中继器也可以做出来,简单来说,就是移动中继器的位置,计算好每行的宽带,然后移动中继器的位置就可以了,因为超出动态面板的地方显示不出来,很适合在手机上模拟一些滑动效果。
 
   总之,Axure其实相当的复杂,学习曲线较高,等以后水平提高了,再来继续吧。