二 装修设计：制作高转化率店铺页面
店招、首页欢迎模块、产品详情页以及关联销售等模块的装修设计，是拼多多网店视觉设计的基础元素区域，提升这些基础部分的设计美观度，可以让店铺的视觉整体效果更上一层楼。
店铺店招的设计技巧
店招，顾名思义，就是网店的店铺招牌，从网店商品的品牌推广来看，要想在整个网店中让店招变得便于记忆，在店招的设计上就需要具备新颖、易于传播等特点。图2-6所示为华为某专卖店的店招，使用的就是华为的品牌LOGO。
图2-6 华为某专卖店的店招
1 店招的设计要求
店招通常位于店铺首页的最顶端，它的作用与实体店铺的店招相同，是大部分消费者最先了解和接触到的信息。店招是店铺的标志，大部分都是由产品图片、宣传文案以及店铺名称等组成，漂亮的店招与签名可以吸引顾客进入店铺。
一个好的店招设计，除了给人传达明确的信息外，还在方寸之间表现出深刻的精神内涵和艺术感染力，给人以静谧、柔和、饱满以及和谐的感觉。要做到这些，在设计店招时需要遵循一定的设计原则和要求，通常要求有标准的颜色和字体、清洁的设计版面，以及一句能够吸引用户的广告语，画面还需要具备强烈的视觉冲击力，清晰地告诉用户你在卖什么，通过店招也可以对店铺的装修风格进行定位。
消费者需要掌握的店铺品牌信息，最直接的来源就是店招，其次才是店铺装修的整体视觉。对于品牌商品而言，店招可以让消费者进来的第一眼，就知道店铺经营的品牌信息，而不用消费者再去其他页面或者模块中寻找。
对于经营拼多多网店的商家而言，尤其要有成本意识，节约消费者了解你的成本，节约你向消费者介绍自己的成本。在店招中清晰、大方地显示出店铺的名称，使用规范的设计，让店铺的名称在拼多多网店装修的各个区域出现，保持视觉高度的一致。店招中添加LOGO和店名，能够加深用户的记忆，提升品牌的推广度。
店招还可以体现店铺的定位，对于没有什么知名度的商家来说，有“口号”和“广告语”就应该放到店招上，没有这些也需要有一个品牌的关键词介绍，起码让用户知道店铺的特点和特色，形成无形的品牌推广作用。
店招可以营造出品牌的氛围和感觉，体现品牌气质很简单，可以通过品牌专属颜色、LOGO颜色和字体等设计元素的规范应用，打造出统一的视觉风格。为了让店招有特点且便于记忆，在设计的过程中都会采用简短醒目的广告语辅助LOGO的表现，同时通过合适的图像来增强店铺的认知度。
2 店招的主要功能
拼多多网店的店招主要是为了吸引用户、留住用户，因此商家在设计店招时，应该从用户的角度去考虑。网店的店招同实体店的店招一样，就像一个店铺的“脸面”，对店铺的发展起着较为重要的作用，其主要功能有以下几个方面。
（1）确定店铺属性：店招最基本的功能就是让消费者明确店铺的名称、销售的商品内容，让消费者了解到店铺的最新动态。
（2）提高店铺的知名度：使用有特色的店招可以增强店铺的昭示性，便于用户快速记忆，从而提高店铺的知名度。
（3）增强店铺的信誉度：设计美观、品质感较强的店招可以提升店铺的形象，拔高店铺的档次，增强消费者对店铺的信赖感。
首页欢迎模块设计技巧
拼多多网店的首页欢迎模块是对店铺最新商品、促销活动等信息进行展示的区域，位于店铺导航条的下方，其设计面积比店招和导航条都要大，是消费者进入店铺首页中观察到的最醒目的区域。
由于欢迎模块在店铺首页开启时占据了大面积的位置，如图2-7所示。因此，欢迎模块的设计空间也较大，需要传递的信息也更讲究，如何找到产品卖点，设计创意，怎样让文字与产品结合，达到与店铺风格更好地融合，是设计首页需要考虑的一个重要问题。
店铺首页的欢迎模块与店铺的店招不同之处在于，它会随着店铺的销售情况而发生改变。
当店铺迎合特定节日或者店庆等重要日子时，首页设计会以相关的活动信息为主。
图2-7 店铺首页欢迎模块
当店铺最近新添加了商品时，首页设计内容则以“新品上架”为主要的内容。
当店铺有较大的变动时，首页还可以充当公告栏的作用，给用户告知相关的信息。
店铺首页的欢迎模块，根据其内容的不同，设计的侧重点也是不同的，例如以新品上架为主题的欢迎模块，其画面主要表现新上架的商品，其设计风格也应当与新品的风格和特点保持一致，这样才能让设计的画面完整地传达出商家所要表现的思想。
在进行首页欢迎模块的页面设计时，要将文案梳理清晰，要知道自己表达内容的中心、主题是什么，用于衬托的文字又是哪些。同时，背景和主体元素要相呼应，最好有疏密、粗细和大小的变化，在变化中追求平衡，并体现出层次感，这样做出来的首页整体效果就会比较舒服。
1 图主文辅
在设计首页的欢迎模块时，一般以图片为主，文案为辅，如图2-8所示。表达的内容精炼，抓住主要诉求点，内容不可过多。主题字体醒目、正规大气，字体可以考虑使用英文衬托。充分的视觉冲击力，可以通过图像和色彩来实现。
人类天然具有好奇的本能，商家可以在这个人性特点上发力，把用户的注意力抓住，在他们寻求答案的过程中不自觉地对产品产生兴趣。
图2-8 图片为主的首页欢迎模块
2 信息元素的间距
在首页欢迎模块页面中，主要信息有主标题、副标题和附加内容，设计时可以分为3段，段间距要大于行间距，上下左右也要有适当地留白。如图2-9所示，可以看到其中的文字间距非常有讲究，便于顾客快速抓住重点，易于阅读。
图2-9 文字内容分为3段
3 文案的字体不能超过3种
在店铺首页欢迎模块的文案设计中，需要使用不同的字体来提升文本的设计感和阅读感，但是不能超过3种字体，很多看上去画面凌乱的首页，就是因为使用太多字体而显得不统一。针对突出主题这个目的，可以用粗大的字体，副标题则选择小一些的字体。
4 画面颜色不宜繁多
在首页欢迎模块中，配色是十分关键的，画面的色调会在信息传递到用户脑海之前营造出一种氛围，因此尽量不要超过3种以上的颜色，如图2-10所示。在具体的配色中，可以针对重要的文字信息，用高亮醒目的颜色来进行强调和突出。
图2-10 画面配色协调的首页欢迎模块示例
5 欢迎模块的留白处理
高端、大气、上档次是对网店设计的常见要求，可是什么样的设计是大气的呢？如果商家在设计店铺首页时，发现欢迎模块中需要突出的内容过多，将画面全部占满，此时设计出来的作品会给人密密麻麻的感觉，让人喘不过气来，此时在设计中进行适当的留白，那么效果就会好很多。
其实，空白就是“气”，要想大气就要多留白，让用户在最短的时间内阅读完店铺的信息，减轻阅读的负担。适当的留白可以展现出一种宽松自如的态度，让用户的想象力能够自由发挥。如图2-11所示，可以看到首页欢迎模块中进行了适当的留白，让画面中的文案更加凸显。
专家提醒
留白的区域让画面中的文案突出，同时给人以喘息的时间，减轻阅读的压力，将画面精致、大气的风格非常明显地表现出来，让整个版式显得错落有致。
图2-11 适当留白处理的欢迎模块
6 三大元素要和谐统一
一张优秀的首页欢迎模块页面设计，通常都会具备3个元素，那就是合理的背景、优秀的文案和醒目的产品信息。
如果设计的欢迎模块画面看上去不尽如人意，一定是这3个方面出了问题。常见的有背景亮度太高或太复杂，如以蓝天、白云、草地做背景，很可能会减弱文案及产品主题的体现。如图2-12所示，这家店铺欢迎模块的背景色彩简约、光线明亮，让整个首页看上去简洁、大气。
图2-12 背景色彩和谐而统一的店铺欢迎模块示例
产品详情页设计技巧
产品详情页的作用是对商品的使用方法、材质、尺寸以及细节等方面的内容进行展示，同时，有的商家为了拉动店铺内其他商品的销售，或者提升店铺的品牌形象，还会在产品详情页面中添加搭配套餐和公司简介等信息，以此来树立和创建商品的形象，激发顾客的购买欲望。
1 商品详情页的设计要点
在网店交易的整个过程中，没有实物、营业员，也不能口述、不能凭感觉，此时产品详情页就承担起推销商品的所有工作。在整个推销过程中是非常静态的，没有交流、没有互动，用户在浏览商品时也没有现场氛围来烘托购物气氛，因此他们此时会变得相对理性。
产品详情页面在重新排列商品细节展示的过程中，只能通过文字、图片和视频等沟通方式，这就要求商家在整个产品详情页的布局中注意一个关键点，那就是阐述逻辑：展示商品→描述产品→说服顾客→产生购买。
2 商品图片的展示方式
用户购买商品最主要的就是看商品展示的部分，在这里需要让用户对商品有一个直观的感觉。通常这部分是以图片的形式来展现的，分为摆拍图和场景图两种类型，如图2-13所示。
图2-13 摆拍图和场景图
摆拍图能够最直观地表现产品，画面的基本要求就是能够把产品如实地展现出来，倾向于平实无华的路线，有时候这种态度也能打动用户。实拍的图片通常需要突出主体，用纯色背景，讲究画面干净、简洁、清晰。
场景图能够在展示商品的同时，在一定程度上烘托商品的氛围。通常需要较高的成本和一定的拍摄技巧，这种拍摄手法适合有一定经济实力，有能力把控产品展现尺度的商家。因为场景的引入，如果运用得不好，反而会增加图片的无效信息，分散主体的注意力。
总之，不管是通过场景图还是通过摆拍图来展示商品，最终的目的都是想让用户掌握更多的商品信息。因此，商家在设计图片时，首先要注意图片的清晰度；其次是图片色彩的真实度，力求逼真而完美地表现出商品的特性。
3 商品细节的展示
在产品详情页面中，用户可以找到产品的大致感觉，通过对商品的细节进行展示，能够让商品在用户的脑海中形成大致的形象。当用户有意识想要购买商品时，商品细节区域的恰当表现就要开始起作用了，如图2-14所示。细节是加深用户了解这个商品的主要手段，只有用户熟悉商品才会对最后的成交起到关键的一步。
图2-14 细节展示
需要注意的是，细节图只要抓住用户最想要看的部分展示即可，其他能去掉的就去掉。此外，过多的细节图展示，会让详情页面中图片显示的内容过多，而产生较长的缓冲时间，容易造成用户的流失。
产品列表装修设计技巧
产品列表可以方便用户查看店铺的各类商品及信息，有条理的产品列表能够保证更多产品被访问，使店铺中更多的商品信息、活动信息被用户发现。尤其是用户从店铺主页进入产品页面，如果缺乏产品列表的指引，将极大地影响店铺转化率。
例如，下面这个女装店铺的产品列表，都采用了相同的设计元素，形成非常统一的设计风格，能够增强用户的记忆，如图2-15所示。
图2-15 产品分类列表示例
在拼多多店铺的产品列表装修设计中，需要考虑色彩和字体的风格，应该从整个首页装修的风格出发，定义产品列表的色彩和字体。注意，产品列表不要使用太突兀的色彩，避免产生喧宾夺主的效果。
关联销售装修设计技巧
关联销售这种营销方式不但可以把进店的流量价值最大化，增加店铺的访问深度，提高宝贝曝光率，还可以提升转化，提高客单价。
关联销售也可以称为关联营销，即在一个商品的页面中，同时在详情页的顶部或者底部放其他的同类商品，或者也可以是同品牌的其他单品，也可以直接将流量导入三级分类或首页，从而增加店铺的整体销量，如图2-16所示。
图2-16 产品详情页中的关联销售区
商家可以进入拼多多管理后台的“商品管理→商品工具→商品关联推荐”页面，设置关联推荐的商品，如图2-17所示。注意，店铺的在售商品数量必须超过3件，才可使用“商品关联推荐”功能。
图2-17 “商品关联推荐”功能
专家提醒
另外，商家还可以设置“店铺商品置顶”功能，最多支持5个在售商品置顶，置顶的商品将会展示在用户端的店铺“全部商品”页面中，如图2-18所示。
图2-18 “店铺商品置顶”功能
关联营销可以用同类型商品来激发用户最初的购买欲望，但需要注意以下事项。
（1）价格：上下波动不宜过大。
（2）类型：功能、样式、属性相似，互补型或者类似型的产品，吸引用户的注意力。类似型的产品就是同类款式。例如，下面这款儿童连裤袜产品被推荐到首页，销量超过10万件，是一款不折不扣的爆款产品，在产品详情页的关联销售区中加入了几款价格和属性类似的产品，来带动店铺的其他产品销量，如图2-19所示。
图2-19 关联销售类似型的产品
专家提醒
互补型推荐是指推荐的产品在功能上与当前产品能够产生互补作用，如用户想购买上衣，商家则可以搭配裤子来进行关联销售。