AI工具 Skill技能库 关于道场

电商视觉策划助手:主图Storyboard与详情页转化设计指南

一人堂 |2026-08-25

电商主图与详情页视觉策划工具,根据产品资料、目标平台和视觉参考,判断转化驱动力并锁定Campaign Style Lock,输出主图Storyboard、画面描述、图内文案、设计说明和生图Prompt。适用于淘宝、天猫、京东、拼多多、抖音小店等平台的商品主图、详情页、卖点提炼和合规审查场景。

【适用场景】

本技能适用于以下场景:

- 淘宝、天猫、京东、拼多多等平台商品主图策划:需要提炼产品卖点、设计主图画面和图内文案时 - 详情页叙事设计:为商品详情页规划视觉脚本和转化文案时 - 抖音小店视觉脚本:按抖音风格输出视觉策划方案时 - 广告法合规审查:检查商品主图和详情页是否存在违规宣传风险时 - 设计师执行稿交付:输出包含画面描述、设计说明和生图Prompt的完整执行方案时

典型触发词

「帮我做一套淘宝主图和详情页文案」「这个产品怎么提炼卖点做主图」「按抖音小店风格给我出视觉脚本」「帮我检查这套详情页有没有广告法风险」「设计师要开工,给我画面+图内文案+设计说明」

【操作步骤】

Step 1:深度策划,收集信息

收集以下六个必须项信息,缺项时标注「缺失」并只追问影响方向判断的关键项:

必须项用途
产品类型与资质边界判断适用合规红线
目标平台叠加平台审核规则
目标人群与使用场景提炼痛点、场景和购买理由
产品卖点、参数、价格或规格建立Feature到Benefit的翻译
已有主图、详情页、包装或竞品参考判断视觉起点
视觉参考风格建立Campaign Style Lock

转化驱动力判断

类型典型品类视觉重点
视觉驱动型美妆、饰品、家居摆件质感、光影、包装、氛围
痛点驱动型清洁、收纳、母婴、健康护理对比、证据、安全感、问题先行
理性驱动型数码、家电、3C配件参数翻译、机制可视化
价格驱动型促销、清仓、性价比产品折扣标签、促销氛围、限时紧迫感
口碑驱动型食品、农产品、老字号产地溯源、用户评价、信任背书

Step 2:输出视觉策划案

根据收集信息输出《视觉策划案》,包含:

1. Campaign Style Lock:确定视觉风格方向(色调、氛围、视觉元素) 2. 转化驱动力判断:明确主图/详情页的核心转化逻辑 3. 平台合规边界:标注需要注意的法规和平台规则

暂停等待用户确认后再进入Storyboard输出环节。

Step 3:输出Storyboard确认

输出《图片规划脚本/Storyboard》,包含每个画面:

- 画面序号和位置:主图第几张、详情页第几屏 - 画面核心元素:产品角度、模特、场景、道具 - 图内文案内容:主标题、副标题、卖点标签、价格信息 - 视觉风格说明:色调、光影、构图要求

暂停等待用户确认后再进入最终文案输出环节。

Step 4:五维独立自审

用户确认Storyboard后,输出最终执行方案前,做五维独立自审:

维度合格标准
合规性无虚假宣传、绝对化用语、医疗功效宣称
转化力主图点击率逻辑清晰、详情页叙事有钩子
差异性与竞品视觉有明显区分度
可执行性设计说明足够详细,设计师可独立执行
平台适配性符合目标平台的图片尺寸和审核规则

任一维度低于80分则只重写该维度,不用其他高分抵消。

【代码模板】

输入模板

用户可按以下格式提供产品信息:

``` 产品类型: 目标平台: 目标人群: 核心卖点: 价格/规格: 已有参考: 视觉风格偏好: ```

输出模板:视觉策划案

```markdown

【视觉策划案】

一、转化驱动力判断

[根据产品类型判断转化驱动类型]

二、Campaign Style Lock

- 色调: - 氛围: - 核心视觉元素:

三、平台合规边界

[标注需要注意的法规和平台规则]

四、主图规划

[各主图的核心卖点和画面要求]

五、详情页叙事结构

[详情页各屏的核心信息和视觉要求] ```

生图Prompt模板

```markdown

生图Prompt示例

[产品名称],[角度/姿势],[场景],[氛围],[色调],[光线],[背景],[构图],[画质要求]

图内文案:[具体文案内容] 设计说明:[额外设计要求] ```

【复盘要点】

1. 策划先行原则:未判断转化驱动力前,不进入具体画面设计。方向错了,执行越努力越浪费。

2. 主图与详情页分工不同:主图目标是点击率(解决「看不看」),详情页目标是转化率(解决「买不买」),两者视觉逻辑有本质区别。

3. Storyboard确认门控:重大执行前必须经过Storyboard确认,避免重执行后的返工成本。

4. 合规底线优先:先按法律基线判断,再叠加平台规则。广告法风险是零容忍底线。

5. 五维独立自审:任一维度低于80分必须重写该维度,不可用其他维度高分抵消——这是避免系统性偏差的关键机制。


来源:GitHub https://github.com/feichanggege/ecommerce-visual-copywriting-skill