做好视觉营销三步走
第2章
跨境电商——视觉营销
CONTENTS
1
三步走
2
构图—经典形式美法则
3
配色—配色设计法则
4
字体—构成与编排
PART 3
色彩—配色设计法则②
——色彩传达——
色彩—配色设计法则
例
一种柔和的低纯度蓝让人很自然地
联想到蓝天，并给人清凉的感觉。大面
积地使用这种蓝色，就会让“新鲜自然”
这个概念植入浏览者对商品的印象中。
人们看到红色，就会联想到火焰和
温暖，以及烈焰红唇。因此，化妆品的
色调使用红色会使浓妆的红唇形象浮现
在人们的脑海中。
在装修新店铺时，在拿不准使
用哪些颜色时，整个页面可以使用
单一色彩，然后通过调整色彩的饱
和度和透明度使其产生变化。
色彩—配色设计法则
►店铺的底色使用了白色和灰色等浅色系的
颜色，给人以干净、简洁的感受。
色彩—配色设计法则
不同的颜色给人的感受是不同的，这取决于颜色的“色温”。
暖色调色彩的亮度越高，给人的感受越偏暖和软；
冷色调色彩的亮度越高，给人的感受越偏冷和硬。
在色环上任选一色，与其相距
90°以内的色彩即称为邻近色。
邻近色的特征往往是“你中有
我，我中有你”。
邻近色的搭配使用，能带给人
舒适、自然的感觉。
色彩—配色设计法则
在色环上任选一色，与其相距
180°的色彩即称为互补色。在一
般的设计使用中，互补色中的两色
所占面积、比例并不同，其中用作
主色调的色彩面积更大，另一色则
作为衬托和点缀。
色彩—配色设计法则
▼在图中，不但互补色使用得很有层次，还
运用了主题色与点缀色的搭配方法。
色彩—配色设计法则
▼图1中的紫色也能形成时尚高贵的气
质，与所经营的商品气质相符，也是比较
合适的店铺色系。
▲图2所示是一家经营女鞋店铺的网页首
页，针对的是少女年龄层的顾客，所以粉色
很能反映品牌的主体商品和客户群的色彩，
与模板中红色的框架也能很好地融合在一起
。
（1）红色系
色彩—配色设计法则
红色系是店铺宣传庆典活动使用
颜色的首选色系。
红色能带给人温暖、健康及充满
活力的感受，是一种视觉刺激感很强
的色彩。
色彩—配色设计法则
橙色系是经营食品、家居用品和儿童用品网店的主打色系。
橙色能给人舒适及明快的感受，但不会带来红色那么强烈的刺激感。在整个
色谱中，橙色具有一定的兴奋度，令人振奋，富有活力能让人产生幸福感。
（2）橙色系
色彩—配色设计法则
黄色系是经营家用电器、儿
童玩具等网店的主打色系。
黄色是所有色彩中亮度最高、
最醒目的颜色，能给人明快、灿
烂、愉快、高贵以及柔和的感受。
（3）黄色系
色彩—配色设计法则
紫色是经营首饰、化妆品和
成人用品的店铺的主打色系。
紫色一直以优雅、高贵的品
质得女性的喜爱。紫色并不是日
常生活中特别常见的颜色，因而
能带给人神秘和奢华、稀有的感
受，同时也象征着浪漫、庄重与
神圣。
（4）紫色系
色彩—配色设计法则
绿色是经营保健品、土特产品店
铺的主打色系。
绿色能给人自然、活力和充满希
望的感受，是最能表达出自然能量的
色彩。因此它在店铺页面中使用得很
广泛，特别是用于与自然、健康相关
的商品装饰中。
（5）绿色系
色彩—配色设计法则
蓝色是经营清洁用品、海产品店铺的主
打色系。
蓝色是冷色系中最具代表性的颜色。不
同于绿色和紫色，蓝色没有混杂任何其他颜
色，色相纯粹，给人理智和冷静的感觉。
因此，蓝色系主要适用于数码产品、家
用电器、清洁用品、汽车用品、医药品、海
鲜和旅游等行业的网店。
（6）蓝色系
色彩—配色设计法则
高级灰色系是经营奢侈品店
铺的主打色系。
高级灰色系搭配是指用白
色、灰色、黑色和各种低纯度颜
色来设计页面，这种色系是经典
的潮流色，永不过时。适合表现
带有神秘感和力量感的服饰、箱
包、数码产品及汽车用品等。
（7）高级灰色系
色彩—配色设计法则
Color Claim网站最初是设计
师Schneider为自己建立的一个配
色收藏集。一个主色加一个辅助
色的简单形式，展示出了设计师
出众的色感。
https://www.vanschneider.com/colors
色彩—配色设计法则
网页渐变（Web Gradients）网站中收集了180个清爽漂亮的渐变色配方，
全是像冰激凌一样令人眼馋的颜色。
https://webgradients.com/
色彩—配色设计法则
“色彩搜索”(Colorhunt)是个养眼的配色网站，在这里你能轻松地找到
各种令人舒服的颜色配搭。
https://colorhunt.co/
谢谢观看