如何设计详情页（如何设计详情页模板）

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

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

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

本文目录:

• 1、淘宝详情页怎么设计

• 2、怎么样做详情页？

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

• 4、详情页制作教程

一、淘宝详情页怎么设计

大家都知道淘宝详情页对买家下单起着关键作用，那么淘宝详情页设计到底怎样设计才能吸引人呢？其实淘宝的详情页从来都不是胡乱设计一通的，而是有固定的框架和模板的，下面就让我来告诉您吧。

• 01

  确定产品色系风格

  首先产品在设计之前先要确定好产品的设计风格、色彩、元素，比如美食类、餐饮类最好用明艳的色彩，像橙色、黄色、红色、绿色等暖色系，容易勾起人的食欲。也可以去网上找一些餐饮的设计小元素，会使得详情页整体的设计风格变得自然、简洁、大方起来。

• 02

  产品的品牌故事

  有了产品的设计风格，接下来还需要有效的内容填充，一个好的产品，最能打动人的部分，其实就是产品的品牌故事，它能令人看到一个产品品牌的发展历程，产品的核心理念、价值观以及品牌使命，人们很容易对一些传统历史悠久的产品工艺或者发明产生浓厚的兴趣，当一件产品穿上历史文化的外衣，有了文化的内涵和底蕴之后，就不仅仅是一件产品，而是一种文明发展的象征，才能得到更加广泛的认可。

• 03

  产品的基本信息

  产品的参数信息是最基本的，主要是一些产品的基本信息，比如产品的品名、产品的产地、产品的材质、产品的大小（尺寸）、产品的规格（单双）、产品的型号、产品的颜色等等。

• 04

  产品针对的人群

  所谓产品针对人群，就是指这个产品是针对老年人、中年人还是小孩等等，或者是产品的适用范围，比如护膝一类的，所针对的就是经常跑步、韧带损伤、快递员、负重、运动损伤、术后恢复、骨关节不稳或者从事特殊类工作类的如运动员、骑行比赛一类的人员。

• 05

  产品的成分功效

  一个产品好坏最重要的还是要看产清产品的描述内容，比如有哪些主要成分以及功效。如果有什么易致过敏的成分，需要特别标注说明。另外根据最新广告法规定，不应夸大广告说辞，也不要过份宣传产品的功效。

• 06

  提炼一个核心卖点

  几乎每个产品都会有一个核心卖点，这一点是吸引买家的关键，比如很多电饭煲会有定时功能，于是就有了“会叫你起床的电饭煲”“会唱歌的电饭煲”，护膝类产品，为了突出透气性、舒适性，于是就有了“一款会呼吸的护膝”等等。

• 07

  产品的优势在哪里

  产品的详情页设计里，还有一个比较重要的看点，那就是你的产品优势在哪里，毕竟现在的商家和产品都那么多，消费者的选择性也更多了，这个时候产品的优势就显得十分重要，最好可以做一个产品与其他产品的对比图，比如从细节、工艺、材质、效果方法，可以选择一件或者市面上的多款竞品进行分析对比，让消费者一目了然就看到你们的优势所在。

• 08

  产品的买家秀或者好评度

  当然一个好的产品用户的口碑是很重要，可以放上一些过去所买产品的消费者对产品的好评或者是买家秀，让买家可以清晰直观看到商品的好坏。

• 09

  产品的仓储物流

  当然除了产品的好坏，人们比较在意也就是产品的仓储物流，比如有没有充足的库存，或者是商品能不能到最快到用户手里，因为很多人都很希望能够立即收到宝贝。比如比较受欢迎的某东，就是因物流快而颇受好评，当天下单当天就能收到，尤其是在网上买一些贵重物品，那么物流的安全性就显得更加重要，也要用户优先要考虑的问题。

• 10

  产品的售后服务

  当然一个产品售后服务也非常重要的，一般正规店铺或者商城购买的产品都有比较不错的售后服务，也能够快速的退换货。因此正品保障、七天无理由退货、退换无忧、售后服务电话、旺旺等各种信息就需要写的非常直观明了，让消费者一眼就看到，如果遇到问题，也应在3-5个工作日内尽快解决，只要做好售后服务，那么消费者对产品的满意度才算百分百。

二、怎么样做详情页？

详情页就是点击宝贝主图进去后，有个商品详情，如下图

请点击输入图片描述xi

手机端和pc端默认点击去，都是商品详情，往下拉可以看到详细信息，主要是对商品的介绍，

图文并茂的解说产品的卖点，高品质的详情页可以提高产品的转化率。如何做详情页就显的尤为重要，可以买些模板在ps里做，切图后去图片空间上传，再去卖家中心商品列表那里一个个上传图片；也可以用美图王在线编辑，一键上传到淘宝

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

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

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

详情页的一般规律

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℃下还能恒温供水。哦~原来他在停电的状态下，还能提供热水，停电的夜晚也不再担心没有热水洗澡了等等。

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

产品参数

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

（一）、产品名称

（二）、产品型号

（三）、产品材质

（四）、产品配件

（五）、产品颜色等等

产品展示

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

细节展示

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

证书保证

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

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

买家须知

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

数据跟进

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

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

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

四、详情页制作教程

详情页的制作包括前期的策划和后期设计的执行，是由运营和设计协作完成的，只靠设计一人去做，即便是做出视觉效果不错的详情页，在实际使用中也不一样会带来好的转化。

在拿到产品后，运营应该首先确定好产品的目标销售人群，研究人群的性别、年龄、消费习惯等等基础信息，从而确定详情页内容的规划。

寻找产品的卖点。掌握自家产品在市场中处于什么的地位，具备和竞品相比的优势，同时根据买家对产品的关注点整理出3-4个重要卖点，在详情页中中带你体现。

输出精炼的详情页文案。详情页讲究的是图文结合，不只有图片的视觉效果，文字也会起到传递信息并提醒买家的作用。文案的提炼要尽量站在买家的角度去思考。最重要的一点就是不要试图用你的专业词汇去提升产品的逼格，多数买家看不懂，而且看完对产品不会留下任何感知。把自己当成一个小白，想想你在购物时最想了解的是产品哪些信息。用简洁的语言描绘出来即可。

当前期策划完成之后，就是设计的执行阶段。根据运营提供的目标人群喜好来确定适合产品的详情页设计风格。风格就像穿衣搭配一样，搭配得体就会给产品带来提升。乱搭的结果，要么就是辣眼睛，要么就是让买家觉得你的产品很不专业。比如高端男装可能更适合简约大气的路线，而潮流服饰则和动感街头风更搭，数码产品就需要炫酷概念感。

之后确定详情页的内容版块搭配，一般来说自上而下是创意海报、产品卖点、产品功能、产品效果、产品规格信息、产品对比、实拍展示、细节展示、品牌实力、物流售后信息、关联销售等等。根据自己的产品选择适合的版块去搭配。

修图。实拍图由于光线或者拍摄的角度等因素，会存在一些瑕疵，需要对图片进行调色或者精修处理。好看的外观是吸引买家的重要因素，特别是像服装这种极其重视视觉效果的产品。

确定每个版块的构图和搭配元素。单纯把图片拼凑在一起，肯定不会有美感的。图片和文字的构图，以及相应元素的点缀才会让详情页看起来更加的生动。为了契合整体的风格，文案的字体和颜色也需要做出对应的调整。

以上就是关于如何设计详情页相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

如何把照片做成文件格式（如何把照片做成文件格式发送）

如何在快手上直播（如何在快手上直播放电影-）

如何用手机制作电子相册（怎么做电子相册 用手机）

快手包括快手极速版吗（快手包括快手极速版吗是真的吗）

工作室英文名称（工作室英文名称怎么写）