Axure怎么制作翻轉(zhuǎn)效果的手機(jī)引導(dǎo)頁(yè)?
我要評(píng)論引導(dǎo)頁(yè)的樣式有很多，今天我們就來(lái)看看使用axure制作翻轉(zhuǎn)效果引導(dǎo)頁(yè)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類(lèi)型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、首先創(chuàng)建一個(gè)空白的頁(yè)面，在工作區(qū)域拖入要使用的元件元素，如下圖所示，主要是動(dòng)態(tài)面板。
2、對(duì)頁(yè)面中的元件進(jìn)行樣式的調(diào)整，并將其放入到準(zhǔn)備好的動(dòng)態(tài)面板中，如下圖所示。
3、同樣的方式，復(fù)制四個(gè)state頁(yè)面，并對(duì)每一個(gè)頁(yè)面中的樣式進(jìn)行調(diào)整，如下圖所示。
4、下面開(kāi)始對(duì)動(dòng)態(tài)面板的交互事件進(jìn)行設(shè)置，首先是向左拖動(dòng)結(jié)束時(shí)，這里需要注意的是，與滑動(dòng)效果不同，在動(dòng)畫(huà)中要選擇向左翻轉(zhuǎn)的效果，如下圖所示。
5、同樣的方式，我們對(duì)向右拖動(dòng)結(jié)束時(shí)的交互事件進(jìn)行設(shè)置，如下圖所示。
6、好了，F5預(yù)覽一下效果，拖動(dòng)頁(yè)面，此時(shí)效果是翻轉(zhuǎn)的效果，如下圖所示。
以上就是axure制作翻轉(zhuǎn)效果的手機(jī)引導(dǎo)頁(yè)的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色?
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?
相關(guān)文章
axure怎么設(shè)計(jì)QQ登錄界面交互效果？axure中設(shè)計(jì)網(wǎng)頁(yè)原型很簡(jiǎn)單，該怎么設(shè)計(jì)qq登陸的頁(yè)面呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-07-17
Axure網(wǎng)頁(yè)怎么添加樹(shù)狀控件?
Axure網(wǎng)頁(yè)怎么添加樹(shù)狀控件？Axure中想要直走樹(shù)狀的折疊菜單，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2018-07-06
Axure怎么創(chuàng)建母版和使用？Axure中母版是經(jīng)常會(huì)用的，該怎么創(chuàng)建母版呢？下面我們就來(lái)看看axure創(chuàng)建母版的教程，需要的朋友可以參考下2018-07-04
Axure怎么制作控件隨鼠標(biāo)移動(dòng)的效果?
Axure怎么制作控件隨鼠標(biāo)移動(dòng)的效果？Axure中創(chuàng)建的方框和熱區(qū)想要制作跟隨鼠標(biāo)移動(dòng)的效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-07-04
axure下拉框光標(biāo)閃動(dòng)效果怎么制作?
axure下拉框光標(biāo)閃動(dòng)效果怎么制作？很多網(wǎng)頁(yè)下拉輸入框中光標(biāo)都是閃爍的，等待輸入的效果，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-06-28
Axure RP怎么制作彈出菜單的效果？Axure中制作網(wǎng)頁(yè)原型很簡(jiǎn)單，想要制作一個(gè)彈出式的菜單，該怎么弄制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-06-26
axure元件庫(kù)怎么卸載 axure卸載元件庫(kù)教程
axure元件庫(kù)怎么卸載？axur元件庫(kù)可以自己建立或者刪除，該怎么卸載元件庫(kù)呢？下面我們就來(lái)看看axure卸載元件庫(kù)教程，需要的朋友可以參考下2018-06-20
Axure圖片交互樣式有哪些？Axure中圖片交互樣式種類(lèi)挺多的，今天我們就來(lái)一一介紹關(guān)于圖片交互樣式的簡(jiǎn)單知識(shí)，需要的朋友可以參考下2018-06-19
Axure菜單導(dǎo)航怎么添加鼠標(biāo)選中變色的特效?
Axure菜單導(dǎo)航怎么添加選中變色的特效？Axure中制作的導(dǎo)航菜單，想要添加一些特效，比如鼠標(biāo)經(jīng)過(guò)選中時(shí)背景顏色發(fā)生變化，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考2018-06-15
Axure RP 8.1企業(yè)版漢化破解安裝授權(quán)圖文詳細(xì)教程(附注冊(cè)授權(quán)碼)
Axure RP 8.1是一款功能非常強(qiáng)大的專(zhuān)業(yè)原型設(shè)計(jì)工具，那么，Axure RP 8.1怎么安裝？以及Axure RP 8.1如何漢化破解呢？對(duì)此，本文就為大家?guī)?lái)了Axure RP 8.1企業(yè)版漢化破解2018-06-12
