Money Twin · v21 设计验收页

v21 · 首页修正与仪式感

三处修正:hero 从 ~340px 瘦到 190px、软胶 Bloop 住进 hero 右侧并带每日一句气泡;金额改银行式带分排法(RM 66 大、.34 降权);新增两个仪式时刻——今日达标弹卡存钱进 Goal。底部附 3D 使用规矩(唇边 / 地影 / 全平)。

9:41
Wednesday, 19 August

Good morning

4 day rhythm
Left today
RM 66.34
of RM 66.34 today · Why this amount?
Yesterday ran a little over. Today resets.
Updated just now
哈哈 RM 80 / RM 1,000 At this pace: 18 Dec
Accounts TNG  RM 1,353.57
Next · in 13 days
妈妈
+RM 800
① 新首页 · 改动点
Hero 340 → 190px:只留一个数字 + 一句人话;Bloop 从角落 74px 平面小图标换成右侧 118px 软胶版,头顶气泡每天一句。
金额带分:RM 66 大字 64px、.34 降到 26px 浅绿(银行式);全站金额 tabular-nums。
Goal 进度条长 3px 唇边(可点,:active 微下沉);Accounts 收成一行;NEXT 事件卡进首屏。
21:37
Wednesday, 19 August

Good evening

4 day rhythm
Left today
RM 12.34
of RM 66.34 today · Why this amount?
Updated 2 min ago
哈哈 RM 80 / RM 1,000 At this pace: 18 Dec
Accounts TNG  RM 1,353.57
② 今日达标弹卡 · 主角

触发:晚上打开 App 且 leftToday ≥ 0 → 弹一次,一天一次。
Bloop 跳起 + 落地 squash 循环,身后 8 叶 3 星粒子爆错拍外飞;按钮 ≥52px 唇边 4px,:active 真能按。明早的开盒留给明早,不在晚上抢戏。
9:41
My Space

我的房间

哈哈 RM 80 / RM 1,000 + 存钱
存钱进 Goal · 哈哈
RM 20 RM 50 RM 100 自定义…
当前可存上限 RM 1,170(余额 − 缓冲 − 已存)
③ 存钱仪式(Space 页)
确认瞬间:粒子爆开 + 数字滚动 + 居民跳一下;超上限按钮灰掉写明原因。
金额用 chips 点选(选中态薄荷底绿边),键盘是最后手段;「存入 RM 50」56px 高唇边 5px,:active 可按。

3D 用在哪:三条规矩

01
可交互件 = 唇边
按下 · 唇边 2px(静态)
只有能按的东西才长唇边。唇边是底部一条实色深边,不是投影;按下 = 脸下沉 2px、唇边 4 → 2。左边那颗 :active 真能按。
02
活物 = 地影 + 漂浮
活物才配 ink 7% 地影和上下漂浮。地影跟着角色走,UI 元素(卡片、按钮、图标)一律不许画地影装活。
03
信息层 = 全平
This week · spent
RM 312.40
12 transactions · 2 needs review
信息卡只有 hairline。无投影、无唇边、无渐变——它是用来看的,不是用来按的;分隔靠留白和 1dp 细线。