暗色界面最容易完成的部分,是把背景颜色改成黑色;最难的部分,则是让人在黑色里仍然愿意读完一篇长文。纯黑与纯白形成的强对比看似清晰,长时间观看却容易刺眼。山月记使用的深色更接近夜里的岩石和墨色纸张,正文也不是绝对白,而是略带温度的浅灰。
先建立亮度层级
页面里至少需要几种不同的“黑”:最深的一层负责远处背景,稍亮的一层承载卡片和导航,再用细微边框把交互区域分开。阴影在暗色背景上作用有限,边缘光和透明度往往更有效。
文字也应分层。标题可以明亮,正文稍微收敛,日期、标签和说明再退后一步。层级不是为了制造复杂,而是帮助眼睛判断先读什么、哪些内容只是补充。
颜色只在必要时出现
我曾给按钮、链接、标签和图标都加上强调色,结果页面像一块不断发出提醒的仪表盘。后来只保留一组偏青绿的月光色,用在主要动作、链接悬停和阅读进度上。颜色越少,每次出现就越有意义。
图片是暗色页面中最大的变量。明亮照片会成为天然焦点,低调照片则容易融入背景。因此封面上需要稳定的裁切和遮罩,但不能把所有影像处理成同一种滤镜。主题负责提供秩序,照片仍应保留自己的天气。
可读性比气氛更重要
如果设计让正文难以辨认,再准确的“夜色感”也没有价值。我会检查小字号对比、键盘焦点、移动端行长,也会尊重系统的“减少动态效果”设置。目录、菜单和按钮不能只依靠颜色表示状态,悬停之外还要考虑触摸和键盘操作。
暗色设计不是把白天的页面倒转。它更像在有限光线里安排物品:哪里需要被照亮,哪里可以安静退后。气氛来自这种克制,而不是来自更黑的背景。