文档介绍：: .
【案例分析】四大步带你拆解爆款详情页的
体现，对产品拍摄要求较高，否则无法与页面效果匹配。

突出运动男性理念（针对年轻男性市场），表现活力、硬派概念。首先，从网上找了四张
图，通过拆解别的人页面，汲取别人好的地方，作为整体页面的色调规划和产品部分元素
的规划参考；其次，考虑到产品特性，将页面定位为深蓝色调，制作玻璃透明感的元素搭
配页面；最后，视觉上大方向确定，着手理顺页面框架结构。

（1）硬派型男，海纳百川
一屏广告图，营造产品概念；（2）全球型男必备，王牌护肤——男士焕能净爽激活水
开启男士护肤新一步：Ⅰ.深层控油；Ⅱ.清爽保湿；Ⅲ.提亮肤色；Ⅳ.收缩毛孔；Ⅴ.须后
护理（二屏广告图，营造产品定位），因为产品是男性产品，需要最先说明清楚产品的主
要功效，针对男士购物心理得出结论；
（3）突破性配方，让你的肌肤完美无瑕。

到此为止，页面结构的第一部分基本完成，整体来说这里的 3 点是一种广告宣传概念，凸
显产品主要概念，无需过多介绍，尽量用一种能够突出视觉效果的图片心音眼球的感觉进
行展示。

（4）痛点挖掘
需要注意的点，要做出自己的风格，区别于大环境下的产品。

（5）引导客户怎么去寻找自己最需要的答案总结：
痛点挖掘（提出问题）——产品有效（可以解决）——产品展示（引出产品）——产品功
效——产品成分。第二部分整体以这样的逻辑顺序来阐述详情页，即，告诉你有问题，怎
么解决，引出产品理念。
（8）再次痛点 : .
【案例分析】四大步带你拆解爆款详情页的
设计架构
之前三周的蚊子会会员内部课程周五 YY 大讲堂，给各位商家分别说了店铺首页的设计与利
用、专题页的设计与营销、宝贝单品页的结构设计与利用，本次的课程就来说说爆款详情
页的逻辑设计与视觉设计思路。
商品详情页这两年的变化较大，不同的人对待详情页重要与否，观点不一，当然我个人还
是觉得详情页是很重要的。设计讲求的就是思路，设计思路顺畅、拆解顺畅了，剩下就没
什么问题了。
但是制作详情页并不是一个单纯扔给美工的活，在这之前运营需要详细规划怎么去做，做
出什么样的感觉，就想你要做一个展会，展会之前，你必须要有一个完整的活动方案出
来。
接下来，就和大家分享一下，如何构建详情页的基本框架结构。
一、详情页的基本框架结构
Warning : .
【案例分析】四大步带你拆解爆款详情页的
设计架构
之前三周的蚊子会会员内部课程周五 YY 大讲堂，给各位商家分别说了店铺首页的设计与利
用、专题页的设计与营销、宝贝单品页的结构设计与利用，本次的课程就来说说爆款详情
页的逻辑设计与视觉设计思路。
商品详情页这两年的变化较大，不同的人对待详情页重要与否，观点不一，当然我个人还
是觉得详情页是很重要的。设计讲求的就是思路，设计思路顺畅、拆解顺畅了，剩