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

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

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

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

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

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

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

然后再給向右拖動(dòng)結(jié)束時(shí)的交互事件進(jìn)行設(shè)置，如下圖所示。

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

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