版权申明：本文原创作者TTTing，感谢TTTing的原创经验分享！
写在前面
我们常常会说到做设计需要知道三大构成（色彩构成／平面构成／立体构成），设计又可以分很多个类别，比如网页设计／UI设计／电商设计／室内设计／工业设计等等，那对于电商设计有没有专门的三大构成呢？至今好像没有看到，所以我想尝试着梳理一下我脑袋里的知识点，专门讲解一下三大构成在电商设计中的运用，而今天我先从色彩在电商设计中的运用开始说起。
内容比较多，所以我先给大家列一个大纲：
一、先了解普遍意义上的色彩是指什么？
二、再回顾一下banner的组成要素有哪些？
三、banner的作用作用是什么？
四、在Banner设计中影响到信息传达的有哪些因素呢？
五、色彩在banner设计中所起到的作用
六、如何在Banner设计中使用色彩
列完大纲后，接下来我们进入正题，一个一个知识点去剖析：
一、先了解普遍意义上的色彩是指什么？（我讲这些理论的时候大家别睡着了，答应我，因为后面会越来越精彩～～）
简单点来说，色彩即颜色，颜色可以分成有彩色和五彩色两大类，看有彩色主要看色相／纯度／明度三个方面的属性，无彩色也就是白色／黑色／各种深浅不同的灰色，也可以说无彩色是饱和度为零色彩。
色相，即可以明确表示颜色色别的名称，比如红橙黄绿蓝靛紫：
FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/
色彩有冷暖之分，我大致用温度的概念标注一下，其中"0"是指中性色，"－0"是指中性偏冷，"＋0"是指中性偏暖（这里的温度是我自己为了具体化冷暖的概念而标记的，主要是方便大家理解，所以不用去纠结这个数值准不准确哈哈，你明白他们代表很冷／很热／一般冷／一般热就好了！～）
明度，就是指色彩的明亮程度（通俗点讲，在某种色彩里添加的白色越多就越明亮，添加的黑色越多就越暗）。
纯度（饱和度），就是指色彩的纯净度，以红色举例：
如果大家想看更加原理理性的关于色彩的解说，可以自行去baidu或google哟，在这篇文章里大家只需要了解上面几个知识点就好啦。
接下来我掐指一算，要想做好电商设计，最基础学问最大的当属Banner设计了，所以我们还是从Banner设计开始说起，先回顾一下banner是由哪些部分组成的。
Banner组成要素包含4个方面：文案 、商品／模特、背景、点缀物
宣传／展示／广而告之／准确传达信息
四、那么在Banner设计中影响到信息传达的有哪些因素呢？
1／整体画面的气质是否对路
2／信息之间的层级关系是否准确
3／是否考量了Banner所投放的环境
接下来，我们针对上面3个因素一个一个来讲解：
1／整体的画面气质是否对路
这里指的画面气质就是指给人传递出一种什么样的感觉，比如说用户看了你这个banner之后会感觉它很热闹／很素雅／很高冷／很年轻有活力／很潮／很压抑／很恐怖／很高贵等等这些感觉，那么下面我举几个例子：
Banner举例：很热闹的画面气质（关键词：低价促销／周年庆／节假日促销等搞活动的性质）
大家可能注意到上面两个Banner看起来非常热闹喜庆，是比较常规的热闹促销Banner，除了各种元素形式的动力感给画面增加了热闹感觉意外，最重要的事大面积的暖色给人热血沸腾的感觉。
我们举个例子，将这些Banner改变色相，得到下面2张图：
总结观察：画面由暖色变为冷色后，会发现热闹的画面气质锐减，所以在表现热闹气质的Banner设计中，除了画面形式比较活泼或者动感以外，我们也常借助大面积的暖色（红／橙及附近区域）来渲染热闹氛围，让人感觉喜庆或者热血沸腾，然后控制不住就买买买～
Banner 举例：很素雅 （关键词：森女系／棉麻类／文艺类／性冷淡风）
除了大面积留白给人素雅的感觉外，画面里的颜色都是是比较安静干净的灰色调，给人舒适素雅无欲无求的感觉，使人感到舒心：
假如我给它调整饱和度，使之更加艳丽：
观察总结：大家感觉有什么变化没？是不是感觉变年轻活力了？不是那么沉稳和素雅了？仿佛一个平和的35岁女人立马变成了20岁小姑娘～
下面是几种常见的素雅的／森女系／文艺范色调举例：
Banner举例：很高冷 （关键词：新品发布／国际大牌以及一切渴望表现自己性冷淡和极力想要装B高冷一回的画面。。。）
画面中除去大面积留白以外，色彩上也是比较偏向于灰色调，且基本不会出现饱和度非常高或者非常跳跃的颜色，浅灰色调同色系用色居多。
大家可以提取颜色看下：
Banner举例： 年轻活力（关键词：夏季主题／开学主题／校园主题／针对潮流小年轻的促销活动等等）
色彩丰富多样，饱和度偏高，用色大胆，在这里，我们就不怕您用色超过3个色，只要你敢用想用，多少色都可以（迷之微笑～）。
大家可以提取颜色看下，其中天蓝色是主色调，用大面积的冷色加上少量的暗色调作点缀，同时保持各个元素摆放方向有秩序不杂乱，才能兼容得下这么多种颜色而使得整个画面看起来不腻歪：
Banner举例：很潮 （关键词：潮牌主题／动漫主题／街头hip-hop主题／年轻爱玩／放荡不羁爱自由主题等等）
飞特游客
委托设计