很多电商同行都知道：优质的产品图片和良好的店铺视觉设计，可以吸引消费者的注意力，提高产品的点击率和消费者在店铺里的停留时长。

那么，一张优秀的产品主图可以给店铺带来多少利润呢？

草堂的一位做雨衣类目的商家曾用事实给出过这样一个答案：2000万！

他们用了半年的时间，死磕一张主图。不仅提升了整个雨衣类目的审美，更是给店铺带来了丰厚的回报。

可是，什么样的产品图片才能称为好图片，什么样的店铺视觉设计才算是好设计呢？

为什么有些图片，内容那么简单，文案就写了一点点，也没有绚丽的背景，可消费者却非常喜欢，点击率表现很理想。

这些现象背后，到底有哪些实实在在的视觉设计方法呢？

今天，小编就想分享给大家几个关于视觉设计的思考，比如：

什么样的图片看起来更有质感？

好的主图和详情页是什么样子的？

什么样的表达逻辑更能赢得消费者的心？

小编希望通过对这几个问题的拆解，在视觉设计方面给大家带来一些启发。

视觉设计的质感

我们先从“质感”来说起，提到一些大品牌服装，大家会很自然地脑补出一系列很精致的服装大图，但如果品牌方在图片的画风上把握不好，即使是行业里的大咖，也会受到大家的质疑。

比如前段时间，一家女装品牌官宣某女星成为他们的新品牌代言人。

然而，就在粉丝们翘首期盼时，这家女装品牌的官宣广告海报却打破了所有人的幻想：

代言人身穿冬季风衣，站在一片粉黛草的中央，手提蓝色毛绒挎包，双眼望着镜头。

正式的官宣海报，看起来毫无构思的背景，过于随意的站姿，像极了还没摆好姿势就被匆匆抓拍的样子。如果把代言人的脸遮住，谁还分得清这是遛弯的阿姨还是大明星？

其实，大牌的官宣图片遭受质疑，并非是网友太挑剔。很多草堂的商家，主营类目也是女装，相信大家在参考优秀竞品店铺的主图设计方法的时候，也看过一些优秀的产品设计图片。

小编在写这篇推文的时候，就在淘宝上看到这样一家女装店铺，他们产品的客单价在两三百左右，从商品封面点击进去，看到他们的产品宣传主图就做得非常好。

上面这几张图片就是他们的产品主图，我们可以简单地来分析一下这几张图片：

第一，商家在展示这款半身裙的时候，保证了模特，产品和目标客户审美的统一。

因为这款女装的目标客户群体就是年轻女性，所以模特的外貌、身材和气质不仅要符合产品的风格，也要符合目标消费者的审美。

第二，在布置拍摄场景上，他们选择了室内的一面白墙，没有什么乱七八糟的东西，无论是整体的场景，还是模特的背景，都很整洁，这样做的优点就是可以避免消费者的注意力被无关紧要的东西分散，让女装产品更加突出。

第三，在灯光和构图上，他们在光线的强度方面把握的很到位，整个现场的氛围看起来很柔和，质感满满。在构图的时候，他们尝试了不同的角度、视角和布局，尽可能全方位的向消费者展示产品。

第四，注重展示产品细节，他们在拍摄时非常注意展示女装的细节，比如专门拍摄了裙摆和裙子的褶皱设计，通过使用特写镜头可以更好地突出我们产品的细节，吸引消费者的注意力。

第五，在模特的风格和造型上，模特只是画了个淡妆，披肩发，头上没有佩戴装饰品，最大限度地和女装的风格和款式保持一致，并且通过走路这些姿态和动作，展示出了女装的穿着效果和魅力。

刚刚在分析女装主图的时候，我们夸它很有质感，那么什么是质感呢？

质感，原本是指物体表面的质地和感觉，它可以通过人的视觉、触觉等方式来感受，进而影响人们对物体的认知和感受，例如光滑、粗糙、柔软、坚硬等。

在视觉设计领域，质感是一个重要的元素，可以用来传达情感、氛围和品牌形象等信息。 质感有很多种表现方式，例如强化图片中的明暗对比。

比如下图中，我们用红色把有光源的地方标示出来，提高这些部分的亮度，和图片的暗处形成反差，这样一来，图片的质感一下子就提高了很多。

我们常常会感觉到，有质感的产品看起来很高级，不过质感和高级感不完全一样。

质感指的是客观存在的物体，而高级感是一种主观的感受，它通常指的是物体或设计所传达的高品质、高档次的感觉。

高级感可以通过多种方式实现，例如使用高质量的材料、精湛的工艺、简洁的设计等。

虽然质感和高级感不完全一样，但它们之间有一定的联系。

质感是营造高级感的一种方式，我们可以通过使用高质量的材料、精细的纹理等来营造出高品质的感觉。

同时，高级感也可以通过其他方式实现，例如简洁的设计、独特的造型等。

总的来说，质感和高级感都是视觉设计过程中的重要的元素，它们可以相互影响，共同营造出物体或设计的整体感觉。

那么，我们怎么通过提高产品的质感来给主图营造高级感呢？

我们再举一个例子，比如下面这款音箱。

首先，整体的主图设计风格简洁明了，只是通过几句话来描述了产品的外壳材质，并没有喧宾夺主，干扰产品的展示。

主图和背景一明一暗，一实一虚，增加了画面的层次感，让产品显得更为突出。

第二，通过场景营造来创造情感共鸣。比如在这张图片中，音响就被放在了一个书桌上。

把产品融入了消费者的日常使用情境中去，增加了产品与消费者的情感连接，给消费者展示了他们享受音乐的场景，以此来传达产品可以给他们带来的愉悦和享受。

第三，多角度展示产品。通过音响的不同角度和细节，可以使产品看起来更加立体和丰富。比如对音响正面、侧面、45 度角等多个角度进行展现，为消费者呈现出产品的全貌。

第四，材质和纹理。比如，在产品主图中，用“70年原木手作”来强调了产品的外壳材质以及制作工艺的考究，从木质外壳的纹理中，让大家感受到产品的高级感。

第五，展示产品优势。通过适当的文案来展示音响的独特功能或优势，比如10个小时的超长续航。

除了上面那几条，我们还可以在主图中加入人物元素，如音乐爱好者或使用音响的模特，可以增加产品的生活感和亲近感。人物元素也可以用来展示产品的使用场景和使用产品后带来的情感体验。

具体说来，要想提升质感，我们需要从以下几个方面入手： 

1.材料选择：选择高质量的材料可以营造出高级感。比如，使用丝绸、皮革、金属等高质量的材料可以让产品看起来更加高档。

2. 表面处理：对材料进行精细的表面处理可以增加质感。有的商家使用磨砂、拉丝、抛光等表面处理技术可以让产品表面更加光滑、细腻，从而营造出高级感。

3. 纹理设计：设计独特的纹理可以增加产品的质感和高级感。比如上面那款木纹的音箱的纹理设计，让产品看起来很精致。

4. 色彩搭配：选择合适的色彩搭配可以增强质感和高级感。低调、柔和的色彩可以让产品看起来更加高档。

5. 细节处理：注重细节处理可以让产品看起来更加精致。比如，精致的缝线、边角处理、标识等可以让产品更加高档。

总之，通过选择高质量的材料、进行精细的表面处理、设计独特的纹理、选择合适的色彩搭配和注重细节处理等方面，可以营造出产品的高级感。

产品展示逻辑

我们在淘宝上架主图的上限是五张，所以，主图的图片需要按照一定的顺序来。

在表达顺序上，我们需要综合消费者对商品期望的要素和产品本身的特性来最终决定展示的顺序。

比如，封面图或者产品视频是引流的关键，直接决定了我们产品的点击率和流量，也决定了消费者是否有兴趣继续往下浏览，这个过程包含两步：第一，点进来；第二，看下去。

当然，往下浏览的前提是先点击进来，所以，我们需要在这个环节重点突出产品中的感性要素，和消费者在情绪上建立起一种连接。

在产品展示效果上，视频比图片更具有感染力，因为视频的呈现，可以让消费者更加直观地去体验产品。

比如下面的这一款女式风衣外套，它的产品视频就是模特在场景中来回走动，搭配简单的肢体动作来对服饰进行展示。

当消费者被封面图或者视频吸引，点击进来之后会有分类展示，比如“视频”，“图集”，“款式”等等栏目。产品图集的内容就是模特在不同场景下的一些照片。

除了上面提到的这些，我们还可以展示不同的SKU组合，来提高产品的客单价，减少消费者在产品搭配上的一些顾虑，通过给消费者提供一系列的搭配建议来让顾客按照自己的喜好进行选择。

比如，这个店铺就给出了白衬衫＋黑色半身裙+风衣的搭配模式，并标明了搭配购立省45元的优惠力度。

最后一栏，是商品尺码对照表，对不同的尺码所对应的身高，肩宽，胸围和体重进行了详细说明，减少顾客在产品尺码上的顾虑。

总体来看，我们在主图的表达顺序上要遵循从感性到理性的表达逻辑，先通过感性的产品吸引消费者，再循序渐进地介绍产品特性，逐步打消消费者的购买顾虑。

详情页设计

产品详情页是展示产品详细信息的页面，通常包括产品的图片、描述、规格、特点、使用方法、售后服务等内容。

一直以来有这样一种观点：讲产品卖点不如讲产品利益点。这一部分人认为，产品的使用效果要比产品的卖点更能吸引顾客。

其实，无论是利益点还是产品的卖点，其目的都是为了让消费者更加全面了解产品，打消对产品的顾虑。

大体来讲，可以分为三大步，六个要点。

第一步，激发消费者对产品的兴趣。

在这个环节，我们可以做两个动作：

1.互利互惠

互利互惠就是要互相给对方好处，我们给消费者发放优惠券，在价格上让利来吸引消费者，消费者用这些优惠券下单，最终成交，这个过程对于买卖双方都是有利的。

具体来说，我们可以根据不同的产品特性，利用季节，店庆或节日等要素来开展一系列的优惠活动。

比如，最近圣诞节刚刚过去，元旦即将到来，这个详情页的开头就设置了双旦礼遇季的优惠活动，制定了优惠券的使用方法和优惠力度，以此来激发消费者的购买兴趣。

2.刺激痛点

消费者之所以购物，常常是源于某种需求，而痛点在哪里，需求就在哪里。因此，我们要向消费者讲明我们的产品和他们痛点之间的关系，刺激他们远离痛苦的心理。

我们可以通过竞品店铺产品的评论和问大家来了解用户的痛点。

比如，通过下面这个问大家页面，我们可以看到大家对充电宝的痛点有充电速度，安全性，和充电设备的适配度以及充电次数等等。

知道了消费者的痛点，我们就要在详情页展示那些可以帮消费者远离这些痛点的产品特性，

比如，充电速度快。

再比如，充电设备的适配度高，并给出不同款式设备的充电次数。

第二步，帮助消费者建立起对产品的信任。

这个步骤包含3个动作：

1.畅销好评

产品的销量多，好评多，在很大程度上可以反映出这款产品的质量和售后服务的态度。畅销好评是为了让消费者产生从众心理，是建立信任这个环节的最后一步。

比如，我们可以在详情页里，展示自己的产品在同类目产品里的销量排名，下面这款产品就在详情页展示了他们在天猫某榜单的排名和关注人数，以此来强化消费者的信任，利用大家的从众心理，做好消费者对产品的信任建设。

2.建立信任状

信任状指的就是通过第三方权威机构出具的产品检测报告，自身的品牌优势，名人代言等形式，让消费者对这些信任状的信任转嫁到商家身上。

比如下面这一款某充电设备的详情页，他们展示了产品的安全防护系统，并用产品的发明专利证书作为信任状来增强产品的信任背书。

3.承诺兑现

向消费者做出承诺，并不会让消费者产生信任，但是让消费者看到你有能力兑现承诺，或者有丰富的案例来支撑，这样就会让消费者产生信任。

比如下图的详情页所示，在物流方面，减少用户的购后等待时间，承诺次日达，并向消费者说明次日达的实现依据是“全国多仓就近发货”，打消用户在物流速度上的顾虑。

在产品上，承诺正品保障；在售后服务上，强调7天无理由退换，上文做出承诺，下文再指出实现承诺的保障措施。

第三步，推动消费者进行下单。

这一步要解决的是顾客为什么要现在下单，这里常用的技巧是制造稀缺，通过制造稀缺向消费者说明产品购买的紧迫性，给顾客一种现在不买，后面再买就亏大了的感觉。

比如常用的手法有，仅限XXX个名额，数量有限，售完为止。

从互利互惠，痛点刺激，到畅销好评，建立信任状，承诺兑现再到营造稀缺，构建起一个促使消费者下单的完整链路，这个链路适用于标品类目的产品。

对于非标类产品来说，则需要格外注意展示产品的调性和产品的细节，因为非标品没有相对统一的外观，所以我们在详情页必须要突出产品的亮点。

以女装为例，

首先，整体的店铺视觉调性要保持一致。

或是端庄优雅，或是清爽干练，我们不能盲目地把不同风格的产品放在一起，因为这样会导致视觉调性错乱，稳定的视觉风格会给消费者一种和谐的浏览感受。

其次，展示产品的细节。

比如，展示布料名称和优点，同时，把布料的具体使用注意事项讲清楚，这一点很重要，因为购后很多差评，并不是我们的产品不行，而是消费者不清楚产品的注意事项，结果因为使用不当造成了产品问题。

此外，我们还要向消费者具体说明产品的设计特点，比如在这款女装的产品详情页里，就介绍了经典小翻领和收束袖口两个设计细节，通过这些女装的局部特写镜头，可以最大限度地突出产品的亮点。

结语

一个好的产品视觉，可以吸引消费者关注，可以帮助消费者了解了解产品特性，打消购买顾虑，最终促成产品成交。

所谓的高级感，也并不是大品牌的专利，只要我们遵循一定的设计思路，也可以做出很高大上的产品视觉图。

优质的产品固然重要，但这只是我们作为一个电商卖家的入门要求，毕竟酒香也怕巷子深。因此，怎么提升产品的视觉，让好产品得到好的展示，是我们需要长期思考的一个课题。

此外，我们也不能简单地为了设计而设计，为了视觉而视觉，而是应该遵循产品的特点和目标消费群体的需求逻辑，这样做出来了图片才不会那么生硬，对产品的介绍也会更加符合消费者的期待。

*参考资料：铜舟学堂《Emily：关于主图及详情页设计的小思路》

▼ 往期精彩推荐 ▼