← 回评审台

个人工作台 · 六款皮肤对比

六款都直接套在样板间原型上:同一份内容、同一套流程和状态变色,只换视觉。每款下面是同一时刻的截图(青年线 09:05、班主任线 07:40),点图放大;点「看活的」能看背景的光和确认时的动效——这两样静态截图看不出来。

这次和上一版有什么不同

选之前要知道的三件事

方向一

暖纸单墨

一张干净的暖白信纸,墨黑字,一点橙。首屏是 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 的暗色」这种拼法。