主視覺設計理念
主視覺延續 Logo 的藍紫色調,背景運用漸變色並結合星空、行星、流星等元素,營造科技與未來感。淺色登入框置於中央,與周圍背景形成強烈對比,突顯主要內容,幫助使用者快速聚焦。此外,在登入頁、維護頁及 404 頁面 融入插畫風格,增添親和力,降低企業管理系統的冰冷感,使使用體驗更輕鬆,同時保持專業感。
首頁與內頁採用淺色調確保資訊清晰,並透過圓角設計的按鈕與輸入框提升視覺和諧度,使整體界面更細膩且友善,進一步優化使用者體驗。
在軟體或產品開發中,UI、PM、RD 的協作至關重要,直接影響產品品質與開發效率。流程從PM提供的Wireframe開始,UI 製作視覺設計稿,先設計3款登入頁畫面供主管確認主視覺方向,確定後再延伸至首頁與內頁,並制定 設計規範(Guideline)。
在設計與 Guideline 制定過程中,若遇功能疑問,會與 PM 討論後再調整。完成的頁面填寫至Trello,同步 PM、RD,並上傳至摹客 RP供檢視與回饋。RD 切版完成後,UI 進行視覺驗證,確保畫面符合設計標準並進行必要調整。
Web Design