写在前面：本人适合有一定基础的初级Axure学习者，不管您是产品经理还是交互设计师亦或者只是对Axure感兴趣，相信本文所介绍的学习方法都会给您的深入学习带来帮助。

---

just do it，动手去做是最要紧的事情。

我相信很多人都有不爱动手的毛病，恰好这也是我以前所没有重视的。我在最近看过一篇文章，文章讲的是一位程序猿，学习编程过程中，所犯的两个最大的错误。其中之一就是，没有一开始就动手敲代码。学习Axure同样如此，在去网上寻找学习资料之前，先把Axure安装好，打开它，新建一个项目吧。当你安装好axure时，你就成功90%了，相信我。

例子是最好的老师。

我在学习axure时，对我帮助最大的就是别人的demo了。既然如此，这篇文章也将以一个简单的Axure实现图片轮播效果作为例子。跟着我把这个例子完成，我会把自己所总结的学习方法一边做一边告诉你。当然，最最有效的学习方法我已经告诉你了，just do it。我相信，任何没有例子的学习方法都是耍流氓。

你想好要实现什么效果了吗？先整理你的逻辑。

当你看到图片轮播这四个字，你应该脑海里立马就浮现出一个图片依次切换的画面，没错，很多网站的首页都有这种效果。我找到一副gif图，这就是我们想要实现的效果。

不过，脑海里的东西看不到摸不着，你最好是用笔记下来，这样才不至于混乱。这是我在做这个效果之前所列出的步骤。

1.我需要三张图片。

2.三张图片应该在一个位置依次出现。

3.图片需要从左到右慢慢的出现。

4.图片的轮播效果应该是循环的，这跟我们听音乐时的列表循环模式是一样的。

5.当我打开页面时（即页面开始加载时），图片就开始轮播。

你准备好需要的素材了吗？

做设计的同学应该对此深有感触，每次设计海报时，往往耗时最久的就是找素材了。这次我们的案例所需要的素材非常简单，只需要三张不同的图片即可。

你想好要怎么实现了吗？把需要的Axure功能想一想。

看着上面列出的步骤，开始想想要用axure的哪些功能吧。当我们看到三张图片应该在一个位置出现时，稍微熟悉Axure的同学应该就知道，这里需要Axure的动态面板，因为它可以实现在一个位置展示不同的内容。而这正好符合我们的需求！

一下子也想不太清楚还需要哪些具体功能？没关系，现在你已经把准备工作做的差不多了，可以动手进行第一步了。

边做边想，不用等100%准备好，才动手。

如果万事俱备，只欠东风，那么你完全可以在做的时候，等待东风的到来。有些axure的操作你可能想不起来，不过做着做着，可能你就越来越清晰了，听我的，动手吧。你有很多后悔的机会。

我们在进行下面每一步的操作时，都应该看着我们整理的步骤，那里面包含了我们的要求。

第一步：新建一个动态面板。

第二步：将图片放入动态面板。

第三步：设置交互状态

只需要三大步，这个效果就搞定了。在做的过程中我还有一个方法想和你分享。

能百度的就别自己想，这无关学习态度。

如果你恰巧想做一个图片轮播的效果，千万不要自己闷着头闭门造车。百度到我这篇文章，跟着做一遍，你的效率会提升很多倍！这不是出于推销此文的目的，就拿axure来说，它的一些功能描述并不像你想的那样简单明了，可能需要有人不断地摸索才能知道怎么回事，既然有人为我们扫清障碍了，我们只需站在他们的肩膀上继续前进。记住这个公式：新手+google（百度）=大神。

图片轮播demo 

源文件获取方式，在demo里写着。本案例使用的图片是歌手olivia ong，是我最喜欢的华人女歌手。

写在最后：如果您看完觉得对您有所帮助或者有什么问题想跟我探讨的，我非常欢迎，在下面评论处留言，我就能看到啦。关于转载的一些说明，在没有经过我本人的同意之前，任何转载行为我都会追究他的责任。