电商视觉营销的配色及构图

2 色彩的联觉现象
不同的色彩有着不同的寓意与作用，当人们看到色彩时，会给人带来不一样的心理
色彩的联觉现象也可以简单地理解为由色彩引发的联想。
一、确定网店页面的配色
2 色彩的联觉现象
例如，当消费者想要购买零食时，很可能会忽略一些其他色彩的商品页面，而将 注意力集中在寻找橙黄色的商品页面上，因为在他们的经验中，橙黄色是容易引 起食欲的色彩，他们已经习惯于将食物与橙黄色联系在一起。
3 网店风格的形成要素
波希米亚风格
田园风格
民族风格
一、确定网店页面的配色
2 产品的情绪
3 网店风格的形成要素
男装按风格划分可分 为中国风格、商务休 闲风格、运动休闲风
格、英伦风格和时尚
休闲风格等。
中国风格
商务休闲风格
一、确定网店页面的配色
3 网店风格的形成要素
运动休闲风格
英伦风格
时尚休闲风格
二、网店页面的黄金构图法
5 整体场景构图法
整体场景构图法适用于促销、节日、活动等页面。整体场景构图法可以将 消费者快速地带入到页面氛围中，使宝贝信息传播更加精准。
切记场景不要抢了内容的视觉焦点，在适当的时候可以做些减法。
二、网店页面的黄金构图法
6 流程构图法
如果设计创意需要按照循序渐进 的方式展现商品，不妨采用流程 构图法。页面运用这种构图方式 能够将步骤、关系、各个节点以 及整体流向展示清楚。
二、网店页面的黄金构图法
3 放射构图法
放射构图法能展示出由一个中心点向四周扩散的效果，让整体页面呈现出立体 与空间感，画面冲击力强，富有动感。
二、网店页面的黄金构图法
4 对称切割构图法
对称切割构图法的前提一般是能将 内容分为主次两部分，并且这两部 分是对立关系，此时将整个页面一 分为二，内容划分明确，也更加具 有视觉冲击力，可以使画面具有平 衡感。
一、确定网店页面的配色
3 店铺的主题气氛
3 网店风格的形成要素
店铺的主题气氛主要通过店铺的配色和装饰来烘托。
一、确定网店页面的配色
以国庆节为主题的店 铺配色大多采用红色， 然后通过灯笼和烟花 等元素来体现国庆节 的节日气氛。
3 网店风格的形成要素
以七夕节为主题的店 铺大多采用紫色、粉 色等可以表达出浪漫 和甜蜜的色彩，然后 使用鹊桥等元素来体 现七夕的节日气氛。
课后习题
1．如果你要为女装店铺设计配色，简述自己的店铺配色设计 思路。
2．简述什么是色彩搭配原则七要素。
3．请分析色彩的联觉现象对珠宝类商品的影响。
4．请为放射构图法、流程构图法各举出一个实例。
二、网店页面的黄金构图法
1 简单切割构图法
使用简单的线条或图案整齐地分割 整个页面，能使画面瞬间变得有趣、 生动起来，内容区域也能得到有效 的划分。
二、网店页面的黄金构图法
2 组合切割构图法
组合切割构图法是通过区块集中而 有规律的排列，从整体上抓住人们 的视线，让整个页面设计更具有层 次感的构图法。
炫酷型店铺
可爱型店铺
特色型店铺
一、确定网店页面的配色
2 产品的情绪
3 网店风格的形成要素
产品情绪是指产品本身赋予色彩的情感。
例如，女装按风格可划分为韩式风格、淑女风格、嬉皮风格、
波希米亚风格、田园风格和民族风格等。
ห้องสมุดไป่ตู้
一、确定网店页面的配色
3 网店风格的形成要素
韩式风格
淑女风格
嬉皮风格
一、确定网店页面的配色
CHAPTER FIVE
电商视觉营销的配色 及构图
学习目标
了解色彩搭配原则七要素的内容。 了解网店风格的形成要素。 掌握网店页面构图的方法。
营销界有个著名的“7秒定律”，即消费者会在7秒内决定是否
有购买商品的意愿，而在这短短的7秒内，色彩的决定因素占 比为67％，可见配色的重要性。除色彩元素外，消费者对图形 元素的感知也极为敏锐，利用一些主次分明的构图法，也能吸 引消费者的眼球。
店铺的主题气氛
店铺的主题气氛
一、确定网店页面的配色
4 店铺的包装色彩
3 网店风格的形成要素
在确定网店主题色调时，应该注意与商品特性相符合，
或者与目标消费群体的特性相符合。
一、确定网店页面的配色
如果网店主营18~30 岁的女性时尚服饰， 那么比较适合的主题 色就是偏粉色、红色 的柔和、浪漫的色系。
单色VI 配色
双色VI 配色
多色VI 配色
Contents 目录
1 确定网店页面的配色 2 网店页面的黄金构图法
二、网店页面的黄金构图法
01 02 03 04
简单切割构图法 组合切割构图法 放射构图法 对称切割构图法
05 06 07 08
整体场景构图法 流程构图法 物体轮廓构图法 多重切割构图法
Contents 目录
1 确定网店页面的配色
2 网店页面的黄金构图法
一、确定网店页面的配色
1
色彩搭配原则七要素
2
3
色彩的联觉现象
网店风格的形成要素
一、确定网店页面的配色
1 色彩搭配原则七要素
1
渐进配色
2
对比配色
3
色调配色
4
近似配色
5
单重点配色
6
分隔式配色
7
夜配色
一、确定网店页面的配色
感受与联想。
一、确定网店页面的配色
3 网店风格的形成要素
1
店铺的主要风格
2
产品的情绪
3
店铺的主题气氛
4
店铺的包装色彩 VI配色
5
一、确定网店页面的配色
1 店铺的主要风格
3 网店风格的形成要素
常见的店铺风格有 简约清爽型、商业 型、炫酷型、可爱
型和特色型等。
简约清爽型店铺
商业型店铺
一、确定网店页面的配色
3 网店风格的形成要素
3 网店风格的形成要素
如果网店主营手机、 相机等数码类产品， 那么蓝色、黑色和灰 色系往往会给消费者 理智、高贵、沉稳的 感觉。
偏粉色系
偏蓝色系
一、确定网店页面的配色
5 VI配色
3 网店风格的形成要素
视觉识别系统（Visual Identity ，VI）配色是指在网店配色中提取VI或 对包装中的主色彩进行设计的配色方法。
二、网店页面的黄金构图法
7 物体轮廓构图法
物体轮廓构图法主要适用于活动、节日或新品创意的专题页面。根据专题 页面的主要内容，从整体上构建一个边界或外形线，形成一个大的轮廓， 将内容巧妙地填充进去。
二、网店页面的黄金构图法
8 多重切割构图法
多重切割构图法的不规则的构图稳 定而锐利，干净的排版易于识别， 能让单一的页面变得生动，复杂的 页面变得时尚，能够避免画面出现 生硬感，不宜产生审美疲劳。