使用Axure制作出滑動引導頁效果原型具體操作流程

很多用戶在工作上都使用Axure,不過你們曉得Axure如何制作出滑動引導頁效果原型呢?下文就為大伙分享了使用Axure制作出滑動引導頁效果原型的具體操作流程 。

使用Axure制作出滑動引導頁效果原型具體操作流程

1、首先創建一個空白頁面,在工作區域拖入本次要使用的元件元素,最主要的是動態面板,如下圖所示 。
使用Axure制作出滑動引導頁效果原型具體操作流程

2、元件準備完成后 , 將樣式修改好,并將矩形、圖片等元件放入到動態面板中,如下圖所示 。
使用Axure制作出滑動引導頁效果原型具體操作流程

3、按上述要求 , 將動態面板中的state復制出三個,并將這三個state中的內容進行調整 , 如下圖所示 。
使用Axure制作出滑動引導頁效果原型具體操作流程

4、下面開始對動態面板做屬性事件做交互,首先給向左拖動結束時的交互事件進行設置,如下圖所示 。
使用Axure制作出滑動引導頁效果原型具體操作流程

【使用Axure制作出滑動引導頁效果原型具體操作流程】5、然后我們再給向右拖動結束時的交互事件進行設置,如下圖所示 。
使用Axure制作出滑動引導頁效果原型具體操作流程

6、動態面板的交互事件弄好了,下面f5預覽一下效果,向左拖動和向右拖動的效果是否實現 , 如下圖所示 。
使用Axure制作出滑動引導頁效果原型具體操作流程

使用Axure制作出滑動引導頁效果原型具體操作流程

看完了以上為你們分享的使用Axure制作出滑動引導頁效果原型的具體操作流程,你們是不是都學會制作的方法啦!

相關經驗推薦