Canva可画首页
  1. 品牌学院

一看就懂的电商设计基础,详解产品详情图6大组成部分

一看就懂的电商设计基础,详解产品详情图6大组成部分

在电商设计中,产品详情图是商品的详细介绍,这个部分的设计直接影响消费者的下单率。详情页设计得不错,顾客还会进一步浏览其他商品或者店铺首页。

但详情图的设计不是内容越多越好,内容过多,会影响消费者快速找到想要了解的信息。因此,好的产品详情图不仅设计有看点,还要直观清晰地展示商品信息。

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : Stuart Weitzman

这篇文章就为大家介绍一下电商设计中不可或缺的产品详情图,点击文中模板(在新标签页或窗口中打开)即可开始替换图片,生成你自己的设计。

不同品类的商品的详情页结构是不同的,人们在挑选时最看重的地方也不相同。比如,服装类商品,最吸引人的是模特试穿效果,其次是衣服的版型、尺寸;数码类,最重要的是外观和性能参数,其次才是价格、售后等。

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : Valentino、alienware

虽然内容不尽相同,但详情图的结构是类似的。一般来说,产品详情图的设计都包括以下六个部分:店铺宣传图、商品海报(在新标签页或窗口中打开)图、产品展示图、产品细节图、产品尺寸图、品牌服务图。

1、店铺宣传图

我们自己在浏览商品时,会发现详情页其实并不完全是在介绍商品,其中还包含了打折活动、热销宝贝等信息。

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : Dell

这样做的目的其实就是充分利用详情页的流量,为其他活动和商品引流,增加浏览量,对店铺和消费者来说都是有益的。但是如果与消费者正在浏览的商品无关的信息放得太多,反而会影响阅读,留下不好的印象。

电商优惠券模板推荐 👇

一看就懂的电商设计基础,详解产品详情图6大组成部分

2、商品海报

新品上市时都有一张宣传海报,放在产品详情图中可以作为从产品展示到产品介绍的过渡图。这种由上至下的视觉流程可以很自然地将消费者引入商品介绍的部分,从而促进购买。

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : LA MER

商品海报模板推荐 👇

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

3、产品展示图

产品展示图是对商品全方位的图片展示,一般包括了主图部分的图片,而且展示了更多的产品应用场景图片。

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : Versace Jeans Couture

服装类的产品详情图设计非常注重实拍展示,需要多角度、多场景地展示衣服的试穿效果。数码、生活电器类的产品详情图要展示商品的各个角度,以及使用效果。

一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : dyson

手机电商产品详情图模板推荐 👇

4、产品细节图

产品细节图是对商品具体信息的介绍,可以让消费者对商品有更多的认知,比如面料、颜色、工艺等等。卖家对细节的详细介绍可以让消费者产生信任感,增加购买可能。

一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : ALEXANDER MCQUEEN

5、产品尺寸图

网络购物时,如果不看清楚尺寸买餐具、包袋、床品等物品,卖家和买家都会受影响。很多时候,即便有了详细的数字表明尺寸,人们对大小概念还是很模糊,更多的是凭借生活经验来感受产品大小,因此还可以展示产品和某物品的尺寸对应图,帮助消费者做出选择。

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : Swarovski

手机电商产品详情图模板推荐 👇

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

6、品牌服务图

这是产品详情图的最后一个部分,虽然很少会有消费者仔细地去阅读大段大段的文字,但对于品牌和店铺来说,这是不可缺少的形象展示部分。一般来说,品牌服务图有这四种内容:商品售后服务、产品护理提示、快递配送包装和品牌介绍。

一看就懂的电商设计基础,详解产品详情图6大组成部分
一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : Longines

对于数码、彩妆、服饰类目来说,品牌官方会授予一部分线下店铺产品分销。于是,一种商品在网购平台也常常会有官方旗舰店和品牌授权店两种店铺在售卖。非旗舰店通常会在产品详情图的下方展示出品牌代理书,以保证店铺销售产品的正品来源。

一看就懂的电商设计基础,详解产品详情图6大组成部分

Photo Credit : SEPHORA

手机电商品牌授权书模板推荐 👇

阅读更多

模板推荐

在线设计(在新标签页或窗口中打开)平台Canva可画提供了海量免费的设计模板,涵盖电商详情页海报优惠券主图图标等类型。只要你的设计素材(在新标签页或窗口中打开)全部来自可画素材库,在此平台发布的设计可以用于商业用途。

打开浏览器搜索 “Canva设计学院” 阅读更多设计干货、灵感文章,还有精美模板推荐,为你的营销和设计打开灵感。

推荐阅读

查看全部

设计学院

10万+免费模板 千万版权素材 在线作图神器

把你的想法轻松变为现实