Aure是一款十分方便的頁面交互模型軟件。是每一個合格的產品狗必備的技能之一。雖然小編不是產品狗,但是沒事也是挺喜歡玩這個軟件的。下面,就分三個步驟,首先主界面組合,其次彈窗組合,最后隱藏彈窗。來教教大家Aure如何實現簡單的彈窗交互。
一、繪制彈窗
1、打開Axure,小編就以某讀書軟件的一個活動為例,教教大家如何實現彈窗。
2、我們就按照這個模型。首先,托一個矩形到index,調整好大小。
3、托一個主要按鈕到index,調整好位置,將按鈕名稱改好。
4、這個組合就作為主界面。然后我們開始弄彈窗。
二、彈窗組合
1、將一個矩形和一個主按鈕拖到index,改好名稱并調整好位置
2、選擇這個組合,點擊右鍵,在菜單欄中選擇組合
三、隱藏彈窗
1、選擇這個組合,右擊拉出隱藏欄選擇隱藏
2、鼠標左鍵將彈窗選擇隱藏
3、 雙擊選擇 關閉 按鈕
四、呼出彈窗按鈕設置
1、點擊 想要呼出彈窗的按鈕 點擊如圖位置的 鼠標單擊時
2、在拉出的菜單中 選擇勾選剛才的組合,要把組合內所有的模塊都勾選上。點擊確定。
3、將 彈窗移動到合適的位置 按鍵盤F5進行閱覽
4、按下鍵盤F5后,會代開瀏覽器,然后點擊我們剛才設計的交互
5、就會彈出窗口啦!
6、 最后的最后!Axure作為一個原型圖軟件功能還是十分強大的,小編這里講的僅僅作為一個展示。
相關推薦:
axure RP 8怎么做圖片輪換的效果?
Axure RP 8怎么制作按鈕控制下拉框選項?
axure怎么設計鼠標移入移出顯示或隱藏面板?
新聞熱點
疑難解答