Axure做出翻轉效果手機引導頁的圖文操作。

??熟悉Axure軟件是很簡單的,但是大家知道做出翻轉效果手機引導頁的相關操作嗎?今天小編就分享做出翻轉效果手機引導頁的操作方法,一起來看看吧!
??Axure做出翻轉效果手機引導頁的圖文操作

Axure做出翻轉效果手機引導頁的圖文操作。


??1、首先創建一個空白的頁面,在工作區域拖入要使用的元件元素,如下圖所示,主要是動態面板 。

Axure做出翻轉效果手機引導頁的圖文操作。


??2、對頁面中的元件進行樣式的調整,并將其放入到準備好的動態面板中,如下圖所示 。

Axure做出翻轉效果手機引導頁的圖文操作。


【Axure做出翻轉效果手機引導頁的圖文操作?!?/strong> ??3、同樣的方式,復制四個state頁面,并對每一個頁面中的樣式進行調整,如下圖所示 。

Axure做出翻轉效果手機引導頁的圖文操作。


??4、下面開始對動態面板的交互事件進行設置,首先是向左拖動結束時,這里需要注意的是,與滑動效果不同,在動畫中要選擇向左翻轉的效果,如下圖所示 。

Axure做出翻轉效果手機引導頁的圖文操作。


??5、同樣的方式,我們對向右拖動結束時的交互事件進行設置,如下圖所示 。

Axure做出翻轉效果手機引導頁的圖文操作。


??6、好了,F5預覽一下效果,拖動頁面,此時效果是翻轉的效果,如下圖所示 。

Axure做出翻轉效果手機引導頁的圖文操作。



Axure做出翻轉效果手機引導頁的圖文操作。


??各位小伙伴們,看完上面的精彩內容,都清楚Axure做出翻轉效果手機引導頁的圖文操作了吧!

    推薦閱讀