引導(dǎo)頁的樣式有很多，今天我們就來看看使用axure制作翻轉(zhuǎn)效果引導(dǎo)頁的教程。

軟件名稱：原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)軟件大?。?0.5MB更新時(shí)間：2018-05-24

1、首先創(chuàng)建一個(gè)空白的頁面，在工作區(qū)域拖入要使用的元件元素，如下圖所示，主要是動(dòng)態(tài)面板。

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

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

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

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

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

以上就是axure制作翻轉(zhuǎn)效果的手機(jī)引導(dǎo)頁的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注錯(cuò)新站長站。

相關(guān)推薦：

Axure rp怎么設(shè)計(jì)微信的交互界面?

Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色?

Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?