ERP易管+智慧系統視覺設計

易管+智慧系統是提供企業內部使用的ERP(Enterprise Resource Planning,企業資源規劃)管理系統,用於幫助企業進行資源的規劃與管理。它通過一個統一的平台,整合企業內各部門的功能,如財務、人力資源、庫存、供應鏈、銷售和客戶關係管理等。ERP系統使得各個部門之間的數據可以共享和流通,提高了業務流程的效率,從而幫助企業達到更高的生產力和盈利。

主視覺設計理念

主視覺延續 Logo 的藍紫色調,背景運用漸變色並結合星空、行星、流星等元素,營造科技與未來感。淺色登入框置於中央,與周圍背景形成強烈對比,突顯主要內容,幫助使用者快速聚焦。此外,在登入頁、維護頁及 404 頁面 融入插畫風格,增添親和力,降低企業管理系統的冰冷感,使使用體驗更輕鬆,同時保持專業感。

首頁與內頁採用淺色調確保資訊清晰,並透過圓角設計的按鈕與輸入框提升視覺和諧度,使整體界面更細膩且友善,進一步優化使用者體驗。

Design Guideline

制定 UI 設計規範的用意在於確保所有介面元素(按鈕、字體、顏色、間距等)風格統一,使使用者在不同頁面間獲得一致的體驗。
透過規範化的設計系統,運用在改版時能更容易維護和擴展,減少設計與開發上的不一致問題。

設計規範涵蓋的內容,以下列出大項說明:

  • 字體規範:規範中英文字型、大小,提升易讀性。
  • Icon樣式與狀態:規範圖示風格與啟用、停用及滑鼠懸停時的變化。
  • 按鈕狀態:規範樣式與明確啟用、停用、禁用及滑鼠懸停時的變化。
  • 元素間距:規範元素間距,提升畫面整潔度與視覺和諧感。
  • 日曆與下拉選單:規範樣式與行為,提供一致的操作體驗。
  • 彈窗樣式:統一對話框與通知彈窗的設計與互動邏輯。
  • 簽核狀態:清楚標示待簽、已簽、退回等流程狀態。
  • 表格設計:規範文字大小、色系與狀態顯示,提升數據易讀性。

與PM & RD 協作流程

在軟體或產品開發中,UI、PM、RD 的協作至關重要,直接影響產品品質與開發效率。流程從PM提供的Wireframe開始,UI 製作視覺設計稿,先設計3款登入頁畫面供主管確認主視覺方向,確定後再延伸至首頁與內頁,並制定 設計規範(Guideline)

在設計與 Guideline 制定過程中,若遇功能疑問,會與 PM 討論後再調整。完成的頁面填寫至Trello,同步 PM、RD,並上傳至摹客 RP供檢視與回饋。RD 切版完成後,UI 進行視覺驗證,確保畫面符合設計標準並進行必要調整。

與PM & RD 協作流程

在軟體或產品開發中,UI、PM、RD 的協作至關重要,直接影響產品品質與開發效率。流程從PM提供的Wireframe開始,UI 製作視覺設計稿,先設計3款登入頁畫面供主管確認主視覺方向,確定後再延伸至首頁與內頁,並制定 設計規範(Guideline)

在設計與 Guideline 制定過程中,若遇功能疑問,會與 PM 討論後再調整。完成的頁面填寫至Trello,同步 PM、RD,並上傳至摹客 RP供檢視與回饋。RD 切版完成後,UI 進行視覺驗證,確保畫面符合設計標準並進行必要調整。

部分畫面展示

Copyright © 2025 Paula portfolio