當前位置: 首頁 > 攻略教程 > 軟件教程 > Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程

時間:2024-06-27 22:45:13 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

很多小伙伴使用Axure卻還不會設(shè)置Axure設(shè)計滑動引導(dǎo)頁效果原型,所以下面呢,小編就分享了Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程,一起去看看吧,相信對大家會有幫助。

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程

打開Axure軟件,創(chuàng)建一個空白頁面,在工作區(qū)域拖入本次要使用的元件元素,最主要的是動態(tài)面板,如下圖所示。

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程截圖

將元件準備完成后,將樣式修改好,并將矩形、圖片等元件放入到動態(tài)面板中,如下圖所示。

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程截圖

按上述要求,把動態(tài)面板里的state復(fù)制出三個,并把這三個state中的內(nèi)容進行調(diào)整,如下圖所示。

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程截圖

下面開始對動態(tài)面板做屬性事件做交互,首先給向左拖動結(jié)束時的交互事件進行設(shè)置,如下圖所示。

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程截圖

然后再給向右拖動結(jié)束時的交互事件進行設(shè)置,如下圖所示。

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程截圖

最后動態(tài)面板的交互事件弄好了,f5預(yù)覽一下效果,向左拖動和向右拖動的效果是否實現(xiàn),如下圖所示。

Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程截圖Axure設(shè)計滑動引導(dǎo)頁效果原型的操作教程截圖

上文就講解了Axure設(shè)計滑動引導(dǎo)頁效果原型的操作流程,希望有需要的朋友都來學(xué)習(xí)哦。