详情页模板分类与设计规范
> 参见:05.1.5-电商详情页转化逻辑与排版体系 模板是框架升级
> 关联:05.1.3-电商主图优化与点击率提升体系 主图是入口,详情页是成交
> 掌握本模板后 → 可触发 13-技能库/13.2-视觉与创意优化/详情页模板策划技能.md
核心认知:没有万能模板,只有适配模板
不同类目、不同客单价、不同决策链长度的商品,需要不同的详情页模板。用错模板 = 转化率直接腰斩。关键是对症下药。
---
一、八大详情页文案框架(说服结构)
1. AIDA 模型 — 注意力驱动型
- 适合类目:低客单价、冲动消费型(食品、饰品、日用品)
- 结构:Attention(注意) → Interest(兴趣) → Desire(欲望) → Action(行动)
- 适用场景:主图标题、短视频开头、首屏卖点
- 详情页用法:首屏大标题抓注意 → 中屏强化产品利益 → 后屏制造紧迫感
- 医疗器械适配:注意=大字"血压测不准?"→ 兴趣=展示核心技术 → 欲望=场景化利益 → 行动=限时优惠
2. FAB 模型 — 利益转化型
- 适合类目:功能性强、参数多的商品(3C数码、家电、医疗器械)
- 结构:Feature(特性) → Advantage(优势) → Benefit(利益)
- 核心区别:把"参数"翻译成"好处"
- ❌ 特性:产品有8个LED灯
- ✅ 利益:夜晚走廊自动亮灯,老人不用摸黑找开关
- 医疗器械适配:特性=双传感器 → 优势=精准度±2mmHg → 利益=在家也能测出医院级数据
3. PAS 模型 — 痛点直击型
- 适合类目:解决明确痛点的商品(医疗器械、护肤品、清洁用品)
- 结构:Problem(问题) → Agitate(放大痛苦) → Solution(解决方案)
- 核心逻辑:先让用户觉得"这说的就是我",再给出方案
- 详情页用法:首屏=问题场景 → 中屏=痛点放大(不解决的后果)→ 后屏=产品方案
- 医疗器械适配:问题=老人在家测血压不准 → 放大=跑医院成本高→ 方案=医用级家用血压计
4. SCQA 模型 — 认知重构型
- 适合类目:需要教育市场的创新品类
- 结构:Situation(情境) → Complication(冲突) → Question(问题) → Answer(答案)
- 核心差异:先建立认知前提,再打破认知,最后给出新方案
- 例:情境=传统血压计要在医院用 → 冲突=每次跑医院太麻烦 → 问题=怎么在家也能测准 → 答案=这款产品
5. 故事场景式 — 代入感型
- 适合类目:生活方式类、高情感附加值(母婴、宠物、家居家纺)
- 结构:一个典型用户的完整使用场景故事
- 要点:场景必须具体,不能笼统
- ❌ 日常使用
- ✅ 凌晨3点宝宝发烧,她一个人测体温、物理降温、查攻略...
6. 对比型 — 差异凸显型
- 适合类目:竞争激烈、同质化严重的品类
- 形式:前后对比 / 竞品对比 / 升级前后
- 关键:对比维度必须对用户有意义,不能为了对比而对比
- 医疗器械适配:左边=旧款水银血压计(麻烦/危险)右边=新款电子血压计(一键操作/安全)
7. 清单式 — 信息压缩型
- 适合类目:卖点较多的商品
- 结构:"3个买XXX的理由" / "5大优势"
- 要点:每条理由必须单独成屏,有图有真相
8. 风险逆转型 — 消除顾虑型
- 适合类目:高客单价、决策链路长的商品
- 结构:售后保障 / 试用期 / 退换政策
- 位置:详情页底部(用户犹豫时的最后一公里)
---
二、六大详情页排版布局模板
模板1:首屏冲击型(适合冲动消费/低客单)
`
[第1屏] 大标题 + 核心卖点(1个) + CTA按钮
[第2屏] 产品全景图(正面45°)
[第3屏] 核心卖点展开(3个icon+文案)
[第4屏] 使用场景图
[第5屏] 价格/促销 + 购买
`
模板2:问题解决方案型(适合医疗器械/痛点品类)
`
[第1屏] 痛点场景图 + 大字标题(问题)
[第2屏] 问题放大(不解决会怎样)
[第3屏] 产品解决方案(核心功能图)
[第4屏] 功能参数FAB展开
[第5屏] 使用前后对比
[第6屏] 信任背书(资质/检测报告)
[第7屏] 保障/评价 + 购买
`
模板3:参数说服型(适合3C/家电)
`
[第1屏] 产品全景图 + 核心卖点梗概
[第2屏] 参数全景图(标注式)
[第3-5屏] 逐项功能FAB展开(每屏1个)
[第6屏] 场景图(产品融入生活)
[第7屏] 对比图(vs竞品/vs旧款)
[第8屏] 规格参数表
[第9屏] 品牌背书 + 售后
`
模板4:故事沉浸型(适合母婴/生活方式)
`
[第1屏] 场景大图 + 情感标题
[第2屏] 故事引入(用户的一天)
[第3-4屏] 产品如何解决故事中的问题
[第5屏] 产品细节展示
[第6屏] 真实用户评价(截图)
[第7屏] 传递品牌理念
[第8屏] 价格 + 限时活动
`
模板5:信任驱动型(适合高客单/医疗器械)
`
[第1屏] 品牌信任标识 + 核心承诺
[第2屏] 产品全景(正/侧/背)
[第3屏] 核心功能演示(分步图解)
[第4屏] 材质/工艺特写
[第5屏] 资质证书/检测报告
[第6屏] 名人/医院/专家背书
[第7屏] 真实用户评价墙
[第8屏] 使用场景图(多人多场景)
[第9屏] 风险逆转(试用/质保/退换)
[第10屏] 限时优惠 + CTA
`
模板6:轻量化快速型(适合活动/直播引流)
`
[第1屏] 惊爆价格 + 限时倒计时
[第2屏] 产品图 + 3个bullet卖点
[第3屏] 使用效果图(前后对比)
[第4屏] 评价截图 + 信任背书
[第5屏] 立即购买(多重优惠叠加)
`
---
三、模板选择决策表
| 商品特征 | 推荐模板 | 推荐文案框架 |
|---------|---------|------------|
| 低客单、冲动消费 | 首屏冲击型 | AIDA |
| 解决痛点 | 问题解决方案型 | PAS |
| 强功能、参数多 | 参数说服型 | FAB |
| 高情感、生活方式 | 故事沉浸型 | 场景式 |
| 高客单、决策重 | 信任驱动型 | 风险逆转 |
| 大促/活动 | 轻量化快速型 | AIDA+清单式 |
| 创新品类 | 问题解决方案型 | SCQA |
| 竞争激烈、同质化 | 对比+参数说服 | 对比+FAB |
---
四、实际操作流程(SOP)
Step 1:确定模板方向(5分钟)
- 根据商品特征选择详情页模板和文案框架
- 锚定1个核心框架做主导,其他做辅助
Step 2:收集素材(根据难度10-30分钟)
- 竞品详情页(看同类怎么排版)
- 竞品评价+问大家(找用户真实关注点)
- 自身产品素材(实物图/场景图/参数)
Step 3:卖点分级(5分钟)
- 一级卖点(用户最关心的):占比30%以上
- 二级卖点(次关心的):占比10-30%
- 三级卖点(锦上添花):占比10%以下
Step 4:写策划案+找参考图(15-30分钟)
- 按模板框架填充各屏内容
- 每屏找到参考图/参考风格(给美工看)
Step 5:对接美工(30分钟)
- 输出:文案策划 + 参考图 + 排版示意
- 检查:尺寸规范(1440px宽,高度不限切片)
- 检查:字体版权/广告法违禁词
Step 6:上架自查(5分钟)
- 图片有无压缩变形
- 文字有无错别字、违禁词
- 是否覆盖了用户最关心的3个问题
---
五、常见错误
---
六、进阶建议
建立模板库
- 每做完一个详情页,归档模板类型
- 相同类型的详情页可迭代复用
- 团队协作时直接套模板框架填空
A/B测试
- 不同模板做A/B版本测试
- 记录每个模板的转化率数据
- 建立"类目-模板-转化率"对照表
动态化升级
- 2026年趋势:静态详情页 + 动态视频(15秒使用演示)
- 详情页中嵌入短视频,转化率可提升15-25%
---
七、样图参考(搜索关键词)
以下为各模板类型的参考图搜索关键词,供找样图时使用:
- 首屏冲击型模板:
电商详情页 首屏设计 卖点展示
- 问题解决方案型:
电商详情页 痛点型 问题解决方案 排版
- 参数说服型:
电商详情页 参数展示 功能图 标注式设计
- 故事沉浸型:
电商详情页 场景化 故事感设计 生活方式
- 信任驱动型:
电商详情页 信任背书 资质展示 医疗器械详情页
- 轻量化快速型:
电商详情页 促销活动页 限时抢购
> 注:以上关键词可在 花瓣网 / 站酷 / Pinterest / 淘宝搜索进行参考图收集