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