Axure制作出翻轉(zhuǎn)效果手機(jī)引導(dǎo)頁具體操作流程
今日講解的教程是關(guān)于Axure的,你們了解Axure中如何制作翻轉(zhuǎn)效果手機(jī)引導(dǎo)頁呢?下文就帶來了Axure制作出翻轉(zhuǎn)效果手機(jī)引導(dǎo)頁的具體操作流程。
1、首先創(chuàng)建一個(gè)空白的頁面,在工作區(qū)域拖入要使用的元件元素,如下圖所示,主要是動(dòng)態(tài)面板。

2、對頁面中的元件進(jìn)行樣式的調(diào)整,并將其放入到準(zhǔn)備好的動(dòng)態(tài)面板中,如下圖所示。

3、同樣的方式,復(fù)制四個(gè)state頁面,并對每一個(gè)頁面中的樣式進(jìn)行調(diào)整,如下圖所示。

4、下面開始對動(dòng)態(tài)面板的交互事件進(jìn)行設(shè)置,首先是向左拖動(dòng)結(jié)束時(shí),這里需要注意的是,與滑動(dòng)效果不同,在動(dòng)畫中要選擇向左翻轉(zhuǎn)的效果,如下圖所示。

5、同樣的方式,我們對向右拖動(dòng)結(jié)束時(shí)的交互事件進(jìn)行設(shè)置,如下圖所示。

6、好了,F(xiàn)5預(yù)覽一下效果,拖動(dòng)頁面,此時(shí)效果是翻轉(zhuǎn)的效果,如下圖所示。


根據(jù)以上為你們分享的Axure制作出翻轉(zhuǎn)效果手機(jī)引導(dǎo)頁的具體操作流程,你們自己也趕緊去制作吧!
相關(guān)文章: