详情页如何设计（详情页如何设计背景）

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

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：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℃下还能恒温供水。哦~原来他在停电的状态下，还能提供热水，停电的夜晚也不再担心没有热水洗澡了等等。

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

产品参数

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

（一）、产品名称

（二）、产品型号

（三）、产品材质

（四）、产品配件

（五）、产品颜色等等

产品展示

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

细节展示

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

证书保证

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

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

买家须知

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

数据跟进

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

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

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

二、如何设计好一个商品详情页

1、首先要分析产品的特点，做好产品的规划，在文档上详细列出详情页的内容，然后按照规划的一一来做。

2、依据规划做出详情页，其中详情页的前三屏是比较重要的，第一屏默认是做海报，这张海报要体现产品的最大特色，然后一屏大概在700-800像素左右，宽度默认是750PX，高度不限制，但不要过长，建议在8000PX最好，基本上就是10屏的长度，前三屏直接影响浏览者是否继续观看详情页。

3、在众多卖点中找到一个最特色最主要的卖点来进行宣传，前三屏只展示最大的卖点即可，第二屏并没有什么普遍默认的，但一定要说产品的最大卖点，例如质量好，耐用等。但是要注意掩盖产品的短处，不要自我揭短。

4、产品的详细信息要写上去，比如衣服的尺寸，玻璃制品的规格，都要一一罗列上去，让买家可以一目了然，直接选择自己需要的大小，也可以做到第四屏，之前再做一屏产品最大卖点的展示。

5、前三屏展示完后就要根据产品其他的卖点，做介绍了，每一个都要根据之前的规划，把特点，优势等放到详情上，产品优势不止一两个，至少也要三四个。

6、按规划展示产品的特点，细节，内部结构等，让买家全面了解产品。这样的细节图也不止一个，比如衣服的就需要模特的侧面，背面，衣服衣领，袖口的细节图，至少要三四个，这样下来10屏就差不多用完了，还可以展示厂家实力，或是服务，买家评价等。

三、淘宝天猫详情页如何制作？怎么整理文案排版详情页

第一步：百度搜索“创客贴”，点击进入官网，进行注册。可以用QQ号、微信号、微博号或者手机号注册。这个软件有一部分是收费的，如果想购买会员，要用手机号注册；

第二步：进入设计工具页面，选择电商设计，点击菜单栏选择免费模板；

第三步：选择一个模板，点开就可以开始编辑了，文字、图片全部可以在模板内双击替换，如果模板的页面长度不够，可以直接用鼠标将底部拖长点；

第四步：点击“模板中心”可以使用免费的正版字体、原创插画以及背景图片，所有素材应有尽有，收藏下来就可以用；

第五步：全部做完后，点击右上角“下载”按钮，选择下载格式，确认下载就可以了。下载完的文件是图片格式，可以在淘宝、天猫后台直接进行上传。

四、淘宝商品详情页的要素设计

淘宝商品详情页的要素设计

宝贝详情页的设计也没有那么简单，掌握详情页设计基本原则的同时，我们还要了解制作详情页时需要什么内容?

基本原则一：信息图像化

文字是循序渐进的处理，同时能被记住的只有20%，而图片同步被大脑处理能记住的是100%，所以详情页面的描述应尽可能地图像化。

基本原则二：高效表达

内容不要过于臃肿，表达要清晰有条理，简单直接。不要影响到页面打开速度。页面载入时间过长，会影响销量。

基本原则三：要掌握客户最关心的点

你所认为客户最关心的地方，往往并不是客户最关心的;不同的产品客户所需求、所关注的地方不同，不同的产品顾客关注的地方也是各不相同。

了解了设计的基础原则之后，我们一起来看看：一个页面如何从抓住眼球到最终成交的逻辑，让页面深入人心，让页面可以帮助你说服你的消费者。

吸引顾客 留住顾客

客户的`需求：产品独特的卖点(与别人的产品不同的地方，产品优势)、活动价格优惠、不同的服务(购买产品能得到什么享受、服务)、痛点(解决问题烦恼)等。

比如说，服装类的产品顾客可能关注的是衣服的款式，模特穿着的样子，衣服的尺寸以及衣服的尺码，模特的身材体重以及他穿着的衣服的大小码对比。这样才能得出来自己穿起来是什么样子。

而功能性产品比如说保健品之类的，顾客关注的就是本件产品到底有什么功能。你的产品肯定要一个突出点，比方说缓解疲劳。需要打出来一点吸引人的地方，你的 产品与别人的为何不同，优势在于哪里。这里主要可以分为：近期热点事件、网络流行、新概念、主题氛围、生活主张、实际利益、好奇心、品牌的嫁接、新品上 市、产品创意、强视觉、名人效益、限时限量等。

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

推荐阅读：

详情页排版用什么软件（详情页排版用什么软件好）

怎么看图片详情（怎么看图片的详情）

旅游详情页设计思路（旅游详情页设计思路是什么）

房屋装修全包好还是半包好（房屋装修全包好还是半包好一点）

小区景观设计加盟品牌排名