详情页看 3 秒就划走的买家里，90% 连文字都没读。卖点图的作用就是在这 3 秒里把核心信息塞进去。这篇文章给出一套可直接套用的卖点图设计模板——从尺寸、网格到字号、配色、文案长度，每个字段都写了"填什么、填多少"。
为什么卖点图是详情页的核心
电商详情页的核心问题不是内容够不够，是买家没耐心看完。淘宝买家平均详情页停留时间 12-18 秒，也就是 5-8 屏滑动。纯文字段落会被跳过，而"图 + 图标 + 短句"的卖点图能把阅读效率拉到 3 倍以上。
| 内容形式 | 买家平均停留 | 信息留存率 |
|---|---|---|
| 纯文字段落 | <1 秒 | ~10% |
| 实拍产品图 | 2-3 秒 | ~30% |
| 卖点图（图+文+图标） | 4-6 秒 | ~65% |
| 对比图/数据图 | 5-8 秒 | ~70% |
数据来源：人人都是产品经理、美图设计室等多个行业内容的整理。具体数值因类目而异，但"卖点图 > 纯文字"这个结论是共识。
卖点图标准模板
先给出一张详情页卖点图的标准结构图，后面每个模块都可以按需替换。
┌────────────────────────────────────────┐
│ [大标题：一句卖点] 字号 60-80 px │
│ │
│ [图标] [小标题：卖点补充] │
│ 56 px 字号 32-40 px │
│ │
│ [短文案：利益点 / 数据 / 场景] │
│ 字号 22-28 px，行距 1.5 │
│ │
│ ┌──────────────┐ ┌───────────────┐ │
│ │ │ │ [产品局部图] │ │
│ │ [主视觉] │ │ 突出卖点部位 │ │
│ │ 产品图或 │ │ │ │
│ │ 使用场景 │ │ │ │
│ └──────────────┘ └───────────────┘ │
│ │
│ [辅助信息：规格/认证/数据等] │
└────────────────────────────────────────┘
画布规格：
| 用途 | 尺寸 | 说明 |
|---|---|---|
| 详情页卖点图 | 750×750 或 750×1000 | 淘宝/拼多多通用 |
| 详情页长图卖点 | 750×高度自适应 | 单屏内容控制在 750×1200 以内 |
| 主图位副图 | 800×800 或 1200×1200 | 正方形，适配京东/淘宝主图位 |
模板 1：核心卖点总览
用来打开详情页的第 1 张卖点图。目标：让买家 3 秒内知道"这个产品核心优势是什么"。
结构公式：
主标题（产品名称 / 核心定位）
└─ 4 个卖点（图标 + 一句话，横排或竖排）
主视觉（产品大图）
辅助信息（销量/认证/库存等）
填空示例：
| 字段 | 填什么 | 字数 |
|---|---|---|
| 主标题 | 产品名 + 定位词 | 8-12 字 |
| 卖点 1 | 核心功能 | 6-10 字 |
| 卖点 2 | 材质/成分 | 6-10 字 |
| 卖点 3 | 使用场景 | 6-10 字 |
| 卖点 4 | 附加保障 | 6-10 字 |
| 辅助信息 | 销量/资质 | 8-12 字 |
真实案例对照：
- 主标题："母婴级硅胶奶瓶，0 塑化剂"
- 卖点 1：[图标: 盾] 食品接触级硅胶
- 卖点 2：[图标: 温度计] 耐 -40℃ 至 250℃
- 卖点 3：[图标: 清洗] 可消毒、可蒸煮
- 卖点 4：[图标: 证书] SGS 检测报告
模板 2：材质/成分解读
适合：护肤品、食品、服装面料、家居材质。目标：建立信任感，让买家相信产品"真的用了好材料"。
结构公式：
标题（"为什么选 XX 材质"）
└─ 成分/材质列表（名称 + 作用 + 百分比）
└─ 微观对比图或放大图
└─ 认证背书（SGS、食品级等）
填空示例（护肤品）：
| 成分 | 添加量 | 作用（一句话） |
|---|---|---|
| 烟酰胺 | 5% | 提亮肤色、改善暗沉 |
| 神经酰胺 | 2% | 修护屏障、锁水 |
| 玻尿酸 | 1.5% | 深层补水、维持水润 |
| 积雪草 | 0.5% | 舒缓敏感、抗泛红 |
关键设计要点：
- 每个成分配一个简单图标（分子结构图或功能图标）
- 添加量要用数字，不要用"富含"、"大量"等模糊词
- 放一张微观放大图（材质纹理）或分子结构图增加专业感
- 底部放检测报告图标（SGS、CMA 等）
模板 3：使用方法/步骤
适合：工具、美容仪器、护肤流程、食品烹饪。目标：降低买家"买回来不会用"的焦虑。
结构公式：
标题（"3 步搞定 XX"）
└─ 步骤 1（图 + 动作说明）
└─ 步骤 2（图 + 动作说明）
└─ 步骤 3（图 + 动作说明）
└─ 完成效果图
填空示例（美容仪）：
| 步骤 | 动作 | 时长 | 注意事项 |
|---|---|---|---|
| 1 | 清洁面部 + 涂抹导入液 | 1 分钟 | 确保皮肤微湿润 |
| 2 | 开机选择 "日常护理" 档 | 10 秒 | 从下往上推 |
| 3 | 面部各区域各 2 分钟 | 8 分钟 | 避开眼周 |
关键设计要点：
- 步骤编号必须大（48 px 以上），用圆圈圈出来
- 步骤图用"动作过程"的图，不要用产品静态图
- 每个步骤一句动作说明（主语 + 动词 + 对象）
- 步骤数控制在 3-5 步，超过就拆多张图
模板 4：对比图（性能 / 前后 / 自家 vs 旧方法）
适合：功能升级款、技术改进款、效果类产品。目标：用"差距"说服买家。
结构公式：
标题（"对比差距，一目了然"）
└─ 左右对比区
├─ 左：旧方法 / 普通款 / 使用前
└─ 右：本产品 / 使用后
└─ 数据表（量化差距）
填空示例（扫地机器人）：
| 对比维度 | 普通款 | 本产品 |
|---|---|---|
| 清扫覆盖率 | 70% | 98% |
| 吸力 | 2000 Pa | 6000 Pa |
| 续航 | 90 分钟 | 180 分钟 |
| 噪音 | 65 dB | 55 dB |
| 充电时间 | 4 小时 | 1.5 小时 |
合规提示：
| 能做 | 不能做 |
|---|---|
| 对比"普通款"、"旧方法"、"未使用" | 对比具体品牌名或竞品 |
| 列自家数据 + 行业平均值 | 列"第一"、"最好"等绝对词 |
| 放"使用前 vs 使用后"的真实案例 | 伪造数据或夸大效果 |
对比图是平台重点盯的违规对象。只要出现具体竞品品牌或"第一"、"最优"等词，在淘宝和京东都容易被判为违规广告。
模板 5：包装内容 / 配件清单
适合：礼盒装、套装、工具箱、3C 配件。目标：让买家清楚"收到后打开能看到什么"。
结构公式：
标题（"包装包含"）
└─ 主产品（带名称标注）
└─ 配件 1 - N（带名称 + 数量）
└─ 包装盒参考尺寸
填空示例（耳机套装）：
| 物品 | 数量 | 备注 |
|---|---|---|
| 耳机主体 | 1 | - |
| 充电仓 | 1 | - |
| 耳塞（S/M/L） | 3 对 | 硅胶 |
| Type-C 充电线 | 1 | 长度 30 cm |
| 说明书 | 1 | 中英双语 |
| 保修卡 | 1 | 12 个月质保 |
关键设计要点：
- 所有物品平铺拍摄（flat lay），统一光线
- 每个物品旁边标数量
- 配件位置按大小从左到右、从上到下
- 底部可以放包装盒的实拍图（顺便展示礼盒感）
字号、配色、图标的硬性规则
这部分决定了卖点图在手机端能不能看清。按下面的硬性规则走不会出大错。
字号规则（按 750 px 宽画布计算）：
| 层级 | 字号范围 | 用途 |
|---|---|---|
| 大标题 | 60-80 px | 整张图的主卖点 |
| 中标题 | 40-56 px | 分类标题、子卖点 |
| 正文 | 28-36 px | 说明文字 |
| 辅助 | 22-28 px | 规格、备注、辅助信息 |
| 最小字号 | ≥22 px | 低于 22 px 手机上看不清 |
配色规则：
| 场景 | 建议配色 |
|---|---|
| 食品/母婴 | 暖色调（橘、黄、粉），留白多 |
| 数码/家电 | 冷色调（蓝、灰、黑），工业感 |
| 服装 | 低饱和 + 品牌色，一套图统一 |
| 美妆 | 品牌色 + 金/银点缀，质感提升 |
| 家居 | 大地色系（米、灰、棕），自然感 |
整张图的颜色不超过 3 种主色 + 2 种辅助色。多色会让买家视觉疲劳。
图标选用：
- 统一风格：全部用线性图标或全部用面性图标，不要混用
- 统一粗细：线条粗细一致（推荐 2-3 px）
- 统一色系：图标颜色限制在 1-2 种
- 尺寸规范：图标大小 48-64 px，和对应文字垂直居中对齐
工具推荐：从排版到尺寸标注
卖点图做得好不好，工具链占一半。以下是卖家常用的组合：
| 环节 | 常用工具 | 价格 |
|---|---|---|
| 图标素材 | 阿里巴巴 iconfont、Flaticon | 免费 |
| 排版模板 | 稿定设计、创客贴、Canva | 免费 + 付费模板 |
| 抠图 | removebg、稿定抠图 | 免费额度 |
| 专业修图 | Photoshop、Photopea（免费替代） | 有付费/免费选择 |
| 尺寸标注 | 标注线、数值、单位工具 | 多数免费 |
| 一键批量改尺寸 | 图压、美图秀秀批处理 | 免费 |
关于尺寸标注图： 尺寸相关的卖点图（家具、服装、箱包）最麻烦的不是画图，是每次尺寸变化都要重新画。这类场景用专门的尺寸标注工具比手动用 PS 拉线快 10 倍——标注样式统一、数值改动即时更新、多张图批量导出。服装/家居类目的卖家尤其推荐常备一个。
详情页卖点图应该放几张、放在哪
数量建议：
| 详情页长度 | 建议卖点图数量 |
|---|---|
| 短详情页（10 张图以内） | 3-4 张 |
| 标准详情页（10-20 张图） | 5-7 张 |
| 长详情页（20 张以上） | 8-10 张 |
位置顺序推荐：
1. 焦点图（产品主视觉）
2. 核心卖点总览图 ← 模板 1
3. 产品细节图（实拍）
4. 材质/成分解读图 ← 模板 2
5. 尺寸标注图
6. 使用方法/步骤图 ← 模板 3
7. 使用场景图（生活方式）
8. 对比图 ← 模板 4
9. 包装内容图 ← 模板 5
10. 信任背书（评价、证书、销量）
这个顺序符合"吸引 → 说服 → 决策"的心理路径。大部分类目可以直接套用。
常见坑：新手最容易犯的 7 个错误
- 字太小 — 手机上看不清，PC 上看着刚好的字号在手机上通常小 30%
- 颜色太多 — 一张图用 5 种主色，视觉崩溃
- 文字堆砌 — 想把所有卖点塞进一张图，结果买家一个都记不住
- 图标风格不统一 — 一半线性一半面性，显得业余
- 没有主视觉 — 全是文字没有产品图，像 PPT 不像卖点图
- 数据没标来源 — "提升 80%" 没有对照组说明，不可信
- 每张图风格不一致 — 一张现代风一张复古风，品牌感全无
常见问题
卖点图里文字多还是少好？
看类目。功能类（3C、家电、工具）文字可以占 40-50%，因为买家关心参数；外观类（服装、首饰、家居装饰）文字应该少于 20%，产品图为主，文案点到即止。
卖点图能直接当主图吗？
淘宝/拼多多副图位（第 2-5 张）可以放，首图不建议——首图还是要以纯产品图为主（转化率更高）。京东首图必须白底，卖点图只能放副图位。
做一套卖点图需要多久？
熟练的美工 1 套（5-8 张）约 2-3 天。自己做并且用模板的话，拆成每天 2 张节奏更稳，避免一次赶工风格不统一。
多个 SKU 要不要每个做一套？
主卖点图可以共用，但材质/成分图、使用方法图要按 SKU 的实际差异替换。颜色 SKU 一般共用，规格/型号 SKU 要独立。
卖点图要不要放在主图视频的第一帧？
主图视频第一帧就是视频封面，停留的秒数通常不到 1 秒。可以放一张最精华的卖点图做封面，文字信息要比详情页卖点图更简化（<15 字）。