短短30秒Aure添加動態(tài)彈出框

當(dāng)幕己畀坡矗盲》■--全孫吃亙蕪逹將丸主注 €丿.期出 站更:三“新血皤M蔽訊#【工般將遂歩題消宇砧充電聘醐誚割工植曙相卻構(gòu)已出甸要號充電醫(yī)髀克龜髀絡(luò)手機？昶茫,—起涓廉癒觀左有起乎專簾旳苗敝■?悔金DUUI當(dāng)幕己畀坡矗盲》■--全孫吃亙蕪逹將丸主注 €丿.期出 站更:三“新血皤M蔽訊#【工般將遂歩題消宇砧充電聘醐誚割工植曙相卻構(gòu)已出甸要號充電醫(yī)髀克龜髀絡(luò)手機？昶茫,—起涓廉癒觀左有起乎專簾旳苗敝■?悔金DUUI硏元?說招W.-T，犧乎尋郴喊、飢一能，在予是曲煬郵件茁j（g噴C：Cuffltfli私佗更:托有問題去?注翫整斑陪□同時評論始跖蛋部誥作為一名互聯(lián)網(wǎng)產(chǎn)品設(shè)計人員，相信很多同行每天上班電腦上都會運行著一個軟件——Axure,她能幫助網(wǎng)站需求設(shè)計者，快捷而簡便的創(chuàng)建基于網(wǎng)站構(gòu)架圖的帶注釋頁面示意圖、操作流程圖、以及交互設(shè)計，并可自動生成用于演示的網(wǎng)頁文件和規(guī)格文件，以提供演示與開發(fā)。隨著互聯(lián)網(wǎng)展品的發(fā)展，交互元素越來越多的在頁面中體現(xiàn)，常見的就有很多的彈出框，大家在使用微波的時候就會深有體會。搶購中離搶購結(jié)束還?。簱屬徶须x搶購結(jié)束還?。鹤蕴?0時55分27秒我要予疏：1套〔庫存：200套）矽訂購丄加人朗搦車365債：￥玄9400沱/平狀新扣：包1.7折67買就送如積分點分張則（新浪微博的各種彈出框）隨之而來的問題就是產(chǎn)品設(shè)計師如何在原型設(shè)計或者demo中制作出這樣的彈出效果呢？不要緊，今天抽空來和大家分享一下在Axure中添加動態(tài)彈出框的方法。筆者以家居寶的商品詳細(xì)頁面為例，首先我們來看一下現(xiàn)在的效果。離搶購谿束還剌；石天70時54分38秒我要歿定;1棄（庫存；.葫、蘭：商品已成功添加到購物車購物車共有打牛戲品「合計：29 元

下面筆者用最快的速度告訴大家這樣特效的制作方法。步驟一：打開Axure，為了更加形象我直接利用圖片來制作，加入原型基本內(nèi)容元素。心；*Home—J申國』—1.0」—」「八」DW."」一側(cè)L,1S.毆」L」,』I』I卒」III,i,|EW.』LJId,d.［呃』,1LU-1［腆1,1hdhd|敷.1I卄 -A'柏爾辣木覽熱（拎猛〕甬葩號：41217卄 -A'柏爾辣木覽熱（拎猛〕甬葩號：41217點擊我就彈出命痛弁：￥頭曲中用甲呻1鶉軸：v299^00亓JT.來Khi丿h廝it￥G7SK5EJDfiH，舷耶吻搶典叩???-0^21st2E技要陵老：1 $C(*S:1"G雷：HKiiJW如稷》磷出J上2B人其注讓麻品旺崢皆磚』伸人收龍諧由品W宜桔門正呂阪邸無蜃種逛訂站賈上門地扳-祐桶木〔虹也）步驟二：加入彈出框，在這里我還是使用圖片來制作（正常情況下可以用矩形工具在制作，原理都是一樣的），鼠標(biāo)右擊：＜轉(zhuǎn)換＞—＜轉(zhuǎn)換為動態(tài)面板＞步驟三：因為該動態(tài)面板是需要點擊后彈出顯示，因此我們需要在默認(rèn)情況下把它設(shè)置為隱藏，在轉(zhuǎn)換為動態(tài)面板以后我們再次選中后鼠標(biāo)右擊＜編輯動態(tài)面板＞—＜設(shè)為隱藏＞。這時你會發(fā)現(xiàn)該動態(tài)面板就會被隱藏了，此時的隱藏不是完全意義上的隱藏，為了方便使用軟件默認(rèn)在其位置上顯示成為一個背景色為黃色的透明圖層。

IlDinifr5It柏拓實木危踞地扳袖楠點（紅芭）口M號：412J7S^JilAlf3GStft3￥>W.0fl7L/TXIfM：a.!7S布I■砒Btn占r：IlDinifr5It柏拓實木危踞地扳袖楠點（紅芭）口M號：412J7S^JilAlf3GStft3￥>W.0fl7L/TXIfM：a.!7S布I■砒Btn占r：snae?±i.ks±m(xù)iE伽rarfletReJe-sit.I哄..-..I逆 13 ..1...減…l.…沁.I...楓.-.…I呃.」....I腆tmm卞補Jl￡gSCTABfi2申“1 I：6^2isr2SH6tfiviir?F：■?)oe;-pj?k加mm鼻彌qiWt心從理珀耐章S*頑CJ<CU14L■會逾??對齊⑴?分就OJ??￥(11i毗qpFEfftLX)?W"WdifL妝同 i步驟四：一個頁面中可能會出現(xiàn)多個動態(tài)面板，因此我們可以將它命名，方便我們使用時方便辨認(rèn)。命名的方式也很簡單選中雙擊黃色透明區(qū)域在＜動態(tài)面板標(biāo)簽＞后的輸入框內(nèi)填寫標(biāo)簽名稱。（此步驟同樣可以在步驟二結(jié)束后進行操作）St-arbus證岡中”-雙擊這里D+收樣陸品.1—■ nkft追謹(jǐn)匹訪上門St-arbus證岡中”-雙擊這里D+收樣陸品.1—■ nkft追謹(jǐn)匹訪上門HULfinkSt4bihTjrg*-步驟五：做好以上的準(zhǔn)備工作以后就需要將按鈕和動態(tài)面板關(guān)聯(lián)起來因此該步驟也最為重要，該步驟總共分為六個小步驟。第一步：選中（鼠標(biāo)左鍵點擊一下）點擊彈出事件的觸發(fā)元素，這里當(dāng)然就是如下圖中的“點我就彈出”的按鈕了，第二步：在Axure右邊的工具欄上找到交互一欄，點擊OnClick（其實這個就是一個鼠標(biāo)點擊的觸發(fā)事件。如果需要實現(xiàn)彈出后再點擊按鈕關(guān)閉彈出框的操作話直接點擊交互下面的添加事件），第三步：在彈出框中

選中<顯示動態(tài)面板>,第四步：點擊下面的“ShowPane