提案预览 · 2026-11-08 · 未并入线上代码
五层全部 B > R(同一蓝族),所以任意两个面叠在一起都不会互相"染脏"。 这正是参考站「配色很融合」的来源 —— 它的底 #020813、卡片 #07111f 也是同一族。
同一域内的图标、强调数字、进度条、空态插画全部只用本域色。 一屏通常只在一个域里,所以永远只有 1–2 个强色;但整个产品走一圈,色彩是丰富的。
红涨绿跌是华人习惯,绝不能被任何域 accent 借用 —— 这就是模拟盘不敢用绿、必须给紫的原因。
🔴 刻意不做夏普比率和行业环形图(参考站有)。夏普要无风险利率基准和够长的净值序列, 我们的模拟盘撑不起来;行业分布需要标的的行业字段,现在没有。造一个算得出数字但没意义的指标,比没有更糟。
现状是两个各自带边框的方框并排,读起来像"两个按钮"; 合成一条带之后,58:42 这个比例本身成了画面主体 —— 用户一眼先看到盘面倾向,再决定站哪边。
现状是 8 行一模一样的「多头张三 +24,500」—— 那是占位数据没换, 但它也暴露了一个真问题:排行榜里没有"我"。看不到自己名次的榜,用户看两眼就划走。
① 五层表面 —— 暗色里阴影几乎看不见,层次靠表面色阶,所以面必须够多。
② 顶边高光 —— 每张卡顶部一道 rgba(255,255,255,.045) 到透明的渐变,模拟光从上方打下来,卡片立刻"有厚度"。
③ 双层阴影 —— 一层 1px 紧贴勾边,一层 10px/28px 扩散托起。单层阴影在暗底上要么看不见要么发脏。
④ 主角卡用 mesh 渐变 —— 两个 radial 叠一个 linear,每页至多一张。
⑤ accent 辉光上限 8% —— 0 0 32px rgba(accent,.08)。参考站的科技感几乎全来自这一招,而 8% 远到不了"霓虹"。
⑥ 数字一律等宽 —— 这一条我们比参考站做得好,它用的是普通系统字体,数字列对不齐。
噪点/颗粒 —— 2026 的确流行在渐变上叠 3–12% 噪点,但资料里有一条相反意见:
深色面上颗粒会被读成"脏"而不是"质感"。我的处理是先不加,确定方向后在真机上 A/B 一次再定。
毛玻璃铺满 —— 只保留顶栏和底部导航两处。列表里十几张卡同时 backdrop-filter,中低端安卓必掉帧。
大面积留白的极简 —— 这正是你说的"简风",本轮方向相反,不再往这边走。