做网站前端设计必备的色彩解读之色调篇-小超越工作室

一般一个画面中不止一种色调，但主色调是主要传递风格的，辅色调是补充完善风格。就比如页面中有主色、辅色、点缀色。主色传递主要风格，辅色补充说明，点缀色强调重点。

素色调

以青色为例，将色彩分为高纯、中纯、低纯，低纯部分即素色调。这里只是个大致的划分，事实上由于色相本身就有纯度差异，三原色（红绿蓝、青品黄）的纯度最高，其他混合色纯度偏低，比如青蓝、橙色、紫色之类的。所以实际应用中，这种划分并不是绝对的，需要灵活变化。

三原色（红绿蓝、青品黄）在色相条中的位置素色调里明度较高的部分更加温柔、柔和，单独分出来称为柔色调/淡色调，也就是常说的马卡龙少女色调。素色调准确的划分是低纯度减去柔色调所剩的部分。

素色调：低纯度有四个最本质的特点，陈旧（复古）、品质（高档）、成熟稳重（冷静/文艺内涵）、压抑灰暗

明度的划分大概是这样的，低明度=暗色调，很明显素色调与暗色调之间是有重合的地方的，所以素色调与暗色调有共同的色调特点。暗色：成熟稳重(严肃)，高档（品质），酷，神秘、阴森（恐怖）、压抑素色调、暗色调共同点：品质感、成熟稳重。

素色调暗色调 :复古高档

素色调淡色调（柔色调）:复古、温柔上下两组插画同样是以复古为主题，主色调同样是素色调，但辅色调的不同又决定了两组插画细腻风格的不同。

素色调：品质感、冷静京东这组双十一前夕的海报，一为延续之前一直主打的“品质”路线，二给天猫的狂欢来盆巨大的冷水。而素色调+大面积留白很好地体现出了品质感、冷静的特点。

素色调：品质感

这组海报的主题是“品质坚守成就安全好外卖”，如果单单从品质感体现这点来说，这组海报柔色调比重过大，显得比较柔和少女心，换成素色调更能体现品质感。

素色调暗色调：稳重可靠、品质感

素色调：压抑灰暗素色调：素雅文艺同样是素色调为主色调，蓝色为主色，但左图给人压抑灰暗的感觉，右图则是素雅文艺。当素色调在画面中面积大到一定程度，整体就会给人压抑灰暗的感觉。右图河面部分对比之下偏明色调，荷花淡色调，荷叶也偏纯色调，色调、色相比左图丰富得多，明暗对比、纯度对比更加强烈。由此削弱了素色调压抑的感觉。比如摄影后期修图时明暗对比小，画面就会灰。在灰色的特点梳理时也提到过这点，见下图

素色调：内涵、故事这组海报的主题是：夜深了，我有美食，你有故事吗？海报标题“外婆的糖水”、“兄弟牛肉”及下面的小段文字都描述了藏在美食里的那些牵动情感的往事。素色调的内涵属性很好地营造出了怀旧的故事感。

柔色调

柔色调：柔和/温柔、淡雅、轻盈、宁静、舒缓情绪，即常说的少女心马卡龙色调。之前对色相（冷暖色）对情绪神经的影响有一个归纳，见下图。纯度也适用以下结论，高纯度色彩对生理、心理有促进亢奋作用，低纯度则是舒缓、抑制作用。所以柔色调、素色调有舒缓情绪、宁静的特点。

柔和淡雅百雀羚卖的是护肤品，面对的主要是女性人群，而女性中对这种马卡龙色调没有抵抗力的比比皆是哈~ 面向女性、婴幼儿的产品适合用这种色调。然后视觉风格中需要展现出温柔可人时也适用于这种色调。

温柔浪漫少女心淡雅高档

粉色的温柔感、黑色的力量感，这组海报的主题是以温柔有力的方式宣传“不再恐同”。

柔和宁静（绿色色相本身就有舒缓、平静作用）

左图背景柔色调+红色纯色调，整体的风格是柔和中带着热烈、喜庆。右图背景柔色调+人物部分明色调，整体风格柔和、明快。

明色调

明色调：轻松、明快、新鲜，积极向上的基调适用于大多数主题。

海报主题是“从美好开始一天”，明色调积极明快的基调很贴合。

新鲜干净

这组海报整体是明色调+柔色调，明媚温柔，符合恋爱甜蜜的主题

这里的主色黄色介于明色调与纯色调之间，所以海报主色调可以说是明色调，也可以说是纯色调。黄色的色相特点里有一条是年轻活力，这点需要在明色调/纯色调的基础上才能实现，换了素色调、暗色调，则黄色也不具有年轻活力的特点了。

纯色调

纯色调：激情、热烈、时尚，廉价（高纯度容易廉价，低纯度易体现品质和高档感）。前面讲过高纯度色彩像暖色一样，能够有效促进人的生理、心理处于亢奋状态。节日促销使用纯色调营造氛围也是由于人在兴奋、激动的情况下易受外界促销信息影响，更容易下单。高明度纯色调是无所顾忌的个性、激情、热烈，低明度纯色调则具备了纯色调+暗色调两者的特征，压抑的激情、成熟的张扬。

高纯度部分即纯色调

时尚

纯色调营造了节日热烈的氛围

纯色调暗色调：个性张扬酷这种就是比较炫酷的，炫是纯色调，酷是暗色调。暗色调的稳重感，使得与纯色调的色彩组合炫丽个性又不显花哨幼稚。

纯色调明色调：激情、活力海报表现出了强烈的个性、激情，形式比上图（纯色调+暗色调）艳丽地多。天空的黄色粉色部分是明色调，紫色部分是纯色调。这里如果没有一定比重的明色调做调节，整张海报都是纯色调的话则太腻了。海报中多色相、纯色调对比强烈，但不失和谐，原因在于色彩之间的对比是渐变的，紫色、玫红、粉色、橙色、黄色，整体变化是一个和缓过渡的状态，由此缓解了对比碰撞的程度。