玩機教程：axure怎么設計QQ登錄界面交互效果

今天要來給大家介紹下axure怎么設計QQ登錄界面交互效果，之所以要來給大家針對這個axure怎么設計QQ登錄界面交互效果進行一個介紹的主要目的是現在很多小伙伴門對于axure怎么設計QQ登錄界面交互效果了解是非常少的，都不知道具體的是怎么回事，那么感興趣的小伙伴可以看下下面的介紹哦。

axure中想要設計QQ登錄界面交互效果的頁面原型，該怎么設計呢？下面我們就來看看詳細的教程。

1、制作背景動態(tài)模板，在動態(tài)面板內新建背景圖層，設置投影樣式

2、制作右上角設置小圖標交互樣式（以設置小圖標為例）；新建設置動態(tài)面板，設置動態(tài)面板正常（鼠標移出）、移入時的狀態(tài)

3、復制設置動態(tài)面板，更改圖標即可獲得最小化、關閉動態(tài)面板的交互效果，注意：設置鼠標移入關閉動態(tài)面板時期背景色為紅色，有警示作用）

4、制作鼠標移入頭像時，多賬號登錄向右劃出，移開時等待后移回原來位置的交互效果（等待圖層位于頭像圖層下方）

5、添加賬號動態(tài)面板，制作獲取焦點時賬號動態(tài)面板的交互樣式

6、復制賬號動態(tài)面板，更改圖標及提示語句即可獲得密碼動態(tài)面板的交互樣式

7、設置自動登錄及記住密碼的交互樣式：新建復選框，命名為自動登錄，選項為自動登錄；新建復選框，命名為記住密碼，選項為記住密碼；設置當自動登錄選中時，記住密碼選項的值為真

8、設置忘記密碼交互樣式：新建動態(tài)面板，命名為忘記密碼；編輯鼠標移入、移出時動態(tài)面板狀態(tài)；設置移入、移出時交互方式

9、設置登錄按鈕交互樣式：新建登錄按鈕，設置鼠標懸停時的按鈕樣式

10、設置注冊賬號交互樣式：新建動態(tài)面板，命名為注冊賬號；編輯鼠標移入、移出時動態(tài)面板狀態(tài)；（具體操作客參考步驟8中忘記密碼交互樣式的制作）

11、設置背景動態(tài)面板的居中效果，完成制作

以上就是axure設計QQ登錄界面交互效果的教程，希望大家喜歡，請繼續(xù)關注我們。