赵阳智脑 · 视觉升级方向 v1

基于现在的 P2/S1,我做的一版美学升级——守住 H 的绿主色、扁平、医疗克制,只在配色精度、控件工艺、层级节奏上往上抬。参考了社区健康类 UI 的通行做法(KPI 四层解剖、软绿+冷中性、深墨字),但数值涨跌一律中性色、不做好坏暗示(守医疗红线)。

精修色板 + 控件规则

页底 paper 卡片 深墨字 主色绿 右眼 左眼 待处理 琥珀 次级字(达标)
卡片:白底 + 1px 发丝线 + 极淡墨绿投影(不再硬边扁平)
KPI 四层:图标chip + 状态chip → 大数字 → 标签 → 上下文
数字:等宽体 tabular-nums + 紧字距 -.03em(对齐、更笃定)
语义:绿=完成/常规,琥珀=待处理,红只留真紧急
涨跌 delta:中性石板色 + 不带好坏色(医疗红线)
圆角/间距锁一套:卡16 · 小件9-13 · 4px 网格
① 今日数据 · KPI 卡 门店端
● 当前
今日数据
今日新建档案8
今日新增
今日完成检查6
今日完成
待推送结论2
等待推送
待跟进家长4
等待跟进
✦ 升级版
今日数据
今日新增
8
今日新建档案
已完成
6
今日完成检查
待处理
2
待推送结论
待处理
4
待跟进家长
② 最近一次检查 · 数据卡 家长端
● 当前
最近一次检查
右眼 OD
近视度数
225 度较上次 +25
眼轴
23.57 mm较上次 +0.06
裸眼视力
4.3较上次 −0.1
左眼 OS
近视度数
200 度较上次 +25
眼轴
23.52 mm较上次 +0.06
裸眼视力
4.4较上次 −0.1
✦ 升级版
最近一次检查
右眼 OD 左眼 OS
2026-08-01
近视度数
225度较上次 +25
200度+25
眼轴
23.57mm较上次 +0.06
23.52mm+0.06
裸眼视力
5 分制
4.3较上次 −0.1
4.4−0.1
距上次检查 46 天全部记录 ›
这张卡我做了什么
  • 左右眼从"两坨并排"改成共用指标行 + 双列对齐,右眼绿/左眼蓝一眼分清,横向能直接比。
  • 数值等宽紧排、单位下沉;较上次 delta 用中性石板色——不给"涨了是坏"的暗示,守医疗红线。
  • 发丝分隔行 + 图例 + 日期归位,信息密但不挤。

守住:H 绿主色 / 深墨字 / 扁平克制 / 右眼绿·左眼蓝 / 不构成医学结论。
抬升:卡片工艺(发丝线+极淡墨绿投影)· KPI 四层解剖 · 等宽数字 · 待处理琥珀区分 · 中性 delta。