你們知道使用axure如何設(shè)計QQ登錄界面交互效果嗎?以下這篇教程內(nèi)容就帶來了使用axure設(shè)計出QQ登錄界面交互效果的具體操作方法。

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

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

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

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

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

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

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

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

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

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

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

按照上文為你們講述的使用axure設(shè)計出QQ登錄界面交互效果的具體操作方法，你們是不是都學(xué)會設(shè)計的方法啦!