Axure rp怎么設計微信的交互界面?

axure中想要制作一個交互的功能,該怎么制作呢?下面我們就來看看詳細的教程,請看下文詳細介紹。
1、打開axure軟件,進入體統(tǒng)頁面,點擊如圖位置新建文檔
2、axure界面是這樣的,最上面是菜單欄,靠下位置為屬性欄,中間是操作區(qū)域,右側有交互效果
3、我們點擊左上角的主頁位置,首先我們修改左上方菜單的名字,修改名的時候單機下稍等片刻后再點擊一下,就可以修改名字了,我們將index修改為中文“主頁”
4、下面的三個文件名稱修改方法一樣
5、將名稱修改完成后,雙擊主頁文件,找到左下方的圖片,拖入中間,然后雙擊圖片將自己的微信主頁拖入
6、將圖片位置調(diào)整為 0,0,位置后面為圖片大小,也可以根據(jù)畫面修改為合適尺寸
7、剩下的“通訊錄”、“發(fā)現(xiàn)”和“我”的操作方法相似,將圖片分別置入各自菜單中
8、下面做的就是對圖片的交互處理,找到如圖所示位置“熱區(qū)”,將“熱區(qū)”拖入圖中“微信”的位置,(熱區(qū)就是我們手點擊的區(qū)域范圍)
9、點擊右側位置“鼠標單擊時”操作效果
10、“打開連接”-選擇主頁的位置,點擊確定,主頁位置的交互完成。(當點擊主頁的時候,就會連接到主頁的位置)
11、然后再次點擊熱區(qū),將熱區(qū)放到通訊錄的位置,然后按照上面的操作方法,點擊鼠標的時候,打開通訊圖片的鏈接
12、同樣的方法,將剩下的“發(fā)現(xiàn)”和“我”,做同樣的效果處理
13、上面的操作都只是在“主頁”里面的操作,只有在“主頁”點擊才會跳轉到別的頁面,我們所要做的是在每個頁面都有同樣的效果,所以我們將剛才在“主頁”的交互操作分別復制到剩余三個頁面中;按住Shift分別選中四個交互效果,然后ctrl+c復制到各個頁面中粘貼
14、將全部效果做完之后,就可以點擊右上角的“預覽”模式在瀏覽其中觀看效果
以上就是Axure中制作交互效果的教程,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
axure怎么調(diào)整字間距? axure字間距的設置方法
相關文章
- Axure RP 8設怎么畫一只漂亮氣球圖形?Axure RP 8中除了制作網(wǎng)頁原型,還可以畫圖,該怎么畫一個漂亮的氣球呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-05-16
- Axure RP 8怎么畫漂亮的游泳圈圖形?Axure中想要繪制漂亮的游泳圈,該怎么繪制呢?下面我們就來看看詳細的教程,很簡答,需要的朋友可以參考下2017-05-15
- Axure RP8怎么設計美輪美奐的橢圓矩形框?Axure 中想要設計一個圓角矩形的圖形,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-15
- Axure RP 8怎么控制不同顏色元件移動?Axure RP 8中想要控制兩個不同顏色的柱子,該怎么操作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-08
- Axure RP 8怎么控制矩形元件顛倒旋轉?Axure RP 8中想想要使用按鈕控制一個矩形的旋轉,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-08
- axure怎么制作圖片自動播放的效果?axure中想要制作一個圖片自動播放的效果,該怎么設計呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-05
Axure RP 8怎么設置動態(tài)面板顯示隱藏對象?
Axure RP 8怎么設置動態(tài)面板顯示隱藏對象?Axure RP 8中設計的網(wǎng)頁想要隱藏元件,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-28AXURE怎么使用中繼器實現(xiàn)樣式重復但內(nèi)容不同的效果?
AXURE怎么使用中繼器實現(xiàn)樣式重復但內(nèi)容不同的效果?一般網(wǎng)站中我們都會遇到用一個模塊顯示不同內(nèi)容的情況,該怎么使用AXURE實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋2017-04-25- axure怎么隱藏菜單橫向隱藏與顯示的效果?今天想要和大家分享一些關于axure顯示隱藏效果的實現(xiàn)方法,我們就以隱藏菜單為例,需要的朋友可以參考下2017-04-23
- Axure怎么設計手機短信倒計時效果?Axure中想要制作倒計時效果,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-04-23