微商网专注微商品牌宣传推广，提供微商最新资讯：

（这篇文章虽然很长，但是还是很有趣，内容也很丰富，不信你试试

～）

写在前面

以前我花了很多时间写主题页面设计的文章。 现在我觉得是时候在详情页多写点文章了。 虽然服务于平台的设计师可能几乎不需要设计详情页，但对于服务于店铺的设计师来说，详情页几乎是必须的。

但和之前一样，我会用自己的语言从营销/心理学/人性/文案/排版等多个角度来解释隐藏在详情页设计中的奥秘。

在进入主题之前，我还是先给大家提一个提纲：

1.详情页的结构

2、文案格式

3、从人性角度解读详情页设计

4、详情页设计注意事项

1.详情页的结构

以淘宝、天猫、京东等综合性电商网站为例，一个完整的商品详情页的作用就是告诉消费者这些：我是谁/我长什么样/我能为你做什么/为什么我值得购买/你就买我。

因此，详情页一般由以下几部分组成：首图+商品信息+商品外观展示+商品详情展示+商品功能介绍（比如自身的各种优点）+其他（比如XX推荐/各种证书/物流信息/购买上门展示/售后说明等）。

以一款日本大豆冰淇淋的详情页为例（其实我不懂日文，只是看图片猜了一下内容，应该是差不多的

）：

事实上，如果让别人来设计这个产品的详情页，中间至少应该插入一些外包装和产品各个角度的细节图片。 如果有一些真人吃的好玩又好吃的场景的照片就太好了。 但这里并没有这样做，而是主要强调产品的健康营养。

这其实说明，同一个产品，不同的人可能对自己想要表达的东西有不同的侧重点，不同的侧重点就能吸引不同的消费群体。 按照我的思维方式，可能是喜欢美食、好玩、好看的买家，但目前的思维可能会吸引注重健康饮食的买家。

反之，不同品类的商品详情页的关注点和展示方式当然也会有所不同，主要体现在以下两个方面：

板材顺序：

以服装类目为例，一个完整的详情页一般包括首图/衣服信息/尺码/模特图/白底图/细节图/洗涤说明/买家展示/物流信息等，除首图外这里必须出现除页面头部的这个位置外，其他多条内容的位置可以根据需要互换。 例如，产品信息和信息可以放置在服装图片展示的前面或后面。

栏目内容：

另外，除了标题图片/商品信息/商品展示等部分，其他很多内容似乎都被去掉了（比如买家秀物流信息等是可选的），主要看这些内容展示对消费的影响。 对买家来说有必要吗，对店主来说有没有优势或者必要性，如果没有优势，最好不要放，比如有的买家秀不好，你硬要放在详情页上，这不是等于弄巧成拙吗？

？ （当然，有的店会摆一些假买家秀……）

（详情页部分的内容比一些自认为大牌的大牌官网或者旗舰店的详情页最简洁、省事。除了白色的背景图片和一些说明文字外，还有几乎没什么别的了，你可以搜索苹果旗舰店。同上）

回到正题，对于一般的店铺或者品牌来说，如果看整个详情页的话，一个完整有效的详情页也应该有这样的套路结构：先用第一张图片吸引消费者的注意力，然后用各种功能讲解让消费者了解产品/精美的图片展示让消费者深入参与/危险的例子让消费者产生恐惧等等，让他意识到有必要购买你的产品，然后详细给出使用说明或专家建议体现贴心服务，最后给出一些口碑推荐或者品牌认证，打消消费者最后的信任顾虑，再看看你家的评价也不错，价格也合适，下单自然就咯。

2、文案格式

详情页的文案其实对于我们设计详情页来说是非常重要的，因为产品决定了文案，而文案决定了你的详情页如何设计。

文案相当于叙述者根据产品的气质进行的解释。 产品的气质不同，自然文案的气质也会不同。 比如，如果你卖的产品很卡哇伊，那么你的文案语言自然会更加活泼。 不认真的，如果你的产品很高端，语言上自然会是优雅高贵，而不是自由散漫。

根据这些规律和特点，我估计详情页文案可以先归为这几类，以后发现新发现再补充：拟人/自我放纵/搞笑/艺术/炫酷/平实等，让我举一些例子：

拟人化：就像将一个产品拟人化，用产品的基调来推销自己。 适用于任何想走亲和路线的品类，品类不限。

以我年初设计的一款零食的详情页为例，虽然这款零食的礼盒看起来是那么的火爆风格。 。 。

但我还是决定将文案拟人化，包装成可爱、美味、友善的设计风格。 最终效果图如下：

自称：说白了，一般人不会这样说这些文案，因为会显得太造作，往往是一堆别扭的形容词和修饰语，适合任何想走高端严谨路线的人，所以品类不限，比如数码科技服装、鞋包、护肤品、美妆等。

看看苹果的文案，例如：

文案：不止大（说白了就是大）

文案：比时代轻、超前（说白了就是轻、超前）

再看看La Mer的文案：

文案：聚集稀有能量，让你的肌肤呈现奇迹（说白了，就是可以让你的肌肤变得更好）

文案：匠心宁炼稀有珍贵提取物（说白了，非常珍贵的海藻提取物）

搞笑：这种文案风格往往是搞笑或者无厘头的，让人感觉简单却又过瘾。 适合任何可以用来搞笑或者恶搞的品类，比如一些二次元周边产品/成人用品/日常用品等等。

比如这家歪瓜生产店的产品/文案/设计风格基本上都是这种搞笑又廉价的画风。 。

文学性：读完这样的文案，让人感觉有一种根深蒂固的文学气息，适合任何走文学路线的品类，比如茶叶、家居服、鞋包等。

淘宝上有很多文艺店，比如：

白：没有什么是自然发生的

文案：

文字是胶印的，非常立体。

近似的颜色不会太突兀，

与标语不同，这些文字适合安静地阅读。

耍酷：这种文案给人一种感觉，如果你买了我的产品，你就是世界上最酷的，你是最有魅力的想做成人用品的微商，你是最独特的。 叛逆期的青少年最喜欢。 适合定位这类人的类别。

比如3年前的阿迪达斯广告：“太不幸了，这就是我”

他们说：“太粉红色了。” “太粗暴了。” “太放肆了。” “太夸张了。” “太假了。” “太快。” “太沉闷了。” “太有母性了。” “太有男人味了。” “太完美了。” “太幼稚了。” “太狂热了。” “太懒。” “太奇怪了。” “为时已晚。” ……

有不同的意见，但你只需要回复：不幸的是，这就是我。

后来很多品牌都模仿这个广告，比如颜色/形式/创意/文案等等。 题外话微商引流找青鸾传媒，我发现只要是好玩、酷、年轻的品牌，基本都喜欢走这个套路。 。 ……不过，我现在对这种事已经不太感冒了。 几年前我确实有过一种共鸣的感觉。

。 。

可爱：给人一种乖巧可爱的感觉，尤其是反差萌的文案最好，让人忍不住想多看几遍或者分享给朋友，比如故宫里的淘宝，那些皇帝和皇后明明是一副很冷酷的形象，画风怎么会这么可爱呢？ 一下子拉近了与消费者的距离：

平淡：这种文案比较直白但保守，给人一种规规矩矩、呆板的感觉。 大部分反应平平的店铺详情页文案基本都是这种类型。 流行/没有创意无法对消费者产生任何影响。 情感共鸣，优点是省事，不啰嗦，而且是一手付钱，一手送货的纯粹买卖关系。

我不会发布这样的案例，因为这样的案例还有很多

。 。

另外，文案还受到呼声最高的老板或店长的喜好和情绪的控制。 这就像每天习惯了大金链子和厚手表的老板一样。 是无法理解和理解的。 允许你给他一大堆文艺文案，因为他根本就不是一个这样的人。

3、从人性角度解读详情页设计

正如我在上一篇文章中提到的，详情页相当于线下展柜一角的推销员。 既然涉及到销售，那肯定会涉及到人性的运用，而详情页的设计老师的作用就是利用这些人性，以文字和图片结合的形式来设计详情页，这样让人忍不住想买~

接下来，我将从以下10个人类视角来分析详情页设计的套路：色欲/品味/贪婪/恐惧/懒惰/从众/自恋/炫耀/好奇/同情。

情欲：关于人性的这一点是男女皆宜的。 当男人看到一个美丽或性感、胸大腰细、腿长的女人时，往往会不由自主地多看两眼。 女人看到帅气或者性感强势的男人也会变得花痴。 ，这就是为什么你会看到无论什么类别的详情页，只要有可以放置模特的地方，你就会尽量放置更多的美体或颜值代言人。

尤其是内衣/成人用品/健身等等，都在诱惑着美好身材的人：

花瓣搜索内衣详情页的设计，基本上是这样的：

不过以上方向大多让人觉得买了这个产品后，也可以拥有这么好的身材来吸引异性的注意，但现在很多人的思想已经解放了，连内衣也可以是为了取悦自己，而不是为了取悦自己。取悦异性，所以美丽/舒适/健康也可以成为详情页突出的诉求点，而不仅仅是表达性感。

美味：几乎没有人能拒绝美食的诱惑，但人们如何判断它好吃与否呢？当然，首先是通过视觉或嗅觉来判断它是否美味，然后你才会有想吃它的冲动。 对于详情页设计来说，它无法散发出气味，所以只能是视觉上的，食物类别不用多说，比如透明闪亮的三文鱼，颜色丰富、皮上附着水滴的葡萄，蒸着粒粒饱满的白米饭，咬一口就流出鲜汁的汤包等等，这些光泽/水滴/热风/流汁/多色等都可以作为氛围点缀元素，激发用户的美味本性，让他们做出美味的食物。当他们看到照片时流口水

。 。 。 哈哈~

不仅是食品品类，很多护肤化妆品/饰品/玩具/服装鞋包也会利用人们美味的天性来跨界设计，主要是利用产品中某些成分的颜色或者质感，比如蜂蜜/芦荟/海藻精华：

再比如一些马卡龙色/糖果色的衣服鞋子包包，还有一些美妆护肤品看起来就想咬一口。

贪婪：人都是贪婪的。 如果你以前是自由的，如果突然收费，就会被一些人骂。 如果你给出便宜的价格，别人下次就只想要便宜的价格。 如果您提供良好的服务，其他人下次就会想要更多。 服务好（这就像我在网上免费分享和写文章近2年了，但时不时会遇到一些贪心的人，在吸收我提供的知识的同时，他们会挑选地告诉我一些很有趣的事情。如果文字难看，有时候写的内容不合他的胃口，他就会让我改操作或者骂人。拜托，这是我业余时间用的公众号自己编码，自己操作，自己工作，我觉得只要有责任心，够勤奋，坚持分享知识就够了，有些人不懂得感恩，不为知识付出。

）。

商家掌握了人性中贪婪的特点后，会时不时地组织一些满减/打折/赠品/涨价，往往能起到很好的转化效果（但不宜太频繁，否则就相当于路边的清仓大甩卖总是说最后三天，然后也许3年后，他们还在清仓大甩卖

，谁信呢~）。

这也是为什么有些详情页有这些折扣和赠品的原因，或者是红黄颜色加粗字体的原因，因为这样给人一种活泼、促销的感觉：

恐惧：一些用于改善人们的外表、身体健康、生活质量、生命安全等的品类产品，特别喜欢用人性的恐惧，比如一些牙齿美白/减肥产品/去角质/去角质黑头/腰酸治疗/防脱发/疤痕修复产品等等，详情页上总会有一段内容让你不忍心看，有时甚至让人觉得没胃口、忍不住但想关闭页面：

（我已经恶心了..你们继续看文章，请不要再看这张图..）

所以，要利用人们的恐惧心理，否则人们会很反感你，会想继续阅读和购买你的产品，所以这种版块大多放在详情页的最后，而不是在前面。 部分原因是这些图像导致消费者关闭页面的风险太大。

前几天，一个女孩让我给他看一个详细的防止脱发的页面设计。 一打开光头全屏，我顿时没了胃口，立马关掉了页面，于是我就在想，其实我们在利用人的恐惧心理时，是不是可以克制一点，或者美感多一点？ 。 。

懒惰：比如以前没有风扇、空调的时候，夏天我们就用手拿扇子来扇风。 后来几乎家家都有电扇、空调。 ，谁会在那里拿着扇子？ 当你躺在沙发上一动不动的时候，让风扇或者空调运转是多么舒服啊。

从某种程度上来说，满足用户的懒惰需求无非就是节省他的时间/让他减少运动，从而给他带来愉悦或者舒适，所以你会看到很多便携产品/某某智能扫地机，某某智能冰箱、空调、洗衣机等，详情页设计几乎就是想把这些看似温暖或愉悦的感受传达给用户想做成人用品的微商，并结合产品使用场景图给消费者一种代入感，仿佛他买了一样这款产品也能像图中主角一样舒适别致，让我忍不住买了。

众：以前听过一个笑话，说一个人在路上发呆地看着天空，他身后经过的人也会跟着他一起看天空，最后大家都在看天空，但是，在事实上，天上的一切不，很多人根本不知道自己在看什么，但别人在看，所以他们也在看。 这就是随大流，也叫跟风。

这种从众的人性在详情页设计中也很常见，比如在详情页放一些买家秀的照片或者买家感言，或者发布一些好评，甚至有的卖家会做一些关于商品的信息。买家刚刚提交的订单（当然，基本上是假的，只是一个gif，几个名字重复出现），但大品牌应该很少这样做。 一方面，没有必要这样做。 另一方面，如果图片看起来更好一点就好了。 如果不好看，就会感觉价格有点下降。 微商产品大概最喜欢这样做。

自恋：从内心深处讲，几乎没有人认为自己不漂亮、不聪明、不可爱，或者特别不可爱。 有时候即使别人说这个不好那个不好，但内心深处还是应该觉得你很好，不然为什么你可以讹诈自己，但为什么当别人真的评价你不好的时候你会感到不舒服呢？ 从这个意义上说，人其实是自恋的。

既然如此，你自然会觉得自己应该配得上更好看的衣服、更好的服务、更好的生活。 比如你会看到很多美妆、护肤、服装、鞋子、包包、汽车等，详情页的设计就会用到一些皮肤太好了/笑容好自信/造型好好酷/身材好/头发好软等等，目的就是让你有一种错觉，如果你买了我的产品，你就会像我一样迷人、自信、成功。

从这个维度来说，利用人类的自恋特性和利用人类的恐惧特性是两个完全相反的方向。 前者抬高你、恭维你，后者贬低你、刺激你。 不管是哪一个，都应该足够了。 否则，就会适得其反，因为前者是给予较高的期望，后者是给予较低的评价。 如果超过一定限度，你就会得到坏名声或者令人厌恶。 这个限制如何设定取决于你能接受的程度。

炫耀：每个人都有炫耀的欲望，比如炫耀自己的品味/财富/地位/人脉/外表/身材/努力/知识/等等。 只是不同性格的人喜欢炫耀的东西和隐藏的程度不同而已。

这体现在详情页的设计上，就是让你的详情页尽可能的特别，要么漂亮到新高度，要么丑到无与伦比，要么玩法新颖。 引起轩然大波。

所以就有了一个很奇怪的现象。 以前，你会觉得吃辣条很傻，偷偷地吃就可以了。 现在你发现很多人买了卫龙辣条，然后发朋友圈。 不得不说这个定位转型确实相当成功。

总之，无论你怎么解决，如果你想满足别人的炫耀欲望，你就必须创造让别人谈论的可能性。 这就好比，如果你丑陋、平凡，谁会愿意多看你或者多谈论你呢？

好奇心：这个体现在几个方面，比如详情页的内容结构和文案，能够不断提出问题，而且是环环相扣的，让人忍不住想要找到答案并继续阅读，有时我们会看到一些模特的照片或者构图，往往只出现/被框住脸部的一部分，我知道这大多是为了避免侵权，但有时确实会让人感到很好奇，想要找出真实的面孔。

同情心：对弱者的同情心也是一种。 比如，在详情页讲述一些简单的悲剧或者简单的个人故事，就会让人想要帮助他，或者觉得他永远值得依赖，所以情不自禁地买买买，比如，我发现很多茶叶详情页都遵循这样的套路：

但同样是茶，有人走文艺路线：

总之，关于详情页的设计，你有很多选择和玩法。

4、详情页设计注意事项

详情页的设计简单易行，但也很难说，因为除了设计让消费者有购买欲望之外，还得注重用户体验，防止字体/素材侵权，以及避免使用违反广告法的极端词语。 我被抓住并抱怨。 为了避免出现上述情况，我总结了以下一些详情页设计注意事项。 希望对大家有所帮助。 另外，欢迎大家在评论中补充说明：

(1)详情页的尺寸

PC详情页尺寸：

宽度：天猫790px、淘宝750px、京东自营750px、京东第三方790px；

身高：不限；

手机详情页尺寸：

宽度：750px≤宽度≤（有人直接在PC端适配750px或者790px的宽度，好像都可以）；

高度：无限制（为了方便页面加载，后台上传图片时，京东详情页每张裁剪图片的高度不能超过，淘宝天猫没有限制）；

免责声明 ① 本网所刊登文章均来自网络转载;文章观点不代表本网立场,其真实性由作者或稿源方负责 ② 如果您对稿件和图片等有版权及其他争议,请及时与我们联系,我们将核实情况后进行相关删除 ③ 联系邮箱:215858170@qq.com