8

速卖通平台视觉营销实务

第9章

跨境电商——视觉营销

CONTENTS

1

速卖通的视觉营销

2

速卖通店铺装修设计

3

速卖通详情页设计

4

速卖通直通车创意主图设计

5

速卖通品牌形象设计

PART 2

速卖通店铺装修设计②

速卖通店铺装修设计

3. 轮播海报的设计

线上海报设计和线下广告设计有何不同？

我们可以先来简单地做一个了解外媒介和杂志的广告工作流程是：
吸引眼球→细看广告本身图像→看到产品形成记忆→线下看到然后购买。

而线上的优秀海报图设计都是以视觉吸引眼球，造成悬念，然后让用户细细回味。

互联网广告遵循“2秒原则”，即只有2秒的生存时间，要么被忽视，要么被关闭，要么被点击。所以，线上广告的工作流程是：
吸引眼球→阅读文案→浏览产品→点击了解→立即购买。

商品展示的图片一定要清晰地突出产品，做图的时候可以适当地增加一下锐度。

对于一些标类产品（如护肤品、手机等）应尽量保持外观的完整，轮廓清晰、

美观。非标类产品（如食品、床品等）应展示产品的真实使用环境，有带入感。

使用钢笔工具抠图，可使产品图片获得最佳呈现效果。魔棒工具是PS中提供的

一种比较快捷的抠图工具。有清晰轮廓的产品可做抠图处理。对于一些轮廓不

是那么清晰或美观的产品，可保留角版处理。

速卖通店铺装修设计

3. 轮播海报的设计

1. 海报的组成

（1）商品层

清晰度：

显示角度：

抠图问题：

速卖通店铺装修设计

3. 轮播海报的设计

1. 海报的组成

（2）文案层

买家其实更喜欢容易阅读的文案是：字数简洁，字体更大，宽度适合，阅读

区域更集中，这些都更能引起买家点击的欲望。

文案除了标题还有信息量，那这个信息量应该提供多少，又应该提供哪种信息？

根据调查，首先所有的信息要对买家来说应该是有效的、有吸引力的。

其次在不同的背景下，买家能接受不同数量的信息。如果背景色彩比较丰

富，那么信息量最好不要太多。

文案的清晰度体现在两个方面：

（1）视觉清晰度

速卖通店铺装修设计

3. 轮播海报的设计

1. 海报的组成

要一眼看清楚。优秀的信息传达，即产品要清晰，文案要清晰，

背景要简洁。文案需要和背景拉开明度距离，否则将不容易被阅读。

而基于电商大数据分析，标题文案的字数不宜超过8个字，超过这

个字数，文字越多点击越少。

速卖通店铺装修设计

3. 轮播海报的设计

1. 海报的组成

（2）逻辑清晣度

要一目了然。一些直击买

家内心需求的文案往往更容易

促使买家产生购买行为。

从众的文案：已卖出10000件；

好奇的文案：神奇面膜；

利益的文案：错过等一年，全场3折仅此一天；

恐惧的文案：消灭你家中99.9%的细菌；

自我的文案：这个表有点贵，但是很帅；

曲默的文案：老板不在，全场乱卖等。

文案设计的核心是需要了解人性的本身，而不是单纯了解你需要推销的本体。例如：

新春特卖、型男必备、春游必备、2019新款上架等都是较为普通的文案。

（3）背景层

前背景：装饰的意义。

中背景：功能的意义，看是否需要再定。

后背景：每张广告图必定有的功能意义。

速卖通店铺装修设计

3. 轮播海报的设计

1. 海报的组成

（1）极致的版式

构图是版式设计的基础，但我们往往忽略了对于构图和版式的极致

追求。下面是几个极致版式的设计技巧：

速卖通店铺装修设计

3. 轮播海报的设计

2. 极简设计

① 对齐——最基础但也最重要；

② 对比——让画面不再平凡；

③ 有“气质”的留白；

④ 精致的颜色。

作为简洁乃至极简的设计来说，对比

非常重要。对比既可以让人非常快速的阅

读到重要信息，也可以让版面的设计有节

奏感，让画面看起来不乏味。

极简设计中的留白非常重要，最典型

的是“无印良品”的设计，它是把留白应

用到现代设计最好的典范。在中国古代的

国画里早就体现了留白的应用，是非常典

型的例子。

在电商设计中，对颜色的把控非常重要。在某种情况下，对颜色控制的

好坏直接影响用户在页面的停留时间。

在极简的设计中更需要对颜色做减法，并且不断地调节细微的明度、饱

和度和颜色的搭配，正是这些细节的调整才会让极简的设计更加耐看。

速卖通店铺装修设计

3. 轮播海报的设计

（2）精致的颜色

2. 极简设计

① 让设计快速出彩的方法；

第一步就需要选择主色调。

◆ 黑白灰主色调+亮色辅色；

◆ 选择商品的主色调作为整个画面的主色调；

◆ 使用的颜色不要超过3种；

速卖通店铺装修设计

3. 轮播海报的设计

（2）精致的颜色

2. 极简设计

许多设计师所用的颜色一般都

不会超过3种，而极简设计有时候

只使用2种颜色，甚至只用黑白灰

的变化来设计。

② 看似很复杂的颜色搭配其实很简单。

由于画面的颜色搭配简单时，即使稍微有点不协调也会被放大很多，因

此我们需要了解颜色的几个属性：色相、饱和度、明度，还有对比色、相近

色等概念。对于极简设计的配色也有几个方法：

◆ 统一明度及饱和度；

◆ 控制颜色的层次；

速卖通店铺装修设计

3. 轮播海报的设计

（2）精致的颜色

2. 极简设计

文字在电商设计中的位置极其重要，它承担着直观信息传播的用途，如

活动页面的折扣信息、商品宣传页面的卖点信息、商品的优惠价格、文案内

容的表现等。

速卖通店铺装修设计

3. 轮播海报的设计

（3）考究的字体

2. 极简设计

① 选用符合整体设计风格的字体；

字体也是有自己的外貌、性格和风格的，当字体的风格与设计完美地融合在一起

时，会给整个设计加分不少。

② 选用字形结构简单的字体。

近几年出现了一些结构复杂、字形极其夸张的字体，尽量少用甚至可以不用。字

体是门非常专业的门类，很多设计师还不能很好地驾驭一些字体，无论是普通的电商

设计还是极简设计，最好使用字形和结构都相对简单的字体。

速卖通店铺装修设计

3. 轮播海报的设计

（3）考究的字体

2. 极简设计

做完主推海报，紧接着就是导航产品布局，一般模板里的【广告墙】

板块就是体现此功能。

每个模板的广告墙布局几乎都是不同的，这个区别早在挑选模板的时

候就可以预览到。

速卖通店铺装修设计

4. 导航产品布局

可以先在【帮助】中把广告墙的尺寸打开，这样就可以清楚地看到每

一小块广告位的图片大小，方便我们制作。导航既可以展示热销产品、新

品，链接到具体的产品详情页；

也可以展示店铺中不同品类下具有代表性的产品，直接链接到一个分

类下，以展示更多的同类产品，从而供客户快速选择。

然后就可以把做好的产品图依次匹配到对应的位置，做好链接。

速卖通店铺装修设计

4. 导航产品布局

要注意的是，虽然每

一小块图片是分开设置的，

但是整个导航区是一个整

体，最好风格统一。

完成海报与导航的设置，最后就要对首页整体版面进行调整了，即

商品模块的添加。

建议：手动调整把同一类型的产品放在一起，价格相差不要太大；

对产品推荐模块进行命名，如New Arrival、Clearance Sales等以增加吸

引度。

此外，建议卖家图片选取应简洁、大方；相应链接设置到热销、新

品、促销产品；如果店铺有活动或有特色产品，可在首页明确公布。

速卖通店铺装修设计

5. 首页调整

谢谢观看