配色搭配
如何做出单色(同色系)配色方案
单色方案用同一个色相,在多个亮度和饱和度层级上展开。它是最容易做出优雅感的方案——但只要漏掉一步,也最容易显得平淡。
核心要点
- 选一个色相,然后改变亮度和饱和度——而不是色相
- 要有足够宽的亮度范围(很浅到很深)才有可用的对比
- 在各层级间稍微变化饱和度,能避免整体发灰发空
- 如果设计需要"喘口气",加一点点中性色或点缀
- 单色方案很适合搭配摄影图或材质纹理——图片本身能补上色板刻意省掉的那份视觉丰富度
单色是什么意思
单色色板保持色相固定,只改变亮度(深浅)和饱和度(鲜艳/灰暗)。同一种蓝,从近乎白的浅色一直到近乎黑的深色。因为没有色相冲突,单色方案天生和谐——是最"保险"的方案。
浅调
亮
基色
暗调
决定成败的关键一步
单色的风险是对比太低——一切都糊成一团中间调。解决办法:用足够宽的亮度范围。最浅和最深的层级要拉得很开(比如 95% 亮度对 20%),文字才清晰、元素才分得开。如果单色设计显得平,几乎总是因为亮度跨度不够,而不是颜色不够。
不止改亮度,也要改饱和度
如果只改亮度,最浅的色会显得粉白发涩,最深的色会发浑。高手会沿色阶微调饱和度——最浅和最深略降饱和,中间调略升。这一个小动作,正是"丰润的单色板"和"发灰的单色板"之间的差别。
单色最适合什么时候
- 极简品牌与产品 UI——安静、专注、高级。
- 仪表盘——单一色相让数据保持平静;只给警示留一个对比点缀。
- 摄影作品集——让图片本身来承载色彩。
如果觉得太安静,加一个不同色相的小点缀——但一旦加入第二个完整色系,你就已经离开"单色"了。
常见问题
什么是单色配色方案?
用单一色相、只通过亮度和饱和度变化构建的色板——比如同一种蓝,从浅淡到深沉。因为没有色相冲突,它天生和谐。
怎么让单色配色不显得平淡?
用足够宽的亮度范围,让最浅和最深拉开距离,并沿色阶稍微变化饱和度。平淡的单色板几乎总是缺亮度跨度,而不是缺颜色。
单色方案可以有点缀色吗?
可以——加一个不同色相的小点缀,常用于警示或行动号召。但要保持很小;加入第二个完整色系,就不再是单色方案了。
生成单色配色
锁定一个色相,一键生成从背景到文字的层级