引導頁的樣式有很多,今天我們就來看看使用axure制作翻轉效果引導頁的教程。
1、首先創建一個空白的頁面,在工作區域拖入要使用的元件元素,如下圖所示,主要是動態面板。
2、對頁面中的元件進行樣式的調整,并將其放入到準備好的動態面板中,如下圖所示。
3、同樣的方式,復制四個state頁面,并對每一個頁面中的樣式進行調整,如下圖所示。
4、下面開始對動態面板的交互事件進行設置,首先是向左拖動結束時,這里需要注意的是,與滑動效果不同,在動畫中要選擇向左翻轉的效果,如下圖所示。
5、同樣的方式,我們對向右拖動結束時的交互事件進行設置,如下圖所示。
6、好了,F5預覽一下效果,拖動頁面,此時效果是翻轉的效果,如下圖所示。
以上就是axure制作翻轉效果的手機引導頁的教程,希望大家喜歡,請繼續關注錯新站長站。
相關推薦:
Axure rp怎么設計微信的交互界面?
Axure怎么做表格隨著鼠標移動改變顏色?
Axure RP 8怎么用按鈕控制文本框顯示數字或星號?
新聞熱點
疑難解答