網(wǎng)站制作NEWS
Axure怎樣制作漸變色用戶登錄交互原型
1. 用戶登錄是每個(gè)APP進(jìn)入主界面的第一步，對于產(chǎn)品設(shè)計(jì)人員來說，使用Axure設(shè)計(jì)出一個(gè)吸引眼球的用戶登錄界面非常重要！接下來，我將為大家分享如何使用Axure制作漸變色用戶登錄交互原型的教程。
2. 對于正在自學(xué)或者準(zhǔn)備自學(xué)Axure的小伙伴，我建議你們可以學(xué)習(xí)一些Axure自學(xué)視頻課程，從0基礎(chǔ)到案例實(shí)操，全面學(xué)習(xí)。
3. 制作漸變色用戶登錄交互教程的步驟如下：
a. 制作登錄背景：拖入一個(gè)矩形作為登錄背景，設(shè)置尺寸為1920×1080，并使用顏色漸變工具設(shè)置背景顏色。
b. 給背景設(shè)置鼠標(biāo)移入交互，使用漸變效果實(shí)現(xiàn)鼠標(biāo)懸停時(shí)背景顏色的變化。
c. 設(shè)置頁面載入時(shí)，背景大小的交互，使用[[Window.width]]和[[Window.height]]獲取當(dāng)前窗口的寬高，確保在小屏幕上預(yù)覽時(shí)沒有滾動(dòng)條。
d. 完成登錄背景的制作。
4. 設(shè)計(jì)和制作用戶名和密碼框：
a. 用戶名和密碼框由三個(gè)組件組成，包括矩形、文本輸入框和圖標(biāo)。
b. 給矩形框設(shè)置選中交互、邊框顏色、可見邊框和線段顏色。
c. 拖入一個(gè)文本輸入框，命名為“賬戶”，并設(shè)置獲取焦點(diǎn)交互，當(dāng)獲取焦點(diǎn)時(shí)選中賬號和賬號圖標(biāo)。
d. 設(shè)置失去焦點(diǎn)時(shí)，將賬號和賬號圖標(biāo)設(shè)置為非選中狀態(tài)。
e. 將用戶名輸入相關(guān)的交互組合起來，并復(fù)制一個(gè)密碼組合進(jìn)行密碼框交互的修改。
5. 登錄按鈕的判斷制作：
a. 用戶登錄可能有多種情況，如用戶名和密碼都不正確，或只有一個(gè)為空。
b. 在提示錯(cuò)誤信息時(shí)，對對應(yīng)的項(xiàng)目進(jìn)行動(dòng)效設(shè)置。
c. 設(shè)置不同的交互情況，如用戶名和密碼都正確時(shí)提示信息正確，用戶名或密碼為空時(shí)提示相應(yīng)的錯(cuò)誤信息并選中對應(yīng)的矩形。
6. 以上是關(guān)于“Axure怎樣制作漸變色用戶登錄交互原型？”的完整內(nèi)容分享，希望對你有所幫助。如果想要更深入地學(xué)習(xí)Axure，可以繼續(xù)查找相關(guān)的文章和學(xué)習(xí)資源。總之，全面學(xué)習(xí)Axure，掌握綜合知識點(diǎn)，將有助于快速有效地獨(dú)立完成原型設(shè)計(jì)。
多重隨機(jī)標(biāo)簽