使用Axure RP 8設計彈窗交互模型具體操作步驟

相信很多的用戶都比較喜歡使用Axure RP 8,不過你們知道使用Axure RP 8叢設計彈窗交互模型嗎?下文就帶來了使用Axure RP 8設計彈窗交互模型的具體操作步驟 。

使用Axure RP 8設計彈窗交互模型具體操作步驟

一、繪制彈窗
1、打開Axure,小編就以某讀書軟件的一個活動為例,教教大家如何實現彈窗 。
使用Axure RP 8設計彈窗交互模型具體操作步驟

2、我們就按照這個模型 。首先,托一個矩形到index,調整好大小 。
使用Axure RP 8設計彈窗交互模型具體操作步驟

3、托一個主要按鈕到index,調整好位置,將按鈕名稱改好 。
使用Axure RP 8設計彈窗交互模型具體操作步驟

4、這個組合就作為主界面 。然后我們開始弄彈窗 。
二、彈窗組合
1、將一個矩形和一個主按鈕拖到index , 改好名稱并調整好位置
使用Axure RP 8設計彈窗交互模型具體操作步驟

2、選擇這個組合,點擊右鍵,在菜單欄中選擇組合
使用Axure RP 8設計彈窗交互模型具體操作步驟

三、隱藏彈窗
1、選擇這個組合,右擊拉出隱藏欄選擇隱藏
使用Axure RP 8設計彈窗交互模型具體操作步驟

【使用Axure RP 8設計彈窗交互模型具體操作步驟】2、鼠標左鍵將彈窗選擇隱藏
使用Axure RP 8設計彈窗交互模型具體操作步驟

3、 雙擊選擇 關閉 按鈕
四、呼出彈窗按鈕設置
1、點擊 想要呼出彈窗的按鈕 點擊如圖位置的 鼠標單擊時
使用Axure RP 8設計彈窗交互模型具體操作步驟

2、在拉出的菜單中 選擇勾選剛才的組合,要把組合內所有的模塊都勾選上 。點擊確定 。
使用Axure RP 8設計彈窗交互模型具體操作步驟

3、將 彈窗移動到合適的位置 按鍵盤F5進行閱覽
使用Axure RP 8設計彈窗交互模型具體操作步驟

4、按下鍵盤F5后,會代開瀏覽器,然后點擊我們剛才設計的交互
使用Axure RP 8設計彈窗交互模型具體操作步驟

5、就會彈出窗口啦!
使用Axure RP 8設計彈窗交互模型具體操作步驟

6、 最后的最后!Axure作為一個原型圖軟件功能還是十分強大的,小編這里講的僅僅作為一個展示 。
看完了上文講解的使用Axure RP 8設計彈窗交互模型的具體操作步驟,你們是不是都學會設計的方法了呢?

相關經驗推薦