手绘SVG图标在深色模式下如何保持识别度?

手绘图标进入深色模式后，最容易失效的往往不是造型，而是对比度。浅色界面里恰到好处的细线描边，一旦放到深色背景上，常常显得发灰、发虚，边缘与背景贴在一起，识别度随之下降。要让这类图标在深浅两种主题下都站得住脚，关键在于把颜色、描边和留白当作可调整的变量，而不是固定死的视觉结果。

颜色可编辑性是第一道门槛。手绘 SVG 若把颜色写死为某个具体色值，就无法随主题切换，深色模式下只能被动地显示原色。更稳妥的做法是选择颜色可以继承外部样式的图标，让描边与填充跟随界面主题色变化。这样按钮的默认、悬停、禁用状态可以共用同一份文件，深色模式也只是换一组色值，而非另备一套素材。部分手绘图标由轮廓层和填充层叠加而成，如果两层颜色能分开调整，适配空间会更大，可以单独提亮线条、压暗填充，恢复在深色底上的层次。

描边与视觉重量是第二个要点。手绘线条本身粗细不均，这正是其亲和力来源，但在深色背景上，过细的笔触容易被背景吞掉。同一组图标应尽量统一线条粗细和视觉重量，避免把差别很大的素材混用，否则深色模式下有的清晰、有的模糊，整体识别度参差不齐。调整尺寸时要保持原始宽高比例，只拉伸单一方向会让线条变形、重心偏移，小尺寸下的辨识度首先受损。

用试点代替一次性替换

验证识别度不能靠肉眼在浅色稿上想象。更可靠的方式是先选一个功能区做试点，在不同背景色、深色模式和真实按钮尺寸下，逐一检查描边是否清晰、留白是否足够、图标与背景的对比是否拉得开。重点看小尺寸：如果一组图标在最小使用尺寸下、在深色背景中仍然好认，才说明它经得起真实场景的考验。

还要回到语义本身。深色模式只是改变呈现环境，不改变图标与按钮、栏目的对应关系。造型有趣不等于含义清楚，若因风格替换了通用符号，深色界面里的辨识负担只会更重。确认过颜色可调、描边统一、小尺寸和深色背景下都清晰，再把这组图标纳入设计系统，后续即便需要微调，影响范围也更可控。