为什么我选择放弃"暗色模式切换按钮"
4/06/2025
引言:一场关于「黑暗与光明」的争议。
凌晨两点,当我又一次在某个网站角落寻找浅色模式开关时,突然意识到:在这个所有设备都已支持全局深色模式切换的时代,我们是否正在用过度设计制造新的体验困境?
你的网站真的需要那个暗浅色模式切换按钮吗?
现状:主流及惯例
大多数个人网站,我们总能在导航栏角落发现由 🌙 / 🌞/ 🌓 图标构成的「视觉模式铁三角」:
- 强制浅色模式(面向日光场景)
- 强制暗色模式(讨好夜间访客)
- 跟随系统(看似中庸的选项)
这种设计逻辑源自一个美好假设:“访客需要随时掌控视觉呈现。”
但这其实是一种控制幻觉。提供选项 ≠ 提升体验,反而可能增加了认知负荷。
目前操作系统已经高度成熟,CSS 媒体查询 @media (prefers-color-scheme: dark)
的浏览器支持率已达 99%,配合 <meta name="color-scheme" content="light dark">
元标签,可以实现像素级的暗/浅色模式同步。
那么问题来了:真的有访客在设置了夜间模式的设备上,还想主动切换成浅色模式吗?
也许有,但绝对不多。
思考与决策
观察来看,目前多数个人博客默认是暗色模式,有些提供浅色切换,有些干脆不提供。原因可能很简单—— 从设计角度来看,暗色模式更有“质感”。
毕竟在很多个人网站中,「阅读」的功能往往排在炫酷视觉效果之后。
当然也有很多默认浅色模式,或者跟随系统,但是额外提供切换按钮。
经过权衡,我决定彻底移除暗浅色切换按钮,让网站全局跟随系统。
这不是功能的阉割,而是一种对访客系统设置偏好的尊重。
删除切换按钮,不是为了减少操作,而是尊重访客的全局设置。