本文转载自:http://www.woshipm.com/rp/176275.html 写得不错的一个教程。 关于用axure做轮播图的教程有很多,不过条条大道通罗马。崇尚简单快速的朋友不妨看看本文介绍的方案。
前段时间做一个开放平台的原型。
大家讨论完需求就希望,快点出原型(第二天)。而且要求“高保真”。
于是在“快速”“高保真”的要求下,自己对于所有的页面交互都要求是,对需要使用原型的用户(产品、研发、测试)而言,达到对应的效果,而自己在实现时采用最简单的方法。
正巧今天看到网站上有教程教如何做一个轮播banner 。
点开略看了一下,教程做的很复杂。其实使用axure做交互一般都比较简单,但由于其各种小窗口太多了,各种截图放一起,看上去很容易乱。之前小楼老师发布的一个教程居然也被人吐槽讲的这么乱怎么做产品(扶额)。
【正题】
1、首先看下轮播banner的组成。
上图中,左边是页面 展现的 banner轮播的图,右侧则是对应的两个动态面板。
可以看到右侧动态面板命名非常简单(根本起不到提示作用,但这说明此处面板命名不太重要,自己能区分就可以)
2、接下来看一下两个面板的交互效果。
如上是对于 轮播图片banner的 动态面板设置。
设置面板在 【载入时】有交互,基本就是两个动作:面板不是在一加载就开始切换的,我设置的先等待1000毫秒。
设置面板状态 为【NEXT