它的确是重要,但我一直说不上来哪里不对。就是看着累,你帮我看看是不是排版的问题?
DeepSeek
不是感觉问题,是五组具体参数
我把 dsh 的原始样式表挖出来了。你累的原因是层级塌陷 + 行长过长 + 饱和度偏高,全部可以量化:
| 项目 | 原生值 | 现在 |
|---|---|---|
| 主区 / 卡片底色 | #fff 全同 | 五级明度阶梯 |
| 绿色饱和度 | 32%~47% | 17%~24% |
| 侧栏行高 | 56px,上下两行 | 40px,单行 |
| 表格 | 无外框、只有 0.5px 下边线 | 外框 + 表头底色 |
| 段落间距 | 16px | 10px |
关键的一条:饱和度天花板
整张参考图的绿色饱和度全在 17%~24% 之间。超过这个区间,界面就会开始"扎眼":
/* 实测值,不是估计 */
--sidebar: #E4ECE5 /* S 17% */
--main: #F5F8F5 /* S 18% */
--bubble: #E9F1E9 /* S 22% */
--selected: #D5E5D6 /* S 24% ← 天花板 */
层级靠亮度差,不靠颜色;焦点用最亮 + 最大圆角,不用彩色 —— 这是整套设计的两条纲领。
三条设计原则
- 饱和度天花板 24%,任何底色不超过它
- 不用边框分块,侧栏和主区之间连分隔线都没有,全靠底色差
- 焦点用"最亮 + 最大圆角",输入框是全界面唯一纯白的地方
右侧那个白色大圆角卡就是第三条的体现 —— 它靠 #FFFFFF 和 28px 圆角跳出来,没有用任何彩色。