1 分钟阅读
暗色界面的侘寂:留白、克制,与朱红的一点红
#设计#侘寂#色彩
侘寂(wabi-sabi)常被误解成「旧」与「糙」,其实它的内核是不完美、无常与克制。把它移植到数字界面上,我得到的不是禅意壁纸,而是一套暗色设计的价值观。
黑,不是背景,是画布
暗色界面最大的诱惑,是用纯黑 #000 一铺到底。但真正耐看的黑,是分层的:从 #0e0e10 的深底,到 #141416 的卡片,再到 #1c1c1f 的悬浮层。这种微妙的层级,让「黑」有了纵深,而不是一块死寂。
背景 #0e0e10
卡片 #141416
悬浮 #1c1c1f留白是主动的
侘寂的留白不是「没放东西」,而是「决定不放」。一个标题、一段文字、足够的行距与边距,比堆满信息更有力量。我的做法是给每个区块足够的纵向呼吸——clamp(80px, 12vh, 160px) 的段落间距,让视线有地方停靠。
一点红
在近乎单色的暗色体系里,朱红 #b8292e 是我唯一的「彩」。它只出现在极少的节点上:链接的 hover、文章的编号、一条 2px 的进度条。
规则很简单——朱红占比永远不超过 5%。一旦多了,就失去了那一「点」的意味。
::selection {
background: #b8292e;
color: #fff;
}连选中文字的高亮,都收束成一点朱红。
文字即质感
暗色下,纯白文字会刺眼。我改用带一点暖的「和纸奶油色」#f5f0e8 作为主文字,次级用 62% 透明度、弱化用 40%。这种褪色处理,让文字有了「纸」的触感。
结语
侘寂不是风格,是判断。每一次克制,都是一次选择。暗色界面高级与否,就看你在「可以加」的时候,有没有勇气「不加」。
少,不是空;是每一个留下的东西,都经过了审视。