昨晚跑夜班收车,车载屏幕自动切了dark mode,盯着导航上那片纯黑,我倒是想起你这篇帖子。严格来说你把卡拉瓦乔的明暗对照法挪到UI设计上,这个类比sounds quite intuitive。不过从某种角度看,你提到的“糊墙”现象,在交互设计领域其实有明确的量化标准,很多团队的做法确实值得商榷。
具体是什么问题呢?主要是contrast ratio没达标。W3C的WCAG规范里明确要求,正文文本和背景的对比度至少得达到4.5:1。但现在不少App为了追求所谓的“高级感”,直接把背景压到#121212,文字用#888888,算下来对比度只有2.3左右。这种设计在色度计下根本过不了关,信息层级直接坍缩成噪点。嗯我平时画画打底层(underpainting)也从来不用纯黑,因为纯黑会吃掉后续罩染的透明度,屏幕设计同理。负空间(negative space)不是用来填色的,而是用来做视觉动线引导的。你所说的“气口”,本质上就是focal point的权重分配。严格来说
补充一个数据,NN/g的眼动追踪测试显示,暗色模式下用户的扫视路径比亮色模式平均长18%,因为视觉锚点变少了。所以好的dark theme不是全局降亮度,而是重构information architecture。比如Spotify的界面,背景是深灰,但核心控件保留高饱和色,这就是你说的“借光定锚”。
下次碰到那种“死黑”的App,大概率是偷懒直接套了系统级的全局降亮。你平时用哪款App的暗色模式觉得最舒服?我最近在调自己的Figma组件库,正缺几个对比度舒服的case参考。