中国风配色容易犯什么错
最常见的错是照搬西式高饱和撞色,把传统色直接硬撞。 《周礼·考工记》讲「画繢之事,杂五色」,繢就是把颜色摆到一起。单看一个中国传统色几乎都好看,但四五个色放进同一张画面,容易糊、脏、土。问题不在色本身,而在搭配逻辑:传统色出自植物染与矿物颜料,饱和度天然低于屏幕纯色,必须先接受这个色域,再用"低饱和打底、明度分层、点缀色小面积"的逻辑来排。
中国传统色为什么不适合直接撞色
中国传统色的来源决定了它的性格。它们绝大多数出自植物染与矿物颜料:靛蓝、栀子、苏木、石绿、赭石。染料上布、颜料入胶,都要过一道损耗,饱和度天然到不了屏幕上纯色的高度。所以做中国风配色的第一件事,不是选色,而是先接受这个色域。《周礼·考工记》原文可参考维基文库。
中国风配色的三条底层规律是什么
1. 低饱和打底,大面积交给"退一步"的颜色
画面里占比最大的那块颜色,饱和度应当明显低于点缀色。传统建筑与绢本上大量出现的是余白 HEX #C9CFC1、米汤娇 HEX #EEEAD9、仙米 HEX #D4C9AA 这类近乎"脏白"的颜色——单看都不出彩,但能把主色托起来。屏幕上直接铺 HEX #FFFFFF 会显得冷硬,换成偏暖或偏灰的传统白,整张图立刻有了纸的质感。
2. 靠明度分层,不靠饱和度打架
这是中西配色最大的分野。西式配色常用互补色的高饱和对撞制造张力;中式配色的层次几乎全靠明度差完成,同一色系里从浅到深排开就能出深度。比如青绿一系:余白 HEX #C9CFC1 到二绿 HEX #5DA39D 再到石绿 HEX #206864,三级明度落差足够撑起一整套视觉,不需要再引入第二个高饱和色系。
3. 点缀色只给一分面积
传统语境里有"艳不过一分"的说法。真正鲜艳的颜色——朱孔阳 HEX #B81A35 这种印泥红、库金 HEX #E18A3B 这种描金黄——面积控制在整体的百分之五到百分之十之间,做落款、印章、边线、一个按钮,就够了。面积一放大,整套配色的气质立刻从雅变俗。
四组可直接取用的中国风配色方案
| 方案 | 底色 | 主色 | 点缀色 | 适用场景 |
| 青绿山水 | 余白 #C9CFC1 | 石绿 #206864 | 库金 #E18A3B | 文旅、展览、茶与香品牌 |
| 素雅书卷 | 米汤娇 #EEEAD9 | 霁蓝 #3C4654 | 朱孔阳 #B81A35 | 阅读类 UI、出版物、文创 |
| 秋山赭石 | 仙米 #D4C9AA | 苍艾 #5A4B3B | 黄河琉璃 #E5A84B | 秋季节气海报、食品包装 |
| 国潮明艳 | 酂白 #F6F9E4 | 帝释青 #003460 | 檎丹 #E94829 | 潮牌、活动主视觉、国潮联名 |
四组的共同结构是一样的:一个低饱和底色,加一个深明度主色,再加一个小面积高饱和点缀。中间若还需要过渡层,从主色所在色系里取一个中间明度即可——青绿山水里补二绿 HEX #5DA39D,素雅书卷里补不皂 HEX #A7AAA1,都比另开一个色系稳妥。色值依据主要参考郭浩、李健明所著《中国传统色:故宫里的色彩美学》。
中国风配色落到 UI 与品牌上的面积比例是多少
西式设计常讲六三一法则,中式配色可以改成一个更保守的版本:
| 层级 | 面积占比 | 承担内容 |
| 底色 | 65%–75% | 页面背景、大色块、留白区 |
| 主色 | 20%–25% | 标题、导航、主要图形、深色区 |
| 中间色 | 5%–10% | 分割线、次级文字、卡片描边 |
| 点缀色 | 3%–8% | 强调按钮、标签、印章式装饰 |
有一点需要注意:主色不建议直接用于大段正文。石绿 HEX #206864 这类深色做正文颜色,长时间阅读会偏累;正文仍应交给低饱和的深灰或带偏色的传统黑。
中国风配色有哪三个常见误区
- ·用纯黑纯白收边。HEX #000000 与 HEX #FFFFFF 在传统色系里没有对应物,一旦混进去,其余颜色都会显得不够干净。改用带偏色的传统白与传统黑,整体会协调很多。
- ·两个高饱和传统色直接相邻。比如檎丹 HEX #E94829 与帝释青 HEX #003460 同面积并置,会互相抢,读者视线无处落。要么拉开面积差,要么在中间垫一层低饱和色。
- ·忽略色名的文化语境。传统色名多带典故与场合属性,用在不对的地方会别扭。落地前查一下色名出处,避免把礼制色、丧仪色用到喜庆场景。
一套中国风配色能不能成立的关键是什么
一套中国风配色能不能成立,往往不取决于选了多稀有的色名,而取决于面积分配是否克制。大面积留给低饱和的底,层次交给明度,鲜艳留到最后一分——上面四组方案里的任何一组,都可以直接取色值用起来。剩下的,就是照着色谱一点点调。
