深色模式
深色模式(Dark Mode)是将屏幕背景设为黑色或深灰,文字和图标设为白色或亮色的显示设置。以减轻眼眷疲劳、降低电池消耗(OLED 屏幕)、提高暗处可视性为目的,iOS、Android、Windows、macOS 均已标准支持。
二维码与深色模式的关系中有需要注意的点。二维码通过「暗模块和亮模块的对比度」表现信息。在深色模式的网页上显示二维码时,页面背景变暗可能导致二维码白色部分(静区和亮色模块)与背景的边界变得模糊,扫描精度可能下降。
对策是确保二维码周围有足够的白色留白(静区),并在 CSS 中明确指定二维码图像的背景色不受深色模式影响。background-color: white; padding: 16px; 这样仅二维码显示区域不受深色模式影响的设计。
反过来,也有利用深色模式的设计手法。暗色背景上亮色模块的「反色二维码」可以自然地融入深色模式页面。但反色二维码在部分旧扫描器上可能无法读取,需要考虑目标用户的设备环境。