产品详情页排版（产品详情页排版设计特点）

大家好！今天让小编来大家介绍下关于产品详情页排版的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

• 1、美工设计：店铺详情页设计技巧

• 2、设计产品详情页需要注意哪些细节?

• 3、淘宝店铺详情页怎么设计？

• 4、淘宝详情页排版，主要分为那几大块，先后顺序

一、美工设计：店铺详情页设计技巧

美工设计：店铺详情页设计技巧

上过淘宝的朋友都应该了解店铺详情页是什么样子的，那么大家知道店铺详情页是怎么设计的吗？下面我为大家整理了美工设计：店铺详情页设计技巧，希望能帮到大家！

详情页的一般规律

1、关联销售

2、焦点图

3、客户诉求

4、产品优势

5、产品参数

6、产品展示

7、细节展示

8、证书保障

9、买家须知

上面只是一般详情页的排版规律，具体落地的时候可以根据产品的类目（例如：母婴，女装，电器，箱包），页面的情况（例如：新店——没有销量基础的；主打高销量款页面——有一定的销量，主要是想优化改善）等等情况，可以酌情对页面顺序进行的调整，可以相应的加上：①晒好评，②品牌故事，③场景展示，④产品结构图，⑤安装说明等等。这些模块，除了给页面增值外，更充分的展示产品的优势。

"三思而后行——做好市场调查"

在做每一个设计之前，我建议每一位设计师都动手去做一下市场调查，例如：同行业的数据调查，消费人群的调查，消费人群的购地域调查，消费能力的调查等。做这一系列的调查，除了能加快您对产品的了解外，更能准确的扑捉到产品的针对人群，和定位。然而，一般从哪些途径去做这些调查呢？我为您介绍几个：

1、淘宝指数

淘宝指数是目前一个对分析消费人群的一个准确性较高的软件，

2、淘宝网站

在淘宝网站的首页，打上产品的关键词，然后对比同行的数据等等

在万事具备后，我们就可以设计页面了吗? 此时此刻，我又不得不大声对各位同学SAY NO，在充分做好市场调查后，我们还有一个步骤要做，就是要定下页面需要做什么风格的，需要用些什么元素？需要用什么色调？然而，要怎样去确定这些要素呢？下面，又是我的开班时间了··

万事开头难——确定风格元素

在确定页面的风格，色调，运用元素，这个上面的市场调查有着息息相关的联系。具体要做怎样做，请看我今日开班有说：

1、外观

1）根据产品的外观去定产品的风格

2）根据产品颜色去定页面色调的

2、工艺

根据产品的'一些独特的工艺，去奠定整个页面的风格调性的

3、季节性

根据季节性，结合产品的一些买点，完美结合展现页面调性的

4、时事性

把时事相关的历史几何起来，营造出一个故事的氛围，从而奠定一个页面的调性，例如：美的赤兔马电热水壶

点睛之笔——首焦图

首焦图主要包括以下几点：

1、页面主题

2、产品

3、优惠信息/功能性信息

客户诉求

该板块主要包含了以下几点：

1、客户在购买前遇到的烦恼

2、客户在使用过程中遇到的烦恼

产品优势

在展示这一模块的时候，我又要强调一下，很多同学会有这样的错觉：觉得把产品的买点放上来展示就是突出产品的优势了。其实不然，很多时候我们要站在客户的角度去思考，例如：我为什么要买这个热水器？家里不是已经有吗？为什么要换新的？哦~原来它智能的，在±1℃下还能恒温供水。哦~原来他在停电的状态下，还能提供热水，停电的夜晚也不再担心没有热水洗澡了等等。

上诉的例子不知道同学们看懂了我的意思没有？透过这个例子，我想告诉各位同学，产品的优势这一模块的展示的最主要作用是用来解决顾客的烦恼的，直白的说就是顾客烦恼什么，我们就要把产品可以为顾客消除烦恼的那一边展示出来。

产品参数

在到了页面的承上启下的部分，我建议各位同学，把产品的相关参数再次亮出来，第一，可以加深顾客对产品的印象；第二，起到一个转折的作用，产品的参数的相关类容我就粗略的列举下，（备注：根据产品的不同类目，同学们要适当的稍作调整哈）

（一）、产品名称

（二）、产品型号

（三）、产品材质

（四）、产品配件

（五）、产品颜色等等

产品展示

产品展示这一块，我就不展开细说了，这一模块顾名思义是：展示产品，引导顾客去深入了解产品的结构的，在此环节，可以适当的加上少量为文案，对产品有一个简单的描述，增加页面的可看性。

细节展示

到了细节展示这一块，这一个模块的主要作用，是更详细的，更具象的告诉顾客产品的优势在哪里？放大每个细节加深顾客对产品的了解，从而引导顾客购买产品，达成成交额。

证书保证

提到网购，很多顾客唯一一点比较担心的就是：质量上的问题。要怎样才能让顾客消除一定的心理障碍呢？出来晒好评，晒信誉外，最能证明实力的莫过于一张国家质检合格证书，还有三包服务"包换、包退、保修"

所以，我建议各位同学，在做电器产品或者母婴类目的时候最好是吧质检合格证书拿出来，让它占据一席之位，也好给您的页面增增值。

买家须知

买家须知这一模块，也许很多同学觉得不必要，但是我不得不说有这一个模块可以规避卖家在购买时的不必要误会，减少很多售后问题。

数据跟进

页面做好后，我建议各位同学不要忘记后面对店铺页面的数据根据，通过观察数据，才能更好的完善和改进页面，进步不是一蹴而就的。

综上所述，纵观全文，我今天的授课内容也就说完了，总结起来就是要做好一个详情页面，不但只要一个好的技术操手，更要懂得去分析市场，了解产品，所以，秀的页面做下来会有这些步骤：

熟悉详情页的一般排版规律、做好市场调查、确定风格元素、开始制作（首焦图、客户诉求、产品优势、产品参数、产品展示、细节展示、证书保障、买家须知）、数据跟进。

二、设计产品详情页需要注意哪些细节?

设计详情页时需要注意哪些问题？

什么是详情页？

详情页是产品内容的体现，是商家展示产品信息及卖点的页面，是体现产品内在美、容易使客户产生共鸣的页面。产品详情页要与产品主图、产品标题相对应，产品详情页必须真实介绍产品的属性。一个完整的产品详情页的作用就是告诉消费者产品是什么。产品的价格、外观、功能，以及产品与同类竞争者相比较的优势等。详情页一般由以下部分组成：首图 Banner、产品信息、产品外观展示、产品细节展示及产品功效介绍等。对于每个不同的产品，都有其自己定义的详情页。作为电商首先的一个工作就是要把商品详情页设计好，只有这样才可能吸引越来越多的用户去浏览。一张好的详情页可以大大的提高店铺转化率。

详情页设计对于公司和产品的重要性：

1、聚焦产品的卖点和亮点

同一种产品如何在众多商家中脱颖而出，详情页很重要。用户浏览产品时间短暂，详情页是否聚焦卖点和亮点，是否满足客户需求，是否解决客户顾虑点，影响着客户是否继续关注后续内容以及是否有购买行为。

另外详情页是用户完整使用产品时必经的页面，产生关键的产品数据，比如：内容型产品，会在该页面产生阅读量、播放量等；电商型产品，引导用户做购买决策等。详情页吸引力越高，用户停留的时间就会越长，所以产品详情页设计不光要有良好的视觉效应，还要有缜密的构思、精美的排版，对客户做积极引导，将直接影响产品交易的转化。

2、展现公司实力和强化信任

产品详情页是核心的展示区域。要让客户真心地放心地购买产品，产品详情必须展现企业的实力和产品的可信程度。

优质的产品详情页能够展现企业规模、产品细节处理、特色之处、设计过程、制造流程，并注明产品鉴定方法、使用方式、注意事项等，体现企业对顾客的真诚。另外产品详情页布局的每一个屏设计紧密结合材质、功能、尺寸等产品信息，不能过度修饰，若造成与产品本身相差甚大，不仅使得客户反感没有欲望，还会失去大量客户。

3、 产品详情页能够激发客户购买欲望

产品展示只能是客户间接感官，不能直接接触。因此，客户有无购买欲望与产品图片、产品描述等详情质量决定的。

产品详情页架起了客户与产品深度了解的桥梁，吸引买家深入了解产品，或者引导买家浏览店铺中的其他商品，已达到进店流量的利用做大化。对店铺的销量起着很重要的作用。优质的产品详情页能够对客户的购买行为产生正面积极影响，能够激发客户消费欲望，树立信任感，促使客户下单。即产品详情页承载了店铺的流量和公司的订单量。

设计详情页需要注意的内容：

在商品详情页是吸引客户购物的前提下，将各类关键要素最有效地进行合理的规划设计是落实核心设计策略的第一步。常见的商品详情页，设计时主要注意的内容包括视觉要素、品牌要素、商品要素、服务要素、营销要素和互动要素。

1、视觉要素

重视觉营销服务，通过视觉提升整体导购环境质量及感官体验。详情页设计所用图片、文案、字体、排版、配色等诸多因素的整体风格都需注意。通过高质量的详情页的视觉效应，第一时间抓住消费者的眼球。还有注重烘托符合产品特性的氛围，使产品在特定环境中的使用状态的表达更容易使消费者产生共鸣。

2、品牌要素

并非单指商品所属的某个品牌，而是指在商品详情页上，所展示出的品牌特征性，包括商家的信誉水平、商家认证资质、服务评价及评分状况、商品品质等。注重商品品牌与品质的塑造，这是构建消费者信任度的基础，无论是什么类型的商品详情页，构建信任度是消除用户购物顾虑的关键因素。

3、商品要素

包括商品的标题、商品图片、规格参数价格、库存、功效、工艺、品牌、品质、使用场景等。商品要素是详情页设计过程中的核心要素，通过商品要素的各类信息展示，能向消费者传递商品的价值性。

整个商品详情页，需要合理地排版布局商品要素的各类信息，让消费者对商品的了解由浅入深，由不信任到产生购买兴趣，从而逐渐影响消费者对商品的认知。

4、服务要素

与商品要素紧密相关，商品详情页必不可少的部分，服务至上是建立消费购物信任度的关键。无论是实物类商品还是虚拟商品，在电商平台的销售过程中，都必须附带上丰富的、高质量的销售服务，通过让消费者感知销售服务的质量水平和便捷性，进步提升消费者购买商品的决策信心。

5、营销要素

主要是指商品的促销活动与优惠政策，以及商品的各类关联推荐等营销元素，常见的营销要素包括促销信息、促销标签、优惠信息、返利、奖励、赠品等。注意营销技巧的合理运用，无论是促销工具还是价格工具，核心都是为了最大化吸引消费者的注意力，影响消费者的心理。

6、互动要素

主要是指在商品详情页的浏览过程中，提供给消费者进行人机互动操作的功能元素。无论是浏览、分享、下载、收藏、还是加入购物车或直接购买，都应让这些工具便捷地出现在消费者的视野中，让其随时随地能基于场景进行高频的互动操作。

三、淘宝店铺详情页怎么设计？

详情页是根据产品来设计的。前期的准备工作肯定要做到位，不然你的详情页可能无法发挥出它应有的作用。

首先你要知道你的产品准备卖给谁吧，目标客群的人群画像如何，他们的年龄、性别、消费习惯、阅读习惯等等，这些东西在拿到产品的时候心理就要清楚，不然你的详情页肯定不合他们胃口。就像都市白领和在校学生，他们的购物习惯和阅读习惯肯定是不一样的，不能针对性地设计详情页，肯定无法引起目标群体的兴趣，不愿意看就无法了解你的产品，何谈成单呢？

再一个就是对于你的产品你要足够的了解，还要了解市场。你的产品在市场上处于什么样的地位，和竞品对比又有哪些优势。毕竟现在淘宝上的商品同质化很严重，你的产品在那么多同类中如何快速抓住买家的眼球就很重要了。这就是要提炼产品的卖点，让产品拥有和竞品不一样的地方，有让买家第一眼就记住的地方。

卖点有了之后还要想文案。相当于你怎么用文字把你的卖点包装得更引人注意。这一步还是很考验文案能力的，既要简短还要有亮点。有很多详情页都是败在这一步了，文案写成了说明书，看之无味。

前期工作做完之后就该设计登场了。设计首先要把控的就是根据运营人员提供的人群画像来定整个详情页的风格。风格就像穿衣一样，得体就会增色，乱配自然会扎眼。接着是根据产品去设计版块，开头的位置肯定是一张醒目的视觉效果海报，为了让通过标题或者主图进来的买家能有继续看下去的兴趣。

海报之后紧跟着展示卖点，这是为了让买家能第一时间清楚知道你产品有哪些优势。然后是效果展示、全方位外观展示、细节展示、品质认证、售后保障等等各种能打动卖家的信息都放上吧。

四、淘宝详情页排版，主要分为那几大块，先后顺序

第一页海报，第二页组成信息，第三页具体成分，第四页详图，第五页可以放好评截图，第六页描述细节优点，第七页使用方法之类的，第八页美图，第九售后保障

以上就是小编对于产品详情页排版问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。

推荐阅读：

投资理财产品排行榜

2015十大互联网理财产品排行榜（2015十大互联网理财产品排行榜最新）

产品设计专业最好的大学（产品设计专业最好的大学排名）

男生跟着你点赞别人（男生跟着你点赞别人什么意思）

上海日式景观设计作品展（上海日式景观设计作品展示）