AI 记账 APP · 高保真 UI 稿 v0.5 清新简约

主色 薄荷绿 #00B386 · AI 专属色 靛蓝 #5B6BF5 · 全套 SVG 线性图标 · Flutter + .NET

模式一普通记账模式
9:41
日常账本
7月结余
¥ 4,286.50
收入¥ 12,800.00
支出¥ 8,513.50
预算剩余¥ 1,900.00
本月预算
62%
小账喵
"今天的奶茶已入账，这周第 3 杯了，克制一点喵"
去聊天
最近账单全部 ›
今天 · 7月17日支出 ¥86.50
一点点奶茶
14:32 AI
-18.00
午餐 · 兰州拉面
12:05 AI
-26.00
地铁通勤
08:47
-42.50
昨天 · 7月16日收 ¥500.00 · 支 ¥128.00
兼职收入
20:14
+500.00
超市采购
19:02
-128.00
明细
统计
小账喵
我的
P1 · 首页（账单明细）
9:41
记一笔保存并再记
支出收入转账
餐饮
饮品
购物
交通
住房
娱乐
医疗
学习
服饰
人情
旅行
设置
餐饮
26.00
午餐拉面 今天 12:05 微信支付
1
2
3
⌫
4
5
6
＋
7
8
9
完成
再记
0
.
P2 · 手动记账
9:41
统计
周月年自定义
2026年7月
总支出¥8,513
餐饮34%
购物21%
住房16%
交通13%
娱乐9%
其他7%
每日支出趋势
11
12
13
14
15
16
17
餐饮 ¥2,894.50
购物 ¥1,788.00
小账喵的分析
本月餐饮支出比上月高 23%，主要是奶茶（12 杯 ¥216）。按当前节奏预算将在 7月28日 用完，建议每日控制在 ¥130 以内。
明细
统计
小账喵
我的
P3 · 统计 + AI 分析
AI 助手聊天记账 · 表情包互动 · 性格设置
9:41
小账喵 毒舌猫娘
在线 · 已陪你记账 128 天
今天 14:31
刚买了杯一点点，18块
记好了！不过这是你这周第 3 杯奶茶了……钱包在哭泣哦
AI 已自动记账
-¥18.00
饮品 · 一点点奶茶 · 微信支付
修改确认无误
求原谅…
卖萌也没用！
哼，看在你都记账的份上原谅你～
本周饮品预算还剩 ¥22，省着点
拍小票 语音记账 本月花了多少
和小账喵说点什么…
P4 · AI 聊天记账（表情包互动）
9:41
AI 性格设置
小账喵
点击更换头像和昵称
毒舌猫娘
嘴上嫌弃，心里关心，乱花钱会被吐槽
"又点外卖？你的钱包已经瘦成纸片了喵！"
温柔小暖
永远鼓励你，温柔提醒不施压
"记好啦，偶尔犒劳自己也是应该的呀"
严格管家
专业理性，盯紧预算，数据说话
"本笔支出使餐饮预算达到 87%，请注意。"
沙雕损友
玩梗高手，表情包狂魔，快乐记账
"家人们谁懂啊，他又双叒叕买奶茶了"
吐槽力度较犀利
表情包频率经常发
主动提醒（预算 / 账单）每天一次
保存设置
P5 · AI 性格设置
9:41
南巡 PRO
已连续记账 128 天 · 超过 92% 的用户
App 模式
选择你喜欢的使用方式，可随时切换
普通记账模式
经典账本界面
手动记账 + AI 辅助
全 AI 模式
聊天即记账
对话作为主界面
AI 性格设置毒舌猫娘
预算管理¥5,000/月
账本管理3 个账本
分类管理
数据导出
云同步已开启
通用设置
明细
统计
小账喵
我的
P6 · 我的（模式切换）
模式二全 AI 模式 — 对话即 App
9:41
小账喵 毒舌猫娘
全 AI 模式 · 说句话就能记账
切换模式
今日支出
¥86.50
本月结余
¥4,286
预算剩余
62%
今天 19:02
晚上好～今天已经花了 ¥86.5，晚饭想吃什么？先跟我报备
晚饭和同事吃了火锅AA，人均88，微信付的
AI 已自动记账
-¥88.00
餐饮 · 火锅聚餐 (AA) · 微信支付
今日餐饮 ¥114 / 预算 ¥130
今日预算亮红灯！
知道啦，这个月我花最多的是什么？
是餐饮 ¥2,894（占 34%）！其中奶茶就有 ¥216……
要不要我生成本月报告？
生成月报 拍小票 查明细 调预算
说句话，记一笔…
P7 · 全 AI 模式主界面（浅色渐变玻璃）
新增首次启动流程 — 登录 · 选模式 · 选性格
9:41
喵记账
会聊天的记账本 · 让 AI 帮你管钱
微信一键登录
手机号登录
先逛逛，游客模式 ›
已阅读并同意 《用户协议》和《隐私政策》
P8 · 启动 / 登录
9:41
你想怎么用它？
两种完全不同的体验，以后随时可以在「我的」里切换
普通记账模式
经典账本界面，手动记账、报表统计一应俱全，AI 助手随叫随到
全 AI 模式
没有复杂界面，打开就是和 AI 聊天，说句话就完成记账、查账、看报告
今天花了多少呀？
午饭 26，奶茶 18
记好啦，共 ¥44 ✓
继续
P9 · 引导 · 选择模式
9:41
认识你的 AI 伙伴
选形象、起名字、挑性格 —— 之后它就是你的专属记账搭子
阿福汪
小账喵
账小智
小账喵换一个
毒舌猫娘
乱花钱会被无情吐槽
温柔小暖
永远鼓励，温柔提醒
严格管家
理性专业，数据说话
沙雕损友
玩梗高手，快乐记账
开始记账之旅
P10 · 引导 · 选择 AI 性格
新增核心闭环 — 账单详情 · 预算 · AI 月报 · 表情包面板
9:41
账单详情
-¥18.00
支出 · 已入账
分类饮品
时间2026年7月17日 14:32
账本日常账本
支付方式微信支付
备注一点点奶茶
来源 AI 聊天记账
你说："刚买了杯一点点，18块"
小账喵识别：饮品 · ¥18.00 · 微信支付
编辑
删除
P11 · 账单详情（含 AI 来源追溯）
9:41
预算管理编辑
总预算剩余62%
本月总预算¥5,000.00
已使用¥3,100.00
剩余可用¥1,900.00
日均可用¥135.70
餐饮¥1,395 / ¥1,600
饮品¥216 / ¥300
购物¥688 / ¥1,500
交通¥412 / ¥600
添加分类预算
让小账喵帮你定预算
根据近 3 个月的消费习惯，AI 可以一键生成更合理的分类预算方案。
生成方案 ›
P12 · 预算管理（AI 一键定预算）
9:41
7月账单报告分享
小账喵 · 月度报告
7月，你一共花了 ¥8,513
比上月多 12% · 全国同龄用户中排勤俭榜前 44%
收入
¥12,800
支出
¥8,513
结余
¥4,286
笔数
142
最烧钱的一天：7月16日
单日支出 ¥486，一半花在了「海底捞聚餐」
奶茶自由指数：偏高
12 杯 · ¥216，比上月多 4 杯，最爱「一点点」
进步的地方
打车支出比上月省了 ¥180，通勤改坐地铁了，好评
AI 记账占比 68%
96 笔账是聊天记的，你已经离不开我了吧
毒舌点评
"收入 1.28 万，奶茶 216——你不是在喝奶茶，你是在给奶茶店打工。下个月饮品预算我给你砍到 ¥150，有意见吗？没有，那就这么定了喵。"
生成分享图
P13 · AI 月度报告
9:41
小账喵 毒舌猫娘
在线
这个月工资到账了吗？记得跟我说一声
发工资啦！
哦？多少？直接报数，我帮你记收入
和小账喵说点什么…
小账喵专属经典表情最近使用
发工资啦
求原谅
剁手警告
生气喵
开心喵
犒劳自己
购物狂喜
钱包空空
P14 · 表情包面板（用户侧发送）
新增输入方式 & 管理页 — 语音 · OCR · 账本 · 分类
9:41
小账喵 毒舌猫娘
在线
今天想记点什么？
正在聆听…
直接说，比如"打车去机场花了 45"
"昨天晚上和朋友吃烧烤，人均六十八，我用支付宝付的…"
松开发送 · 上滑取消
P15 · 语音记账（识别中）
9:41
小票识别重拍
识别完成
商户永辉超市（软件园店）98%
金额¥128.60 99%
时间今天 19:02 95%
AI 分类购物 · 超市采购 辅助判断
支付方式微信支付
小账喵
识别到 14 件商品，其中零食占 ¥46……要不要我把零食单独拆一笔记「饮品零食」？
拆分记账 不用，记一笔
手动修改
确认入账
P16 · 拍小票 OCR 确认
9:41
日常账本
7月结余
¥ 4,286.50
切换账本
日常账本
默认 · 本月 142 笔 · ¥8,513.50
云南旅行
2026.05 · 38 笔 · ¥6,208.00
带娃开销
与家人共享 · 261 笔 · ¥23,180.00
新建账本
P17 · 多账本切换弹层
9:41
分类管理完成
支出收入
长按拖动排序 · 左滑或点删除移除分类
餐饮
饮品
购物
交通
办公
自定义分类
提示
AI 聊天记账会自动匹配到这里的分类；删除分类后，历史账单会归入「其他」。
P18 · 分类管理
新增搜索 · 空状态 · 收入/转账 · 通知 · 全AI欢迎页
9:41
奶茶
取消
全部时间 分类 金额区间 仅 AI 记账
找到 12 笔 · 共 ¥216.00 · 试试问小账喵："我这个月奶茶花了多少"
7月17日¥18.00
一点点奶茶
14:32 AI
-18.00
7月15日¥37.00
喜茶 · 多肉葡萄（奶茶）
15:20 AI
-19.00
蜜雪冰城（奶茶）
11:02
-8.00
搜索历史
打车超市> ¥100上月餐饮
P19 · 搜索（筛选 + 高亮 + AI 引导）
9:41
日常账本
7月结余
¥ 0.00
收入¥ 0.00
支出¥ 0.00
预算未设置
等你记第一笔！
还没有账单
跟我说句话就能记账，比如
"早饭包子豆浆 6 块" · "打车 45"
和小账喵聊聊
手动记一笔
明细
统计
小账喵
我的
P20 · 空状态（新用户首页）
9:41
记一笔
支出收入转账
工资
兼职
理财
红包
报销
二手
奖金
自定义
转账（tab 三）示例
微信零钱
余额 ¥328.50
招行储蓄卡
尾号 6688
工资
+12,800
7月工资 今天 10:00 招行储蓄卡
1
2
3
⌫
4
5
6
＋
7
8
9
完成
再记
0
.
P21 · 收入记账 + 转账示例
9:41
21:30
7月17日 星期五
喵记账现在
小账喵：今日小结出炉
今天花了 ¥86.5，比昨天省 ¥41.5。餐饮预算还剩 ¥16，明天悠着点喵～
喵记账2小时前
⚠️ 饮品预算告急
本周饮品预算已用 93%。是谁下午又点了奶茶？是你喵。
喵记账昨天
7月月报已生成
这个月你最烧钱的一天、最离不开的店……点开看看你的消费画像。
小账喵有话说
检测到支付宝账单：星巴克 ¥32，要帮你记上吗？
记上
↑ 应用内横幅（AI 主动提醒 / 账单导入建议）
P22 · 推送通知 + 应用内横幅
9:41
小账喵 毒舌猫娘
全 AI 模式
切换模式
你好呀，我是小账喵
从现在开始，这个对话就是你的账本。
记账、查账、预算、月报，一句话的事。
"早饭包子豆浆 6 块" —— 试试直接记一笔
按住底部麦克风，用说的也行
"帮我定个每月 5000 的预算"
别光看教程呀，先记一笔试试？我很快的喵
说句话，记一笔…
P23 · 全 AI 模式首次欢迎页
9:41
日常账本
当前离线 · 手动记账可用，AI 功能恢复联网后可用 · 本地已存 2 笔待同步
7月结余
¥ 4,286.50
收入¥ 12,800.00
支出¥ 8,513.50
预算剩余¥ 1,900.00
小账喵 · 离线中
联网后我就回来～期间账单我都帮你存好了
不可用
最近账单
今天 · 7月17日支出 ¥54.00
晚饭 · 面馆
19:20 · 待同步 ↑
-28.00
咖啡
15:02 · 待同步 ↑
-26.00
明细
统计
小账喵
我的
P24 · 离线状态（AI 置灰 + 待同步）

v0.5 · 清新简约风 · 24 个界面 · 后续以 Flutter 实现