你們知道使用axure如何設(shè)計(jì)QQ登錄界面交互效果嗎?以下這篇教程內(nèi)容就帶來(lái)了使用axure設(shè)計(jì)出QQ登錄界面交互效果的具體操作方法 。
1、制作背景動(dòng)態(tài)模板，在動(dòng)態(tài)面板內(nèi)新建背景圖層，設(shè)置投影樣式
2、制作右上角設(shè)置小圖標(biāo)交互樣式(以設(shè)置小圖標(biāo)為例);新建設(shè)置動(dòng)態(tài)面板，設(shè)置動(dòng)態(tài)面板正常(鼠標(biāo)移出)、移入時(shí)的狀態(tài)
3、復(fù)制設(shè)置動(dòng)態(tài)面板，更改圖標(biāo)即可獲得最小化、關(guān)閉動(dòng)態(tài)面板的交互效果，注意：設(shè)置鼠標(biāo)移入關(guān)閉動(dòng)態(tài)面板時(shí)期背景色為紅色，有警示作用)
4、制作鼠標(biāo)移入頭像時(shí)，多賬號(hào)登錄向右劃出，移開(kāi)時(shí)等待后移回原來(lái)位置的交互效果(等待圖層位于頭像圖層下方)
5、添加賬號(hào)動(dòng)態(tài)面板，制作獲取焦點(diǎn)時(shí)賬號(hào)動(dòng)態(tài)面板的交互樣式
6、復(fù)制賬號(hào)動(dòng)態(tài)面板，更改圖標(biāo)及提示語(yǔ)句即可獲得密碼動(dòng)態(tài)面板的交互樣式
7、設(shè)置自動(dòng)登錄及記住密碼的交互樣式：新建復(fù)選框，命名為自動(dòng)登錄，選項(xiàng)為自動(dòng)登錄;新建復(fù)選框，命名為記住密碼，選項(xiàng)為記住密碼;設(shè)置當(dāng)自動(dòng)登錄選中時(shí)，記住密碼選項(xiàng)的值為真
8、設(shè)置忘記密碼交互樣式：新建動(dòng)態(tài)面板，命名為忘記密碼;編輯鼠標(biāo)移入、移出時(shí)動(dòng)態(tài)面板狀態(tài);設(shè)置移入、移出時(shí)交互方式
9、設(shè)置登錄按鈕交互樣式：新建登錄按鈕，設(shè)置鼠標(biāo)懸停時(shí)的按鈕樣式
10、設(shè)置注冊(cè)賬號(hào)交互樣式：新建動(dòng)態(tài)面板，命名為注冊(cè)賬號(hào);編輯鼠標(biāo)移入、移出時(shí)動(dòng)態(tài)面板狀態(tài);(具體操作客參考步驟8中忘記密碼交互樣式的制作)
11、設(shè)置背景動(dòng)態(tài)面板的居中效果，完成制作
【使用axure設(shè)計(jì)出QQ登錄界面交互效果具體操作方法】按照上文為你們講述的使用axure設(shè)計(jì)出QQ登錄界面交互效果的具體操作方法，你們是不是都學(xué)會(huì)設(shè)計(jì)的方法啦!
推薦閱讀
- X209手機(jī)使用時(shí)間記錄歸零大法
- 一 小7使用技巧 鍵盤(pán)篇
- win10系統(tǒng)下怎么使用掃描儀
- 日常防護(hù)用什么口罩
- 我的第一臺(tái)手機(jī)M55的購(gòu)買(mǎi)經(jīng)歷和使用感受
- KMSmicro5.0.1怎么用？KMSmicro5.0.1使用教程
- 互傳的詳細(xì)使用步驟介紹
- 索尼愛(ài)立信T68ie彩信使用指南
- 使用WPS繪畫(huà)出郵政編碼方格具體操作方法
- 為什么選擇康佳C889 ——我用康佳 C889之一