个人工作台 · 六款皮肤对比
六款都直接套在样板间原型上:同一份内容、同一套流程和状态变色,只换视觉。每款下面是同一时刻的截图(青年线 09:05、班主任线 07:40),点图放大;点「看活的」能看背景的光和确认时的动效——这两样静态截图看不出来。
这次和上一版有什么不同
- 状态色不再整卡涂满:只做小圆点、细线、小标签,一张卡里状态色面积不超过 8%。上一版「脏」的主因是整卡铺同明度的浑色。
- 暗色单独设计:中性明度阶梯、强调色亮而小、1px 高光描边、只有一个光源;不再把亮色压暗(橙黄压到低明度必然发棕发橄榄)。
- 不素:每款都加了首屏(48px 问候、日期、天气、大数字)、背景里 3 秒内看得见的缓慢变化(暖纸除外,它刻意不动)、日程卡顶上一条用已有日程画的一天条;字号收成六档。
- 每款都跑过 16 张截图自检(电脑/手机 × 亮暗 × 四个界面,0 报错 0 溢出),再由另一个评审把截图和参考板对照、只修违背项。
选之前要知道的三件事
- 六款的骨架是同一套:皮肤只能换颜色、材质、背景和动效,不能改卡片大小和排布。所以「内容少的卡下面空一段」「卡片都一样大」这类布局问题六款都有,要在你选定后改共享布局一起解决(就是之前待定的「卡片小中大」那一项)。
- 底部演示控制带六款都只做了「变轻」,要收成悬浮小胶囊得改共享的演示层,选定后一起改。
- 可以亮暗分开选,比如亮色用晨光玻璃、暗色用暗夜玻璃(两款本来就是一对)。背景的流动和玻璃性能都没在真机上测过,选定后我在手机和普通笔记本上实测。
方向一
暖纸单墨
一张干净的暖白信纸,墨黑字,一点橙。首屏是 48px 宋体问候,下面一行像账本的三个衬线大数字。








- 背景与材质
- 亮色是暖纸 #EEECE6,从左上到右下只过渡一档明度,再叠一层很细的纸纹颗粒;暗色是近黑暖石墨,左上一盏极淡的「台灯」光。背景不动——这款唯一的动是状态变化那一下。
- 暗色怎么做
- 页面、卡片、井、浮层四级明度(L* 5.5 → 12.7 → 16.6 → 18.9),卡只用 1px 描边、不加阴影;暗底不铺颗粒(会读成雪花)。
- 状态变色
- 「一笔落定」:卡左缘 2px 的旧色线从下往上收走,新色从上往下写进来,起点泛一圈细涟漪。
- 我的看法
- 六款里暗色最有气质,也最安静、最耐看;代价是没有流动的光,你要的「有动效、有未来感」它给得最少。宋体在 Windows 上会差一截。
- 设计方最没把握
- 演示控制带仍是常驻一整条,偏重
- 内容少的卡下面空一段,读着像没做完
- 青年线只有日程一张图,比班主任线素
方向二
冷静灰蓝
安静的专业工具:冷灰底、一个强调蓝,信息密但不吵。








- 背景与材质
- 上半屏一张缓慢流动的等压线图(画布上画噪声等高线,向下渐隐,中间一条主线用强调蓝),和首屏的天气呼应,给纹理但不占颜色。亮色加一道冷白天光,暗色换成左上一道冷蓝斜光,是全页唯一光源。
- 暗色怎么做
- 中性明度阶梯 4.6 → 8.1 → 11.6 → 14.0,每级 +3~4;卡用 1px 白 6.5% 描边加上缘高光线,不用投影;琥珀只出现在圆点、细线和虚线上,绝不铺底(低明度琥珀就是棕)。
- 状态变色
- 「描边走一圈」:确认后新状态色沿卡片描边跑一圈再收成小信号。
- 我的看法
- 最像一款成熟的效率工具,稳、清楚,不会出错;但个性最弱,放在一起看最可能还被你嫌「素」。
- 设计方最没把握
- 控制带 52px,没压到参考板建议的 44px
- 日期在首屏和简报条各出现一次
- 卡片大小混排由桌面数据决定,皮肤没动
方向三
晨光玻璃桌面
打开像看一扇窗:窗外是慢慢变亮的晨光,卡片是浮在光里的薄玻璃。








- 背景与材质
- 底是一张晨光渐变(左上暖白 → 纸色 → 右下浅天蓝),左上一个 12 秒呼吸一次的「太阳」加两层错向平移的焦散光纹——沿用你 0920 定稿的阳光玻璃做法。亮色「暖光冷影」:光比纸亮、影是冷灰蓝,避免黄叠灰变脏。
- 暗色怎么做
- 「黎明前」:近黑底,左上只留一角收小的晨光;卡片饱和度压到 1.05,不被暖光染黄。
- 状态变色
- 状态变色的小面积版:确认后新状态色从点击处漾开一圈(浓度 12%),最后只留小圆点。
- 我的看法
- 最接近你喜欢过的阳光玻璃,玻璃和光都在;亮色的光动得很轻,静态截图看不出,要看活页面。和「暗夜玻璃」是一对姐妹款。
- 设计方最没把握
- 亮色光的流动幅度只略高于阳光玻璃的门槛,静态里看不出在动
- 十几张玻璃卡盖在流动光上,低端机可能掉帧(没在真机测)
- 和暗夜玻璃太像,区别主要在色温和光的位置
方向四
单主题染色
整张桌面由你挑的一个颜色染出来,像换壁纸。可换四个预设:松绿、湖蓝、暖阳、陶土(顶栏那颗色点轮换,或地址加 &tint=)。








- 背景与材质
- 页底是所选色相的极淡色,背景是一片会变形的流光(噪声光带在页底色与更亮的同色之间混合),只比页底亮,所以不会叠出泥色。暖阳、陶土在暗色里光换成近中性的暖灰。
- 暗色怎么做
- 同一色相压到 L* 7~19、色度 ≤5.5,四级每级 +4;强调色变亮(L* 64~78);卡无投影,只有上缘 1px 高光;一个光源就是流光。
- 状态变色
- 「染开」:确认后主题色从点击处染开再退成小信号。
- 我的看法
- 唯一能「换颜色」的一款,个人感最强;亮色干净,暗色流光反差大,可能抢眼。状态语义被压成了「主题色+朱红」两种,信息量比别款少。
- 设计方最没把握
- 暗色流光反差大(3 秒变化 40%),可能抢;没在真机上看过
- 暗色小尺寸下「等你定」与「逾期」只靠颜色区分,色弱用户可能分不清
- 松绿强调色受色域限制,饱和度偏低
方向五
暗夜玻璃(暗色主打)
夜里用的工作台,克制,有一束光:近黑石墨上一道从右上斜射进来的光、一角琥珀,卡片是烟色玻璃。








- 背景与材质
- 近黑石墨底(色度 ≤1,不用纯黑);右上一个琥珀光源加焦散光纹,另有一道 38° 斜射的光带 14 秒慢摆一次。参考的是 Raycast、Resend 的「一个斜射光源+1px 描边」,琥珀是你 0920 接受过的暗色气质。
- 暗色怎么做
- 就是主角:烟色玻璃卡(72% 不透明+模糊),上缘 1px 白 10% 高光、四周 1px 白 7% 描边,暗底不靠阴影;琥珀只当一角的光,不铺成块。亮色是浅灰底配宽光带,能用但不是重点。
- 状态变色
- 同晨光:小面积漾开,最后留小圆点。
- 我的看法
- 六款里暗色最「有未来感」的一款,光是活的;亮色和晨光玻璃很接近。适合「亮色选一款、暗色用它」的组合。
- 设计方最没把握
- 琥珀为了不出褐雾收到一角,氛围可能不如你 0920 接受的那版
- 斜光在低亮度屏上可能偏弱
- 玻璃加流动光的性能没在真机测
方向六
白卡浮彩幕
背后一块慢慢流动的杏桃色彩幕,前面的暖白卡浮在幕上;彩色只在卡外和信号圆点里,卡内永远干净。








- 背景与材质
- 四层比视口还大的渐变色场各自错向漂移(周期 7~12 秒),互相干涉成「流」:杏色底、奶白的光、桃色的影。桃色特意选「比底暗但不比底黄」,读成腮红而不是茶渍;整屏色度 ≤12。
- 暗色怎么做
- 近黑底上三层深暮色(蓝灰、青灰、靛灰)在流;卡改成同一冷调的深灰;暖色只留在「等你定」的信号点上。
- 状态变色
- 「浮起落定」:确认时从按钮处升起一颗新状态色的小点,沿弧线落到状态圆点上并泛开一圈光;离开的草稿卡整张向上浮走。
- 我的看法
- 景深最明显、亮色最暖最「有画面」,最不素;暗色从暖杏换成冷暮,亮暗两套气质不太连贯。
- 设计方最没把握
- 彩幕在真机上是否一眼看得出在动、会不会掉帧
- 演示控制带仍偏重
- 内容少的卡下面空一段
对照
现版 C 柔彩 Bento(对照)
你说「配色和细节很糟、暗色尤其丑、布局很素」的那一版,放在这里对照。








怎么告诉我选哪款
回评审台,在「要你定:个人工作台用哪款皮肤」里选,或直接跟我说「亮色 X、暗色 Y」,也可以说「X 的背景+Y 的暗色」这种拼法。