移动应用 · 设计概念
个人记账应用
移动端记账设计概念，展示月度概览、交易明细和分类预算，并说明信息层级及建议的界面状态。
以下是概念设计，并非客户项目。展示内容为静态效果图，名称和数据均为虚构。
设计出发点
让用户在手机上看清日常支出。设计将月度概览、具体收支记录与分类预算连接起来，便于逐步查看。
- 面向谁
- 需要核对已记录支出、查看月度预算使用情况的用户。
- 需要考虑的限制
- 每项合计都应注明统计期间，并能找到对应明细。金额和交易均为虚构静态示例，不连接银行，不支持支付或投资，也不提供财务建议。
建议的操作流程
- 01
查看月度概览
首页突出本月数据，在下方列出近期记录作为补充。
- 02
查阅交易明细
明细页按日期整理记录，每笔交易的说明与金额相邻显示。
- 03
核对分类预算
预算页对照展示每个类别的支出与预算，供用户查看差额。
为什么这样设计？
说明数字代表什么
金额旁保留月份和类别标签，避免醒目的合计缺少统计范围。
不对消费作评判
柔和的紫蓝色突出预算信息，不用警报式配色强调所有变化。拟定的超预算提示只说明金额和月份。
细看视觉设计
以下为建议的设计样式，均为静态示例，不是可操作功能或正式开发规范。
配色用途
暖色背景
#F8F7F3
预算重点
#7979B8
金额与文字
#292A31
字体与间距
信息清楚，下一步明确。
无衬线字体应有清晰的数字字形，金额采用等宽数字排列。较小字号下也要能辨认货币符号和负号。
月度合计周围留出空间，交易明细按日期紧凑排列。每个预算类别的名称、金额及进度提示保持成组。
正常流程之外的状态
暂无记录
本月还没有交易记录。添加一笔记录后可查看概览。
预算已保存
月度预算已更新，已有交易金额保持不变。
金额无效
预算金额必须大于零。
为什么将交易明细与月度概览分开？
概览用于了解整个月的情况，明细用于核对组成合计的记录。独立页面能给两种任务各自的空间；切换时仍需显示当前月份，避免混淆统计范围。
