在保险这个垂直领域 电商产品主图的设计思路分享
<p>在淘宝的店铺设计中，产品主图作为产品的流量入口，对引流有着关键作用。本文主要介绍在金融保险这个类别下，产品主图的设计要注意的点，和对应的设计方法。</p><p><strong>Part 1 关于产品主图</strong></p>
<p>商品的产品图，就是出现在各电商网站上的产品照片或者图像。</p>
<p>在淘宝的店铺设计中，一般可分为常规的产品主图和直通车两种。本文主要介绍的是，在保险这个垂直领域，电商产品主图的设计。</p>
<p><span style="color: #ff0000"><strong>常规产品图/主图</strong></span></p>
<p>搜索结果下方排列的产品，由产品主图和产品文字信息组成，按销量或其他条件排列的搜索结果没有竞价排名。</p>
<p>产品主图也在店铺首页和产品页面出现，作为产品的流量入口，对引流有着关键作用。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715123.jpg" /></p>
<p>众所周知，淘宝商城的实物类商品所占比最高，这类型的商品通过真实的产品照片给买家带来最直观的感受。</p>
<p>例如：</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715124.jpg" /></p>
<p>生鲜类</p>
<p>牛排是新鲜的、好吃的；配色让人感觉是高级的。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715125.jpg" /></p>
<p>3C类</p>
<p>iPhone 7是新配色是红色的，苹果产品图都是高逼格的。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715126.jpg" /></p>
<p>童装玩具类</p>
<p>玩具是五颜六色的，吸引儿童和家长的注意</p>
<p>美的东西是让人无法抗拒的，天然具有吸引力，当产品图中出现高颜值商品时，买家的注意力自然会被商品所吸引并且点击进去，而图片中甚至无需太多说明描述的补充信息。</p>
<p>但是，面对虚拟服务类的商品时，由于没有直观的实物产品照片做展示，买家在选购时则会相对理性起来。</p>
<p>有人会说，虚拟服务类商品要吸引注意力还不简单，找个高大上的海报模仿一下、或者打一些吸引人的擦边球、又或者搞一些夸张的创意，都会让画面看起来酷炫狂拽吊炸天～分分钟吸引用户来点啊！</p>
<p>这么想就危险了。</p>
<p>Part 2 金融保险类产品主图的设计方法</p>
<p>近年，金融保险类商品在淘宝商城逐渐火热，这种服务类虚拟商品，并没有漂亮的实物商品照片用来展示，设计师要如何设计产品主图才能吸引顾客，并在众多保险产品图中脱颖而出？</p>
<p><span style="color: #ff0000"><strong>1. 保险产品主图的构成</strong></span></p>
<p>主要由文字说明信息、烘托气氛的场景和人物图片、运营性质的角标和底标（可选）、公司logo，这四个主要部分组成。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715127.jpg" /></p>
<p>现在淘宝主流的保险产品图的结构：上下排版和左右排版</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715128.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715129.jpg" /></p>
<p>目前比较常见的表达方式，是靠意向图和产品名称来传达信息，靠放大品牌或者利益点优势来凸显商品。但想要在搜索结果中脱颖而出，除了这些显性的品牌和利益点，更重要的是如何更深入、准确的传达给顾客一些潜在信息。</p>
<p><span style="color: #ff0000"><strong>2. 产品图中影响用户判断的潜在信息</strong></span></p>
<p>说到保险，大家必定会联想到金钱、投资、理财等关键字，这些关键字都跟钱相关。用户对钱是很敏感的，因此在保险电商的产品展示层面，要从视觉上向顾客传递一种感受，让敏感的心情平复起来。这种感受说白了，就是我们想在产品图中传达的潜在信息，总结来说主要在安全感和亲和力两个方面。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715130.jpg" /></p>
<p>所谓安全感就是渴望稳定、安全的心理需求。用户在保险电商需要的安全感，就是建立"这个品牌靠谱，这个保险产品靠谱"的观念。安全感可以通过设计来强化，信任由此产生，促进了商品的转化。</p>
<p>亲和力是一种使人亲近、愿意接触的力量。很多人对保险的认知是负面的，产生这种观念的原因大多源于过去保险销售人员的不规范销售。这种观念，很难在一时改变，但是电商产品图的亲和力，是消解人们对保险的负面印象很好的工具。</p>
<p>既然安全感与亲和力这么重要，如何在设计中传达这两点呢？</p>
<p><span style="color: #ff0000"><strong>3. 产品主图的安全感</strong></span></p>
<p>当前的很多的产品主图，为什么让人缺少安全感？</p>
<p>1）淘宝售卖的同类保险，除了各家公司logo的区别，产品主图看上去很雷同。意向图和文字的相似，让人很难判断。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715131.jpg" /></p>
<p align="center">上图为淘宝搜索栏下保险类产品主图，配图也是大同小异，排版也是类似套路</p>
<p>有没有觉得很像！</p>
<p>2）很多虚拟商品的产品图视觉信息杂乱，有着牛皮癣小广告的既视感。</p>
<p>在选购虚拟商品时，看到的却是电线杆小广告，用户会被眼花缭乱的色彩和文字所干扰，这令人严重缺乏安全感。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715132.jpg" /></p>
<p align="center">颜色妖艳信息杂乱的小广告既视感</p>
<p>为了解决以上问题，整体提升产品图带给用户的安全感，我们从配色、配图、版式和一致性这四点来分析：</p>
<p><strong>1） 配色</strong></p>
<p>保险的购买，大多数属于一种"弱关系交易"，是从用户的自身需求为购买目的。保险交易受用户购买的需求和动力因素波动很大，一点体验上的不足很可能让用户失去点击的动力。花花绿绿的颜色，初学PPT式的字体，很可能让用户给这个商品打上不专业、不靠谱的标记，而放弃点击。</p>
<p>在主图这么小的面积中，信息的色彩不宜用过多，1-2种即可，信息颜色与背景色尽量拉开对比，突出信息表现，让人一目了然。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715133.jpg" /></p>
<p>左图文字信息颜色和配图颜色协调、符合主题，整体感觉统一；右图色彩过多</p>
<p><strong>2） 配图</strong></p>
<p>产品主图的很大面积是由配图组成，构成了用户对这个保险的第一印象。因此模糊的图片、灰暗的色彩、杂乱的背景都会让人产生粗制滥造、随意的感觉，很难让买家产生安全感。</p>
<p>因此，我们要尽量找与产品相关的、表现正向的高清图片；背景不宜过于复杂，尽量突出主体；同样，颜色也不宜过多，色彩尽量配合主图整体色调。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/article/201704/20170421111715134.jpg" /></p>
<p>左图配图主体清晰、正向，并符合产品主题；右图配图背景杂乱，灰暗模糊</p>
<p>
<div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁:
[1]