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