如何创建品牌之制定品牌的配色方案
创建一个网站或一个品牌时,需要先确定配色方案,包括确定好主色(primary),辅色(secondary),强调色(accent)和背景色(background),以及上述颜色的不同色度(shade)、色泽(tint),色调(tone)。
创建配色方案的简要流程
- 了解色彩心理学
- 理解色彩理论
- 传递正确信息
- 创建专属调色板
- 享受劳动成果
色彩心理学摘要
- 红色:动态,兴奋,乐观,充满能量,激动人心,进取,力量,危险,热情,勇气。
- 橙色:有志向,有趣,开心,充满活力,平衡,华丽,温暖,激情,慷慨,活泼,昂贵。
- 黄色:活泼,实干,希望,乐观,高兴,喜悦,想象力,有趣,理想主义,年经,有活力,哲学,阳光。
- 绿色:自然,新鲜,妒忌,年轻,治愈,富饶,好运,希望,成功,稳定,慷慨。
- 蓝色:真实,治愈,安全,平静,稳定,和平,和谐,忠诚,智慧,信任,冷静,保护,自信。
- 紫色:灵性,尊贵,神秘,启迪,智慧,尊敬,变换,富有,奢侈,独立。
理解色彩理论
基本色
- 原色:红色,黄色,蓝色。
- 二级色:橙色,绿色,紫色。
- 三级色:红橙,黄橙,黄绿,蓝绿,蓝紫,紫红。
色温
- 暖色:在色轮上,从红色,橙色,到黄色。
- 冷色:在色轮上,从绿色,蓝色,到紫色。
- 中性色:黑色,白色,灰色,棕色,米白色,米黄色。
色彩理论的专有名词
- 色相(Hue):色彩术语中最基本的元素,几乎是某一对象颜色的符号。当我们说“蓝色”、“绿色”或“红色”时,我们说的就是色相。
- 浓度(Chroma):浓度与色彩的纯度有关。拥有高色度的色相不会含有黑、白、灰度。
- 色值(Value):色值还可以称为“浅淡”。它是指一种颜色的深浅。浅色拥有更高的值。例如,橙色的色值就比海军蓝或深紫更高。黑色在所有色相中色值最低,白色最高。
- 饱和度(Saturation):饱和度是指一种色相在特定光照条件下的呈现效果。例如强vs弱色相,或者浅vs纯色相的饱和度。
- 色调(Tone):向一种色相添加灰度时就创造了一种色调。色调通常更为沉闷或者比纯色相看起来更柔和。
- 色泽(Tint):在一种色相中添加白色就形成了色泽。非常浅的色泽有时候称为粉蜡,但纯色相添加白色就是色泽。
- 色度(Shade):在一种色相中添加黑色就创造了色度,令颜色更深。这一词通常被误用于描述色泽或色调,但色度仅适用于增加了黑色的色调。
不同的配色方案
常见的配色方案有以下几种:
- 单色(monochromatic): 该方案是由一种特定颜色中的不同色调,阴影以及浅色所构成的。这是我们能够创造的最简单的配色方案,因为它们都是源于同一个颜色,如此便不大可能创造出不和谐 或丑陋的方案。
- 相似色(analogous): 该方案是下一种容易创造的方案。可以通过使用三种颜色(在12个颜色色环中相邻的颜色)进行创造。通常情况下,类似配色方案都拥有相同色度标准,但通过使用色 调,阴影和浅色,我们便可以为这些方案添加一些乐趣,并调整它们去适应我们设计网站的需求。
- 对比色(complementary): 该方案通过结合色环对边的颜色所创造出来。在最基本的形式中,这些方案只包含两种颜色,但能够使用色调,浅色和阴影轻松地扩展。警示:使用完全相反并伴随着彼此相 近的色度或值将创造出视觉上的不和谐。
- 拆分对比色(split complementary): 拆分互补方案是非常简单的补充方案。在这一方案中,比起使用相反的颜色,你可以使用与基本颜色相反的颜色两旁的颜色。
- 三色系(triadic): 三色系方案是由12色环中等间隔的色彩所组成的。这是更多样的配色方案之一。
- 四色系(tetradic)和四方色(squre): 该方案采用两组对比色,使用这种方案的最佳方法便是使用一种颜色作为设计的主要颜色,其它颜色用于强调内容。四色方案能够有效地创造出带有类似色度和值的配色方案。只要添加一个中性颜色(游戏邦注:如黑灰或黑色)到文本和强调内容中便可。
除了以上几种常规的配色方案以外,还有以下方法对配色方案进行定制:
定制方案1: 在单色方案上调整色调,色泽和色度
当你混合了色调,阴影和浅色时,你将把基本的12色色环扩展成无数种颜色并用于你的设计中。创造专业的配色方案的一种简单方法便是利用一些色调,浅色和特定颜色(避免纯 色)的阴影,然后将其添加到在色环中至少隔了三个颜色的另一个纯色(或接近纯色)中作为强调颜色。这不仅能够为你的配色方案添加一种视觉乐趣,同时还能保留一种平衡感 。
定制方案2: 添加一些中性色
中性色是创造配色方案的另外一个重要部分。灰色,黑色,白色,褐色,茶色以及灰白色都被当成是中性色。褐色,茶色和灰白色更倾向于把配色方案变暖(它们真的只是关于色 调,阴影,橙色和黄色的浅色)。根据周边的颜色,灰色将把整体的效果调暖或变冷。黑色和白色也是如此。
定制方案3: 基于照片产生配色方案
可以基于指定的照片,依据照片中的色彩分布来产生配色方案。
定制方案4: 使用网上工具
网上有许多工具能够自动为你做到这点:
- https://color.adobe.com
- https://paletton.com
- https://0to255.com
- https://coolors.co
- http://pictaculous.com/
- https://colourlovers.com