axure怎么制作頁(yè)面標(biāo)簽切換的效果?
我要評(píng)論需要色劑一個(gè)產(chǎn)品展示的頁(yè)面，想要直走動(dòng)態(tài)的標(biāo)簽頁(yè)，該怎么制作呢？血魔我們就來(lái)看看詳細(xì)的教程。
Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊(cè)機(jī)+漢化包+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>83.2MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2019-04-26
一、準(zhǔn)備
1、需要準(zhǔn)備一臺(tái)好用的電腦，筆記本和臺(tái)式機(jī)都可以：
2、電腦上有安裝原型設(shè)計(jì)軟件，這里主要以axure工具為例來(lái)詳細(xì)說明：
3、畫原型的素材圖：
二、開始制作動(dòng)態(tài)面板
1、首先新建一個(gè)項(xiàng)目或者打開現(xiàn)有的項(xiàng)目，直接開始制作：
2、在左側(cè)庫(kù)中找到動(dòng)態(tài)面板，拖動(dòng)至右側(cè)：
3、雙擊剛才創(chuàng)建的面板，會(huì)彈出一個(gè)框：
4、在彈出框中，根據(jù)實(shí)際情況添加動(dòng)態(tài)面板的狀態(tài)，如下圖所示：
5、在大綱面板中，點(diǎn)擊剛才的添加的狀態(tài),會(huì)自動(dòng)打開到當(dāng)前編輯的頁(yè)面：
6、在該頁(yè)面中，拖動(dòng)圖片至右側(cè)：
7、雙擊圖片，換上標(biāo)簽的圖片：
8、其他的標(biāo)簽頁(yè)也同樣安裝上面的操作步驟操作，最終如下圖效果就對(duì)了：
三、添加標(biāo)簽頁(yè)內(nèi)容
1、在剛才新建的頁(yè)面，拖動(dòng)動(dòng)態(tài)面板至頁(yè)面：
2、同樣雙擊動(dòng)態(tài)面板，彈出面板配置頁(yè)面：
3、根據(jù)上面的標(biāo)簽添加標(biāo)簽頁(yè)面內(nèi)容，此處標(biāo)簽頁(yè)內(nèi)容和上面的標(biāo)簽是對(duì)應(yīng)的關(guān)系：
4、點(diǎn)擊首頁(yè)，右側(cè)會(huì)自動(dòng)進(jìn)入相應(yīng)的頁(yè)面：
5、拖動(dòng)圖片至右側(cè)：
6、雙擊選擇首頁(yè)的圖片：
7、其他的頁(yè)面內(nèi)容也安裝上面步驟操作：
四、制作動(dòng)態(tài)效果
1、回到首頁(yè)，拖動(dòng)熱區(qū)到標(biāo)簽上：
2、選擇頁(yè)面最右邊的鼠標(biāo)單機(jī)時(shí)按鈕：
3、在彈出的配置看中，按照下圖提示配置即可：
4、其他的標(biāo)簽同樣按照上面的步驟操作：
五、最終效果：
1、點(diǎn)擊上面的預(yù)覽按鈕預(yù)覽：
2、單機(jī)標(biāo)簽會(huì)出現(xiàn)相應(yīng)的單機(jī)效果，此時(shí)標(biāo)簽頁(yè)原型設(shè)計(jì)完成：
以上就是axure制作頁(yè)面標(biāo)簽切換的效果的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
axure菜單怎么設(shè)置一對(duì)多聯(lián)動(dòng)效果?
axure怎么制作各個(gè)頁(yè)面之間自由切換效果?
相關(guān)文章
Axure怎么制作數(shù)字選擇器原型？想要制作一個(gè)數(shù)字加一建議的計(jì)算器，該怎么制作這個(gè)效果呢？小魔王們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-18
axure網(wǎng)頁(yè)原型怎么進(jìn)行樣式元件編輯?
axure網(wǎng)頁(yè)原型怎么進(jìn)行樣式元件編輯？axure網(wǎng)頁(yè)想要制作一級(jí)標(biāo)題、二級(jí)標(biāo)題等。，該怎么進(jìn)行樣式元件編輯呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-17
Axure RP8提示文字怎么設(shè)置為紅色？Axure RP8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，添加了提示文字，想要設(shè)置提示位子的顏色為紅色，比較醒目，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要2018-12-16
Axure RP8元件怎么設(shè)置顏色與透明？Axure RP8制作網(wǎng)頁(yè)原型的時(shí)候，插入的元件想要添加顏色并設(shè)置透明度，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-13
Axure RP8元件怎么設(shè)置默認(rèn)角度?
Axure RP8元件怎么設(shè)置默認(rèn)角度？Axure RP8中插入的矩形元件，默認(rèn)是水平放置的，想要傾斜45度角度，該怎么操作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-13
Axure怎么進(jìn)行郵箱格式驗(yàn)證？一般網(wǎng)頁(yè)需要輸入郵箱的時(shí)候，會(huì)對(duì)我們輸入的內(nèi)容進(jìn)行驗(yàn)證，判斷郵箱格式是否正確，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要2018-12-12
Axure RP8元件怎么重命名？Axure RP8中的元件想要修改名稱，該怎么修改呢？下面我們就來(lái)看看Axure RP8元件重命名的教程，需要的朋友可以參考下2018-12-12
Axure怎么制作控制條控制地圖放大效果？Axure中想要制作一個(gè)地圖放大效果，并且可以使用控制條控制，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-11
Axure怎么制作模擬地圖放大效果？Axure中制作網(wǎng)頁(yè)原型的時(shí)候，想要制作模擬百度底乳放大縮小的效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-07
Axure怎么制作圖片局部放大的效果？Axure中想要制作圖片局部放大的效果，該怎么制作呢？下面我們就來(lái)看看Axure局部放大效果的制作方法，需要的朋友可以參考下2018-12-06
