很多的用戶們都在使用Axure rp，不過你們知道使用Axure rp如何設(shè)計(jì)微信交互界面嗎?下文就帶來了Axure rp設(shè)計(jì)微信交互界面的具體操作步驟。

1、打開axure軟件，進(jìn)入體統(tǒng)頁面，點(diǎn)擊如圖位置新建文檔

2、axure界面是這樣的，最上面是菜單欄，靠下位置為屬性欄，中間是操作區(qū)域，右側(cè)有交互效果

3、我們點(diǎn)擊左上角的主頁位置，首先我們修改左上方菜單的名字，修改名的時(shí)候單機(jī)下稍等片刻后再點(diǎn)擊一下，就可以修改名字了，我們將index修改為中文“主頁”

4、下面的三個(gè)文件名稱修改方法一樣

5、將名稱修改完成后，雙擊主頁文件，找到左下方的圖片，拖入中間，然后雙擊圖片將自己的微信主頁拖入

6、將圖片位置調(diào)整為 0,0，位置后面為圖片大小，也可以根據(jù)畫面修改為合適尺寸

7、剩下的“通訊錄”、“發(fā)現(xiàn)”和“我”的操作方法相似，將圖片分別置入各自菜單中

8、下面做的就是對(duì)圖片的交互處理，找到如圖所示位置“熱區(qū)”，將“熱區(qū)”拖入圖中“微信”的位置，(熱區(qū)就是我們手點(diǎn)擊的區(qū)域范圍)

9、點(diǎn)擊右側(cè)位置“鼠標(biāo)單擊時(shí)”操作效果

10、“打開連接”-選擇主頁的位置，點(diǎn)擊確定，主頁位置的交互完成。(當(dāng)點(diǎn)擊主頁的時(shí)候，就會(huì)連接到主頁的位置)

11、然后再次點(diǎn)擊熱區(qū)，將熱區(qū)放到通訊錄的位置，然后按照上面的操作方法，點(diǎn)擊鼠標(biāo)的時(shí)候，打開通訊圖片的鏈接

12、同樣的方法，將剩下的“發(fā)現(xiàn)”和“我”，做同樣的效果處理

13、上面的操作都只是在“主頁”里面的操作，只有在“主頁”點(diǎn)擊才會(huì)跳轉(zhuǎn)到別的頁面，我們所要做的是在每個(gè)頁面都有同樣的效果，所以我們將剛才在“主頁”的交互操作分別復(fù)制到剩余三個(gè)頁面中;按住Shift分別選中四個(gè)交互效果，然后ctrl+c復(fù)制到各個(gè)頁面中粘貼

14、將全部效果做完之后，就可以點(diǎn)擊右上角的“預(yù)覽”模式在瀏覽其中觀看效果

根據(jù)上文為你們講述的Axure rp設(shè)計(jì)微信交互界面的具體操作步驟，你們是不是都學(xué)會(huì)了嗎!