新媒体运营必须知道的色彩搭配常识

2019-04-10 09:01:11来源: 草莓学堂 阅读 ()

新老客户大回馈,云服务器低至5折

站长之家注:本文经授权转载自草莓学堂(ID:caomeixt),作者琛姐,如需转载请联系原作者。

大部分新媒体运营人员可能忽视了色彩的重要性,但事实是,Logo、二维码、文中标题、正文、海报等,大量地方都会用到色彩,更重要的是,从视觉感受的先后顺序来看,色彩会先于文字被用户感受到,形成对品牌的第一印象。

那么,如何选择色彩并科学地进行搭配呢?

如何选择主色调?

色彩搭配的第一步是选择主色调(也叫色相),色彩的意义在于展现品牌内涵和产品特征,所以,我们能看到市面上大部分的成功品牌都是有主色调的,甚至,一提起品牌名,你就会想起它们的颜色,比如,可口可乐是红色的,百事可乐是蓝色的,麦当劳是金色的,蒂芙尼是蓝色的(没错,就是有名的“蒂芙尼蓝”)。

蒂芙尼蓝

定位之父特劳特称之为品牌的“视觉锤”,新媒体在某种程度上是品牌“视觉锤”的延伸,理所当然,应该延续品牌的主色调

如果还没有确定品牌主色调,可以参照以下 2 个步骤进行选择:

首先,要知道有多少种颜色。

我们在小学的美术课上或许就听说过红、黄、蓝 3 原色,但为什么叫 3 原色呢?因为这 3 种颜色可以混合组成任意其它颜色,但没有其它颜色可以混合得到它们。所以说,它们是最原始的颜色,简称“原色(Primary Colors)”。

3 原色两两叠加,可以得到橙、紫、绿 3 间色(Secondary Colors)。我们最熟悉的就是“蓝+黄=绿”。

同样的道理,继续叠加相邻的 2 种颜色,可以得到 6 种新的颜色,因为是第三次叠加得到,所以被称为三级色(Tertiary Colors)。这样,一个基本的 12 色色环就形成了:

依此类推,不断叠加,我们可以得到无数种颜色,在 PPT 的颜色面板中,提供了 255 种色调,调节色调栏中的数字(0~255)就可以得到对应的色调,也可以直接在矩形颜色框中从左至右移动色标进行选择(如黑色箭头所示)。

然后,要明白不同色彩蕴含不同的意义。

在 12 色色环中,从红色顺时针旋转到黄色的区域属于暖色,相对的部分属于冷色:

暖色在自然界中常见于阳光、火焰、血液等,让人感觉到温暖和活力。对应的关键词有感性、欢乐、喧闹、热情、女性化等。

比如,情感类自媒体,大都是以红、黄等为主的暖色系(HUGO 的主色彩偏冷,但在封面中用了红、黄等暖色调和):

主打女性用户的时尚类自媒体也非常喜欢红色:

同样的选色逻辑在美妆类自媒体中也适合:

冷色在自然界中常见于海洋、天空、植物等,让人感觉到清新和宁静。对应的关键词有理性、自然、安静、内敛、男性化等。

比如,金融理财类自媒体就更适合蓝、绿等冷色系:

除了冷暖的差异外,不同国家,不同文化也给颜色赋予了不同的意义。比如,中国人喜欢红色,觉得喜庆;日本人喜欢淡雅的色调,比如茶色;巴西人则不喜欢暗茶色,认为其象征着死亡。

如何确定风格?

主色调并不能确定风格,因为同一色调可以通过增加黑色和白色(改变亮度),或者增加灰色(改变饱和度),形成完全不同的风格。添加的白色越多,给人的感觉越清新、天真、朴实;添加的黑色越多,给人的感觉越稳重、成熟、厚重。

1.纯色:亮丽风格

纯色(饱和度 = 255)是指不混杂黑色或白色的色调,是所有色调中最鲜艳,最吸引眼球的色调,也就是 PPT 文字颜色中的标准色:

高饱和度的纯色常见于儿童产品(因为儿童对色彩的认知有限,使用高饱和度色彩能方便儿童识别)和老年产品(因为老人们年轻时,社会流行的是纯色,相对于年轻人,老人很难改变已经形成的认知)。

但大面积使用纯色,会给人俗气的感觉,为什么呢?

因为物以稀为贵,颜色也不例外。在人工染料出现以前,人们只能从自然界中提取染料,饱和度越高的颜色越难提取,所以那时候,只有皇室贵族才能穿鲜艳的衣服,普通百姓只能穿“素衣”。但人工染料出现后,高饱和颜色的制作变得非常便宜和简单,开始广泛流行起来,所以显得俗气了。

在品牌领域也是类似的道理,为了吸引眼球,大量品牌使用高饱和度色作为品牌主色,导致高饱和度配色泛滥,自然显得俗气了。所以近年来,很多品牌为了让自己显得高级一些,刻意降低品牌色彩的饱和度:

2.加入白色:清新风格

因为上面提到的原因,可以选择在纯色中加入白色,整体风格会显得比较清新、有质感,有助于提升整体逼格。比如,大部分的时尚、文艺类自媒体都是这种配色:

3.加入灰色:古朴风格

在纯色中加入灰色,就形成了古朴风格。这种风格比较适合于有复古需求的自媒体,比如,公众号“局部气候调查组”就大量地添加灰色:

无印良品的“性冷淡风”也属于类似的风格:

4.加入黑色:深沉风格

在纯色中加入黑色,就形成了比较个性化的深沉风格。主打深度内容的自媒体比较适合这种风格,比如深度心理学公众号 KnowYouself 就是以暗色系为主:

如何利用配色增强视觉效果?

确定了主色调和风格,我们需要考虑的是,如何配色?

配色非常复杂,对于小白来说,最简单的方法就是使用“单一颜色+黑白灰”,虽然有点乏味,但肯定不会犯错误。关注琛姐比较久的童鞋也会发现,“草莓学堂”也是采用单一颜色的配色方案。

掌握了单一配色技巧的童鞋可以进一步尝试多种配色方案,以达到增强视觉效果的目的。常见的配色方案有:互补色搭配、三角形搭配、矩形搭配等等,使用专业的工具即可轻松找到专业的搭配方案(需要的童鞋可以点击文末的阅读原文,查看专业配色工具 Color Scheme Designer)。

如何通过色彩引导阅读?

1.清晰易读,颜色不能太多

正文部分的颜色搭配,首先需要特别注意的就是清晰易读,在保证辨识度的前提下,正文部分尽量采用较低饱和度的颜色,对眼睛的刺激小,会更适合长时间阅读,比如,

#595959 颜色的字比 #000000 颜色的字看起来更舒服。

淡红色背景比大红色背景看起来更舒服。

此外,颜色不能超过 3 种,否则就会显得混乱:

红色黄色蓝色绿色,放在一起,会有多乱,你看见了吧!

2.利用强调色突出重点内容

在统一大面积文字颜色的前提下,把需要强调的内容用强对比色进行突出,这个对比可以是色相的对比

具体利用哪 2 种颜色进行对比,可以利用互补配色的原则,选择色环中处于对立位置的颜色进行配对(这样的色相对比效果是最强的),比如上图中的蓝色和黄色的对比,就符合互补配色原则:

也可以是明度的对比(黑白是明度对比最大的颜色):

小结

新媒体运营必须知道的色彩搭配常识:

1.根据品牌内涵选择主色调;

2.适当添加黑、白、灰,确定风格;

3.根据单色搭配、互补搭配等原则,进行色彩搭配;

4.保证内容清晰易读,重点突出。

——————————————— 作者微信公众号 ———————————————

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:防作弊?谷歌说2018年要适当“阻止”网站重定向

下一篇:站点用百度搜图做配图被告索赔?丨6个无版权图库免费分享