手機 App · 設計概念
個人記帳手機介面概念,連貫呈現收支總覽、交易記錄和每月預算,並說明資料層次及建議介面狀態。
以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。
在有限的手機畫面交代日常開支。這個概念先顯示每月總覽,再讓用戶查看個別記錄及各類別的預算。
總覽以每月數字為重點,下方列出近期記錄,供用戶了解開支背景。
獨立列表按日期分組,每筆記錄的說明與金額放在一起。
每月預算畫面並列各類別的開支與預算,方便查看差額。
月份及類別名稱靠近金額。只顯示一個大數字,無法說明包含哪些記錄。
柔和紫藍色用來突出預算,不將每次變動都變成警告。建議的超支提示只交代金額及月份,不作評價。
以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。
暖色背景
#F8F7F3
預算重點
#7979B8
金額及文字
#292A31
資料清楚,下一步自然明確。
採用數字容易辨認的無襯線字體,金額使用等寬數字方便對齊。貨幣符號及負號在小字下仍須清楚。
每月總額四周保留空間,交易列表則按日期緊湊分組。類別名稱、金額及預算指示應放在同一組。
暫無記錄
本月未有交易記錄。新增一筆記錄,開始查看總覽。
預算已儲存
每月預算已更新,原有交易金額沒有改動。
金額有誤
請輸入大於零的預算金額。
總覽交代整個月的概況,列表則解釋數字由哪些記錄組成。分開後,兩種任務都有足夠空間,但切換畫面時必須保留所選月份。