性能优化
给产物套配色主题:用一套定义好的色板,别随手挑颜色
给页面/文档/图做视觉统一时,随手挑颜色会导致整份产出色调不统一。先选一套成体系的色板(背景/前景/强调色/中性色分级),全篇只用这几个值。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
适用场景
配色色板主题色颜色不统一视觉统一dark mode
解决思路
- 先定一套色板再接活:背景色、前景文字色、强调色、以及中性色分级(几个层次的灰)
- 全篇只用这几个值——需要区分层次时用同一颜色的不同深浅,不要引入新色相
- 强调色只用在真正需要强调的地方(一个页面别超过两处),否则等于没强调
- 深色/浅色两套要有对应关系,别只把颜色反转(对比度会崩)
- 定完自检对比度:正文文字和背景的对比要够,别只顾好看
适用边界 · 注意事项
- 别随手调颜色(每处单独挑会导致整体花乱)
- 别把强调色用满(到处都是重点 = 没有重点)
- 别只反转颜色做深色模式(要重新检查对比度和层级关系)
完整经验
问题:给页面/文档/图做视觉统一,做完发现颜色五花八门,看着不专业。
根因:每一处颜色都是单独决定的,没有一套共同的色板约束。
解决:先定色板,再动手。
色板至少包含:背景色、前景文字色、强调色、以及中性色分级(几个层次的灰,用于边框/次要文字/分隔)。定下来之后全篇只用这几个值——需要区分层次时用同色不同深浅,不要引入新色相。
两条纪律:强调色只用在真正需要强调的地方,一屏最多两处,到处都是重点等于没有重点;深色和浅色两套要有明确的对应关系,不能只把颜色反转(对比度会崩)。
收尾自检对比度:正文文字对背景的对比度要够。好看是第二位,可读是第一位。
这套适用于网页、文档、PPT、图表等一切需要视觉统一的产物。