Axure RP 8怎么設(shè)計(jì)彈窗交互模型?
我要評(píng)論Aure是一款十分方便的頁面交互模型軟件。是每一個(gè)合格的產(chǎn)品狗必備的技能之一。雖然小編不是產(chǎn)品狗，但是沒事也是挺喜歡玩這個(gè)軟件的。下面，就分三個(gè)步驟，首先主界面組合，其次彈窗組合，最后隱藏彈窗。來教教大家Aure如何實(shí)現(xiàn)簡單的彈窗交互。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時(shí)間：2018-05-24
一、繪制彈窗
1、打開Axure，小編就以某讀書軟件的一個(gè)活動(dòng)為例，教教大家如何實(shí)現(xiàn)彈窗。
2、我們就按照這個(gè)模型。首先，托一個(gè)矩形到index，調(diào)整好大小。
3、托一個(gè)主要按鈕到index，調(diào)整好位置，將按鈕名稱改好。
4、這個(gè)組合就作為主界面。然后我們開始弄彈窗。
二、彈窗組合
1、將一個(gè)矩形和一個(gè)主按鈕拖到index，改好名稱并調(diào)整好位置
2、選擇這個(gè)組合，點(diǎn)擊右鍵，在菜單欄中選擇組合
三、隱藏彈窗
1、選擇這個(gè)組合，右擊拉出隱藏欄選擇隱藏
2、鼠標(biāo)左鍵將彈窗選擇隱藏
3、 雙擊選擇 關(guān)閉 按鈕
四、呼出彈窗按鈕設(shè)置
1、點(diǎn)擊 想要呼出彈窗的按鈕 點(diǎn)擊如圖位置的 鼠標(biāo)單擊時(shí)
2、在拉出的菜單中 選擇勾選剛才的組合，要把組合內(nèi)所有的模塊都勾選上。點(diǎn)擊確定。
3、將 彈窗移動(dòng)到合適的位置 按鍵盤F5進(jìn)行閱覽
4、按下鍵盤F5后，會(huì)代開瀏覽器，然后點(diǎn)擊我們剛才設(shè)計(jì)的交互
5、就會(huì)彈出窗口啦！
6、 最后的最后！Axure作為一個(gè)原型圖軟件功能還是十分強(qiáng)大的，小編這里講的僅僅作為一個(gè)展示。
相關(guān)推薦:
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?
axure怎么設(shè)計(jì)鼠標(biāo)移入移出顯示或隱藏面板?
相關(guān)文章
Axure RP 8怎么制作圖形排除重疊位模型？Axure RP 8中想要制作兩個(gè)圖片折疊，排除折疊位置，該怎么做這個(gè)模型呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-12
Axure RP 8怎么創(chuàng)建圖形母板？Axure設(shè)計(jì)網(wǎng)頁的時(shí)候，想要制作一個(gè)圖片母板，調(diào)用很方便，以后統(tǒng)一換圖也方便，該怎么創(chuàng)建呢？下面我們就來看看那詳細(xì)的教程，需要的朋友可2017-01-11
Axure RP 8怎么新建母版面板并管理？Axure中想要統(tǒng)一風(fēng)格，就可以使用母版來統(tǒng)一格式，該怎么新建母版并編輯呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-11
Axure RP 8怎么價(jià)格2D圖形轉(zhuǎn)換成3D圖?
Axure RP 8怎么價(jià)格2D圖形轉(zhuǎn)換成3D圖？Axure RP 8中繪制的平面圖想轉(zhuǎn)換成3d立體圖，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-06
Axure RP 8設(shè)怎么繪制拱橋倒影圖？想要制作一個(gè)圓拱橋并且設(shè)置倒影相互映襯，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-06
Axure RP 8怎么利用按鈕控制單選框和復(fù)選框?
Axure RP 8怎么利用按鈕控制單選框和復(fù)選框？Axure中想要設(shè)計(jì)一個(gè)通過按鈕來空值單選框和復(fù)選框的原型，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-01-05
Axure RP 8怎么制作圓形不斷變換透明度的效果？Axure RP 8中想要繪制五個(gè)大小不同的圓形，中間的圓形可以控制周圍圓形的與透明度，該怎么誰及呢？下面我們就來看看詳細(xì)的教2017-01-05
Axure RP 8怎么給下拉列表框添加多個(gè)值？Axure RP 8中想要制作一個(gè)下拉列表，有多個(gè)數(shù)值，該怎么制作呢？下面我們就來Axure給下拉列表框添加多行值的教程，需要的朋友可以2017-01-05
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性？Axure RP 8中自帶了橢圓形元件，這個(gè)元件怎么設(shè)置陰影、邊框、填充色呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考2017-01-04
Axure RP 8怎么設(shè)計(jì)內(nèi)聯(lián)框架原型?
Axure RP 8怎么設(shè)計(jì)內(nèi)聯(lián)框架原型？Axure設(shè)計(jì)網(wǎng)頁原型的時(shí)候，想要做一個(gè)內(nèi)部嵌套框架或頁面，將視頻、頁面、地圖放入框架中，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，2017-01-04
