设计挑战
记一笔账需要反复选择分类和账户，长期坚持成本较高。月度图表虽然丰富，却缺少实际的解释。
生活账本
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔快速记账
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔月度报告
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔UI / VISUAL DESIGN PORTFOLIOCONCEPT PROJECT · 示例项目
01 / OVERVIEW从问题出发，
从问题出发，
让设计有据可循。
项目背景
用自然的分类与清晰的月度视图，让日常记账变得轻松，也让消费习惯更容易被看见。
- 项目类型
- 生活记账 App
- 我的职责
- 体验梳理 / 界面设计 / 组件规范
- 交付内容
- 生活账本 / 快速记账 / 月度报告
设计回应
压缩单次记录路径，保留最近使用的分类，并用“本月变化”帮助用户理解收支，而不只是展示数字。
02 / INTERFACE DESIGN
生活账本 /
让金额成为视觉焦点，分类与备注保持轻量。报告用自然语言解释主要变化，减少用户自行解读的负担。
生活账本
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔快速记账
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔月度报告
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔03 / DESIGN IN DETAIL快速记账
快速记账
让每一步，自然发生。
压缩单次记录路径，保留最近使用的分类，并用“本月变化”帮助用户理解收支，而不只是展示数字。
- 01生活账本
让金额成为视觉焦点，分类与备注保持轻量。报告用自然语言解释主要变化，减少用户自行解读的负担。
- 02快速记账
记一笔账需要反复选择分类和账户，长期坚持成本较高。月度图表虽然丰富，却缺少实际的解释。
- 03月度报告
压缩单次记录路径，保留最近使用的分类，并用“本月变化”帮助用户理解收支，而不只是展示数字。
快速记账
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔月度报告
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔生活账本
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔04 / DESIGN LANGUAGE
有秩序，才有延展。
用一套一致的色彩、字体层级与空间规则，把独立页面连接成完整体验。
TYPOGRAPHYAa / 字
大标题 · 64 / Bold
内容标题 · 24 / Medium
正文说明 · 16 / Regular
COLOR PALETTE
#FF966A / #11141C / #F1F1EE
SPACING & RHYTHM
816243248
基于 8pt 的间距与网格
05 / MORE POSSIBILITIES
月度报告。
从单个页面，到连贯的产品体验。
月度报告
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔生活账本
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔快速记账
本月结余¥ 8,420预算已使用 58%
咖啡与早午餐−38.00
地铁通勤−6.00
日常采购−126.00
＋ 记一笔DESIGN NOTE / 06
把生活，收进小口袋
让金额成为视觉焦点，分类与备注保持轻量。报告用自然语言解释主要变化，减少用户自行解读的负担。
本页为作品集结构与版式演示，项目、数据与界面均为概念示例。实际项目图片可按当前版式替换。