做好视觉营销三步走

第2章

跨境电商——视觉营销

CONTENTS

1

三步走

2

构图—经典形式美法则

3

配色—配色设计法则

4

字体—构成与编排

PART 3

色彩—配色设计法则②

——色彩搭配法则——

色彩—配色设计法则

配色，就是指色彩的搭配，其

目的是使画面整体符合人对色彩最

舒服的心理感觉，从而达到色彩的

视觉平衡。

主色

辅助色

点缀色

主色是能够传达出画面整体风格的颜色，其面积最大。

在选色阶段选取的几种颜色中，选一种作为主色，然后用在网页中

需求最多的地方，如banner(网站页面的横幅广告)的颜色、导航的背景

色、文字标题的颜色等等。

色彩—配色设计法则

色彩—配色设计法则

辅助色是比主色所占百分比略少的颜色；

点缀色一般是饱和度较高的颜色，一般用在网页中强调的内容或者突出

      的内容，如按钮、链接等。

主体的3种颜色在整个网页中的比重大约分别是60%、30%和10%。

https://www.baidu.com/?tn=65081411_oem_dg

主色为暗青色，辅助色

是各种粉红色，再用亮黄作

为点缀色，这样整体色彩的

分布和搭配就比较和谐，视

觉感受很均衡，当消费者看

到图片时，心理感觉也最舒

适，如图所示。

色彩—配色设计法则

例

用接近于黑色的暗青色

来和浅灰色进行对比，就能

很好地突出想要表现的文字，

视觉上更醒目；由于是一个

色系的色彩变化，视觉上又

很和谐，是既醒目又和谐的

色彩搭配组合。

色彩—配色设计法则

例

色环上相对的两种色彩的搭配即为互补色搭配，比如红色和绿色。

色彩—配色设计法则

这种色彩之间的强烈对比在高纯度的

情况下会引起色彩的颤动和不稳定感，在

搭配时一定要处理好，不然会使得画面冲

突非常严重并会破坏整体效果。

高纯度的互补色搭配在正式的设

计中比较少见，主要是由于它的特殊

性和不稳定；但是很显然，在各种色

相的搭配中，互补色搭配无疑是一种

最突出的搭配，所以如果想让图片特

别引人注目，那么互补色搭配或许是

一种最佳选择。圣诞节时的红绿色搭

配就是互补色搭配的经典案例。

色彩—配色设计法则

色彩—配色设计法则

色环上距离较近的色彩搭配被称为“近似色搭配”

或“类似色搭配”，一般这种色彩之间的搭配显得平静而舒服。

在使用近似色搭配的时候，一定

要适当加强对比，不然画面会显得平

淡。各种明度和纯度不同的绿在画面

中构成了多层次的组合，形成了丰富

的视觉色彩效果，如图所示。

色彩—配色设计法则

三角形搭配是在色环上等距地选出3种色彩进行搭配的方式。

三角形搭配是一种能使画面生动的搭

配方式，即使使用了低饱和度的色彩，也

能达到这样的效果。在使用三角形搭配时

一定要选出一种色彩作为主色，另外两种

作为辅助色，如图所示。

色彩—配色设计法则

色彩被均匀地分布在整个色彩空间，这就是正方形搭配。

在广告宣传设计中，

均匀地分布色环中正方

形四角的色彩，将色彩

按照一定的比例进行组

合，便形成了较为和谐

又丰富的画面色彩效果。

谢谢观看