Axure学习笔记（一）

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

 

     经过几天的研究，看了小楼老师的一些视频，看了一些文档，做了一个比较丑的原型，对Axure的简单使用有了一个简单的认识，下面来简单记录一下。

 

     Axure的操作其实很简单，如果有过编程经验，无论是html前端编程还是windows Form编程，用起这个来都非常容易，如果没有这方面的经验，可能会觉得操作太麻烦，但是程序本身就是这样来运行和开发的，原型设计也没什么更好的办法。所以不要觉得Axure太麻烦，很多东西是必须要记住的，就如同程序员刚开始编程，也许要学习很多东西。

 

    简单来说，Axure就是将原件拖拽到页面上，然后设定其样式，比如位置、线框颜色、文字颜色、文字大小等，然后在元件上增加事件，事件有很多，比如鼠标按下、鼠标弹起、拖拽、获取焦点等等，这些事件会操作元件，比如移动、显示或隐藏，这样就会产生一些动画效果，还可以指定元件的交互样式，比如鼠标悬停、鼠标移开、选中等动作时元件的样式。

 

    Axure的默认元件库用来制作html页面基本够用了，如果要制作手机原型，就需要使用一些手机的组件，不过其实没有太大的区别，只不过交互在一个手机容器里执行而已。

 

    Axure比较需要注意的就是动态面板和中继器，下面简单说说其用法：

    1）动态面板是一个容器，有大小和占位，但是是看不到的，能看到的是它的第一个状态，每个状态都是独立的，你可以针对每个状态放置不同的元件，可以在其他元件的事件中，如按钮的点击事件中，切换其状态，这样这个面板所在的位置的显示就会改变了，效果挺炫的，还可以设置其隐藏、显示，可以设置其显示隐藏的动画方式，如从左到右，从上到下等等。

    2）中继器这个词不是很好理解，英文是Repeator，其实本质来说就是一个重复显示的组件，其背后是一个数据集，无限行无限列的，每个组件对应数据集中的一行，在每个组件加载时，可以定义其显示结果，比如if else之类的，增加其效果。中继器可以排序、筛选，还可以分页，可以设置中继器的每页条数和处在第几页。

    3）动态面板主要是用来动态显示一些效果，比如很多的弹出页面都可以做成动态面板，切换其状态或者显示隐藏。

    4）中继器和动态面板结合起来可以做出拖拽效果来，中继器很长，但是放到动态面板里只能显示一部分，我们可以将动态面板做成中继器一页的大小，然后定义动态面板的拖拽时间，让中继器显示下一页或者上一页。当然不用中继器也可以做出来，简单来说，就是移动中继器的位置，计算好每行的宽带，然后移动中继器的位置就可以了，因为超出动态面板的地方显示不出来，很适合在手机上模拟一些滑动效果。

 

   总之，Axure其实相当的复杂，学习曲线较高，等以后水平提高了，再来继续吧。