电商颜色搭配「淘宝店铺配色方案」

今天给大家普及一下电商颜色搭配「淘宝店铺配色方案」相关知识，最近很多在问电商颜色搭配「淘宝店铺配色方案」，希望能帮助到您。

1.4. 牛逼的电商配色怎么炼成1.4.1色彩对比与面积、形状、位置、纹理的关系

一.色彩对比与面积

色彩面积对比是指各种色彩在构图中所占量的对比。这种由数量上的多与少、面积上的大与小的结构比例上的差别而形成的对比。

色彩感觉与色彩的面积关机很大，同一组色彩面积大小不同给人的感觉就不一样。如面积小的红绿色点或色线空间混合在一起，在一定的距离之外接近于暗金黄色；面积大的红绿色块并置则给人以强烈的刺激。同一色彩，面积小的易见度就低。面积太小，色彩甚至会被环境同化；面积大的色块，易见度就高，并且易产生疲劳，就像一大片黑会使人压抑，大片的白色又会使人空虚，大片的红也会让人躁动，往往就需要在换面中加小面积的其它颜色穿插或点缀。借以调节视觉疲劳，补色会比较常用（图4-1）。同样面积的暖色和冷色给人的感觉也不相同，暖色显得面积大，冷色就显得小。另外，画面色调的形成跟色块的面积还有直接关系，扩大或缩小某一块颜色的面积，就会改变画面的感觉，实践中通过扩大面积来改变主色调。

图4-1

色彩构图时，有时会觉得某些颜色太跳，显色夺目；有的颜色力量不足，发挥不了作用。为了调整关系，就要调节三大要素和面积。

歌德认为，色彩的力量取决于明度面积。他把纯色明度数比定位：黄：橙：红：紫：青：绿=9:8:6:3:4:6

他将一个圆环分成36个扇形等份，以此表示颜色的力量比。

纯的面积之比：

黄：橙：红：紫：青：绿=3:6:4:6:8:9（图4-2）

图4-2

以上是色彩达到最纯效果时最佳的面积比例。但在实践中，构成画面的色彩复杂，要达到平衡往往不是精确的计算，而是多欣赏好的作品，积累经验，培养出较好的色彩感觉（图4-3-4-6）。

4-3

图4-4

图4-5

二.色彩对比与形状

凡是色彩就具有形状，形状是载体，色彩是表情，形与色无法分离。马蒂斯这样说道："如果线条是诉诸于心灵，色彩诉诸于感觉，那你就用该先画线条，等到心灵得到磨炼之后，才能把色彩引向一条合乎情理的道路。"

方、圆、钝、锐的不同形状会使人产生不同的感觉和联想。例如，正方形的扩张感，再加上红色，能使这种感觉发挥到极致；三角形比较尖锐具有刺激感，红三角比较有动感，冷色就比较有速度感。一般来说，方形充实有重量感，三角形锐利有刺激感，圆形流畅轻盈有漂浮感，。另外，形状的模糊和清晰、规则和不规则会产生不同的效果，多通过实践去体验，后期会通过学习图形的构成去领会（图4-6,4-7）。

图4-6

图4-7

三.色彩对比与位置

这里多为更多的讲画面的层次，为了强化画面的中心，弱化背景，就会增强中心的对比，弱化背景色彩的对比。这算是最基本的还有很多事我们前面讲过的中心烘托的方法，主要是告诉大家配色时要分明主次，不同的地位的元素拼到一个画面中，要注意突出和融合的关系（图4-8，4-9）。

图4-8

图4-9

四.色彩对比与纹理（肌理）

这里我们只是做简单了解，纹理本身是对形状的进一步传达，展示材质，表现出画面不同使用体验和联想。色彩和纹理的相互组合阐述的情感更加充分。甚至在事物本身添加不相干的纹理也有出奇的效果。

但肌理对比的运用也要遵从呼应、均衡、主次、节奏韵律等形式美法则，应与所表现的主题和情调相吻合，与画面的语言环境协调，最终达到和谐效果。肌理不可滥用，否则各式各样的肌理杂乱无章，相互干扰抵消，画面反而会失去效果，适得其反（）。

图4-10

图4-11

图4-12

1.4.2色彩的形式美法则

在现实生活中，人们的审美习惯存在着来自文化修养、宗教习惯、地域文化等等个性的差异，因而有着不同的审美追求，但对于美的评判标准，在大多数人中却存在着一种共识。这种共识在人们长期的社会实践中发展而来，它是客观存在的形式美法则，包括均衡、呼应、主从、层次、节奏、秩序等。

1. 均衡

根据格式塔心理学，在相对稳定的画面中存在一个力场，画面四周的框架则规定了立场的范围。色彩与形状的改变能够引起画面上视觉分布变化，框架中立场的意义梯度是朝着中心递增的。也就是说，在色彩构图中，要达到视觉力量上的均衡感，色块的布局应该以中心为支点和基准向其他方向布置。从位置上讲，中心上边的颜色要比下边的颜色轻；接近中心的色块比偏离中心的色块轻；向心的色块比离心的色块要重；右方的色块比左方的色块要重。从形状上讲，形象明确清晰的规则的色块比模糊的轮廓不规则的色块重；直线重，曲线轻，正方、正圆的色块重，三角形、椭圆的色块相对较轻。从色彩上讲，深谙、鲜艳、对比强、偏暖的色调重，浅淡、素净、对比弱偏冷的色调感觉轻。色彩的不同形状指向感不同，在构图中色块的方向感也影响到画面均衡（图4-13）。

2. 呼应

色彩的呼应是为了增加画面色块的有机联系。再构图中，呼应是色彩平衡的常用手段。画面色任何色块都不会孤立出现，一般也不应该只出现一次。他需要同种、同类色块在上下、左右等诸多方面相互呼应（图4-14，图4-15）。

下图中的两幅图，真个画面都有一两种色彩的跟随，他让画面的节奏、基调与整个画面统一。

3. 主从

画面色彩应有主次之分，分清主导色、基色、辅助色、点缀色，合理安排色彩之间的面积比例关系。

主色的面积不一定大，但发挥着关键作用。主色是画面的色彩中心，一般为主体部分，色相明显区别于基色，一般会靠近视觉中心，靠其他色彩的烘托产生。

基色决定画面的整体面貌，往往占据较大面积，辅色一般恰到好处不大不小，相得益彰，避免喧宾夺主。。

点缀色一般面积很小，对画面的色调不构成影响，但可以改变画面的面貌，让画面更加有生气。面积大了就会破坏色调，小了容易被同化，发挥不了作用。应该将最鲜明、最生动的色彩放到画龙点睛的地方。

画面中的配色，一般限制在3-5种为宜，多易杂乱，少易单调（图4-16-4-18）。

图4-16

图4-17

图4-18

4. 层次

色彩的层次是利用明度、纯度、色彩对比关系将色彩的感受拉开距离，像黑白灰这是三层关系，在色彩中强弱层次还可以细分很多层。

色彩的层次一般跟进退有关。一般暖色系有前进感，冷色系有后退感。但是也不绝对，因为有时候取决于画面中的相互衬托关系（图4-19，图4-20）。

图4-19

图4-20

5. 节奏和韵律

作为视觉艺术的色彩同听觉艺术的音乐一样，有着可见的节奏和韵律，听觉上的强弱、轻重、缓急、高低等的变化，有着和视觉逻辑上的一致性。这里我们只做简单的了解，需要结合画面的平面构成去理解其中的奥秘（图4-21）。

图4-21

6. 秩序

这是一个高深的定义，如果你没有绘画的基础就算了，有绘画基础，不画个几十年也够呛能理解，英国美术史家贡布里希在他的著作《秩序感》中从心里学角度强调人类情感对节奏、秩序和事物的复杂性的倾向与喜欢。简单的图形易于构造，但多样性统一的复杂图形易于激发知觉。

均衡、主次、呼应、节奏、比例、层次等诸多法则的恰当运用均可造成和谐统一的秩序感。我们可以简单的理解为布局的方式，就好比我们收拾房间的能力就不同，每个人有自己的习惯，再者说阅兵的方队给人带来的秩序感。这一切采用有形式的组合就是秩序（图4-22，4-23）。

图4-22

图4-23

1.4.3色彩在视觉营销中的运用

色彩在视觉营销中从某种意义上说是第一位的，心理学有关研究表明，人的视觉在观察物体时，最初20秒内，色彩感觉占80%，而形态感觉占20%；两分钟后色彩占60%，形态占40%，5分钟后各占一半，并且这种状态将继续保持。可见，色彩给人的印象是多么迅速、深刻、持久。可口可乐公司的鲜红色，给人强烈的视觉刺激，在购买时手会不自觉的拿一把，激发了人的购买欲望，在全球打开了市场。

色彩能够吸引注意力，鲜明色色彩对于瞬间出现的即刻注意起着明显的刺激作用。更能逼真的再现商品的真实性，忠实的反应商品的颜色、质感、量感，展示出商品的真实面貌，并通过色彩感受引发公众的感觉心里，刺激消费需求。通过色彩使消费者更易辨识和产生亲切感。使公众或消费者一看画面就能知道是哪个企业、哪个商品（图4-25）。

色彩更能清晰的传达：

视觉效果

商品印象

商品性质

企业形象

性别、年龄

图4-25