专栏名称: 超级美工
中国电商设计第一公众号!定期展示最新电商设计案例,发布最热淘宝设计教程。关爱电商设计师群体。美工路上我们温暖相伴!
目录
相关文章推荐
龙视新闻在线  ·  飙涨600%!600亿美元大市场,要来了! ·  昨天  
龙视新闻在线  ·  飙涨600%!600亿美元大市场,要来了! ·  昨天  
蛋先生工作室  ·  2月24日:蛋价是触底回暖,还是昙花一现? ·  2 天前  
跨境电商Eason  ·  eBay跨境电商好做吗? ·  2 天前  
跨境电商Eason  ·  eBay跨境电商好做吗? ·  2 天前  
电子商务研究中心  ·  Temu韩国放大招 亚马逊涉嫌逃税遭调查 ... ·  3 天前  
51好读  ›  专栏  ›  超级美工

如何让你家店的主图脱颖而出!

超级美工  · 公众号  · 电商  · 2017-04-25 22:11

正文

今天转发一篇来自众安ZED的文章,原作者微信号zhongan_zed。

文章内容整体很实用,大家看下,是以保险产品为案例讲解。



PART 1. 关于产品主图


在淘宝的店铺设计中,一般可分为常规的产品主图和直通车两种。本文主要介绍在保险这个垂直领域,电商产品主图的设计。


主图作为产品的流量入口,对引流有着关键作用。


众所周知,淘宝商城的实物类商品所占比最高,这类型的商品通过真实的产品照片给买家带来最直观的感受。

例如:

生鲜类

牛排是新鲜的、好吃的;配色让人感觉是高级的。


3C类

iPhone 7是新配色是红色的,苹果产品图都是高逼格的。


童装玩具类

玩具色彩鲜艳,吸引儿童和家长的注意。 当产品图中出现高颜值商品时,买家的注意力自然会被商品所吸引并且点击进去,图片中无需太多文字描述。


但是, 面对虚拟服务类的商品时,由于没有直观的实物商品照片做展示,买家在选择和比较时则会相对理性起来


PART 2. 保险类产品主图的设计方法


近年,金融保险类商品在淘宝逐渐火热,这种服务类虚拟商品,并没有漂亮的实物商品照片用来展示,设计师要如何设计产品主图才能吸引顾客,并在众多保险产品图中脱颖而出?


1. 保险产品主图的构成

主要由文字说明信息、烘托气氛的场景和人物图片、运营性质的角标和底标(可选)、公司logo,这四个主要部分组成。

现在淘宝主流的保险产品图的结构:

目前比较常见的表达方式,是靠意向图和产品名称来传达信息,靠放大品牌或者利益点优势来凸显商品。

但想要在搜索结果中脱颖而出,更重要的是如何更深入、准确的传达给顾客一些潜在信息。


2. 产品图中影响用户判断的潜在信息


说到保险,大家必定会联想到金钱、投资、理财等关键字,这些关键字都跟钱相关 。用户对钱是很敏感的。

因此在保险电商的产品展示层面,要从视觉上向顾客传递一种感受,让敏感的心情平复起来。这种感受说白了, 就是我们想在产品图中传达的潜在信息,总结来说主要在安全感和亲和力两个方面

所谓安全感就是渴望稳定、安全的心理需求。 用户在保险电商需要的安全感,就是建立“这个品牌靠谱,这个保险产品靠谱”的观念。安全感可以通过设计来强化,信任由此产生,促进了商品的转化。


亲和力是一种使人亲近、愿意接触的力量。 很多人对保险的认知是负面的,产生这种观念的原因大多源于过去保险销售人员的不规范销售。这种观念,很难在一时改变,但是电商产品图的亲和力,是消解人们对保险的负面印象很好的工具。


既然安全感与亲和力这么重要,如何在设计中传达这两点呢?


3. 产品主图的安全感

当前的很多的产品主图,为什么让人缺少安全感?

很多虚拟商品的产品图视觉信息杂乱,有着牛皮癣小广告的既视感。

在选购虚拟商品时,看到的却是电线杆小广告,用户会被眼花缭乱的色彩和文字所干扰,这令人严重缺乏安全感。

颜色妖艳信息杂乱的小广告既视感

为了解决以上问题,整体提升产品图带给用户的安全感,我们从配色、配图、版式和一致性这四点来分析:


1) 配色

保险交易受用户购买的需求和动力因素波动很大,一点体验上的不足很可能让用户失去点击的动力。花花绿绿的颜色,初学PPT式的字体,很可能让用户给这个商品打上不专业、不靠谱的标记,而放弃点击。


主图这么小的面积中,信息的色彩不宜用过多,1-2种即可 ,信息颜色与背景色尽量拉开对比, 突出信息 ,让人一目了然。

左图文字信息颜色和配图颜色协调、符合主题,整体感觉统一;右图色彩过多


2) 配图

配图构成了用户对这个保险的第一印象。因此模糊的图片、灰暗的色彩、杂乱的背景都会让人产生粗制滥造、随意的感觉,很难让买家产生安全感。


因此,我们要尽量找与产品相关的、表现正向的高清图片;背景不宜过于复杂,尽量突出主体;同样,颜色也不宜过多,色彩尽量配合主图整体色调。

左图配图主体清晰、正向,并符合产品主题;右图配图背景杂乱,灰暗模糊


3)版式

合理排版和突出关键信息,让人一下子抓住重点。


在搜索结果中显示的主图,面积有限,不宜放置太多的信息,尽可能少的文字描述才能把关键的信息放大吸引注意。


一般按照左右或上下的结构来安排画面,信息可以做大小对比但不宜做变形 ,一定要对齐,给整体画面注入秩序感容易 阅读。


左图信息抱团,左对齐为主,利用字号对比强调重要信息;右图小字太小,版式结构和信息的对齐方式影响阅读


以800px*800px的主图为例,40像素以上的文字,在搜索结果列表的图片里便于阅读,40像素以下字号偏小。


4)一致性


众安保险天猫旗舰店现有几十款保险产品,我们在设计这些产品图时也充分考虑了一致性。 从版式、配图风格、字体,区别于其他保险店铺,形成统一的众安产品图的style。 想要在保险产品主图同质化问题严重的情况下突围,产品图必须拥有自己的品牌个性。

除了主图本身的一些视觉表现外,还需要注意的是 主图与店铺与产品商详页视觉上的一致性, 用户点击产品主图进入商详页面后给予一种“说话算话”的感觉,产品与买家间的信任关系也由此产生。

4. 产品主图的亲和力

亲和力源于人与人的心灵上的通达与投合,有亲和力的双方就有了合作的意向。 拉进买家与我们商品的心理距离,从而产生最大的转化。

加强保险产品图的亲和力,要注意以下两点:







请到「今天看啥」查看全文