亮色改造提案:纸面底 + 替换纯黄

白晨 2026-09-20:「亮色背景,背景我希望不要纯白,有点纸面的感觉。而且亮色下我不想要这种纯黄,有没有别的方案更显高级感一点。」这一页是方案预览,尚未改动样张。你选定后我再落地。

先说诊断:纯白感来自卡片,不是底色

逐像素量过现在的亮色任务页:整屏 41.5% 的像素是正正的 #FFFFFF,那是卡片;页面底色 #F4F3EF 只占 17.3%。颗粒纹理挂在内容层之下,从来没盖到卡片上。所以「纸」的底其实已经有了,被一大片零色温的纯白卡片压掉了。

这也和业界做法对得上:Anthropic 的象牙三档 #FAF9F5 / #F0EEE6 / #E8E6DC、Notion 的暖灰阶 #F9F9F8 / #F6F5F4、Radix 的 sand 色阶,页底与卡片都只差一档明度,而且两者都是暖中性,没有谁是纯白。暖纸旁边摆纯白,纯白会被读成塑料。

决策一:纸做到哪一档

两档都把卡片挪离纯白,区别是页底与卡片的明度差,以及纸纹强度。纸纹是一层覆盖全页(含卡片)的灰噪点,正片叠底,顺带能压掉大面积浅色渐变的色带。

档位页底卡片明度差纸纹气质
现状#F4F3EF#FFFFFF3.6%只在内容之下纸底+塑料白卡并置
纸-轻#F7F5EF#FDFCF81.8%3%克制,几乎察觉不到在变
纸-明显(推荐)#F0EEE6#FAF9F53.3%4.5%象牙纸,层次清楚
现状
现状卡片纯白
纸-轻
纸-轻
纸-明显
纸-明显

决策二:左上角那束光换成什么颜色

下面四个都建立在「纸-明显」之上,几何、速度、摆动、呼吸全不变,只换色相与浓度。主按钮的品牌黄一律不动,改的只有环境光。

方向主色来源气质风险
光-1 麻纸黄(推荐)#EBDBBCmanilla 牛皮纸色还是暖黄,但从「颜料黄」变成「纸被晒到」低,离现状最近
光-2 赤陶#D97757Anthropic clay桃橘,手工、编辑气质,最跳出「提示黄」与品牌黄按钮同框略有竞争
光-3 暖灰褐#A18072Radix bronze几乎看不出色相,只读出「那一角更暖更亮」可能太素,流动更难察觉
光-4 暖冷对撞#EBDBBC + #D9E2EC麻纸+极淡冷灰蓝一角里有两个温度,层次最丰富两层低饱和色交界容易出灰绿脏色
光-1
光-1 麻纸黄
光-2
光-2 赤陶
光-3
光-3 暖灰褐
光-4
光-4 暖冷对撞

整页看(同样四个方向)

光-1 整页
光-1 麻纸黄
光-2 整页
光-2 赤陶
光-3 整页
光-3 暖灰褐
光-4 整页
光-4 暖冷对撞

首页也看一眼(推荐组合:纸-明显 + 光-1)

现状首页
现状
提案首页
纸-明显 + 光-1

量出来的对照

指标现状光-1光-2光-3光-4
纯白 #FFFFFF 占屏42.2%0%0%0%0%
黄的深度(Lab b* 均值)3.804.594.343.954.53
黄像素占比18.6%21.4%19.6%12.0%21.3%

四个方向的 b* 都比现状略高,是因为整张纸本身变暖了(页底与卡片都带黄味),不是角光变重。判断色相还是要看图,不要只看这三个数。

落地要动什么

我的建议:纸-明显 + 光-1 麻纸黄。理由是它一次解决两个诉求又不动品牌:卡片离开纯白、全页有纸纹,角光从「颜料黄」变成「纸被晒到的黄」。如果你要的「高级感」是更明确地离开黄色系,那就选光-2 赤陶,但它和黄按钮同框时两种暖色会互相竞争,需要我再调一版按钮周围的留白与光的落点。