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