Original prompt: 补充详情图美工设计SOP
1. 总体视觉策略
本次 SOP 只解决一件事:把摩托车除水剂的详情页长图,整理成可直接交给美工执行的分屏生产文档。
执行重点如下:
- 全页必须是
摩托车专用表达,不能把汽车版详情图直接缩改。
- 前4屏必须讲清
这是什么、摩托车为什么更需要、为什么更适合摩托车日常使用、同配方除水分散逻辑。
- 详情页要强化
便携好加、小油箱适配、久停/通勤/雨季场景,而不是做成泛燃油添加剂海报。
- 所有页面保持统一深色工业底视觉,但通过摩托车场景、骑行元素、小容量表达拉开与汽车版差异。
执行摘要表
| 模块 |
核心任务 |
本次要求 |
| 首屏 |
先识别产品 |
明确写出摩托车除水剂 |
| 痛点屏 |
建立需求 |
围绕久停、潮湿、乙醇汽油、小排量通勤场景展开 |
| 原理屏 |
建立理解 |
讲清除水分散逻辑,不堆空泛卖点 |
| 步骤屏 |
降低门槛 |
突出小瓶便携、好加、适合摩托车油箱口 |
| 参数收口 |
完成决策 |
29.8元、三年、注意事项必须清晰 |
2. 设计风格与设计思路
2.1 风格定位
- 风格方向:
功能结果型 + 摩托车通勤场景 + 工业专业感
- 视觉气质:深底、高对比、清晰、直接,不做过度花哨特效
- 页面目标:用户下拉时快速理解产品用途,不被大段技术话术拖慢
2.2 画面语言
- 产品主体要反复出现,但不是每一屏都必须占主位。
- 摩托车场景应优先选
通勤停车、雨后潮湿、城市道路、小排量骑行语境,减少汽车油箱既视感。
- 每屏只讲一个问题,信息密度过大时拆屏处理。
2.3 文案方向
- 主标题以结果或问题导向为主,控制在8-16字。
- 副标题负责补充场景或机理。
- 高风险表达统一改写为克制表述,如
针对含水场景养护、按实际工况使用。
2.4 版式节奏表
| 屏幕 |
主版式 |
目的 |
与上一屏差异 |
与下一屏差异 |
| 屏1 |
大产品海报式 |
先识别产品 |
起始屏 |
下一屏转痛点卡片 |
| 屏2 |
场景卡片式 |
建立需求 |
从单主体转多模块 |
下一屏转使用适配 |
| 屏3 |
左右对比式 |
讲摩托车使用适配性 |
从痛点转使用解释 |
下一屏转原理示意 |
| 屏4 |
机理示意式 |
讲除水分散逻辑 |
从使用解释转原理 |
下一屏转结果感知 |
| 屏5 |
关键词证据式 |
建立结果预期 |
从原理转反馈 |
下一屏转卖点矩阵 |
| 屏6 |
卖点矩阵式 |
讲核心价值 |
从结果转卖点 |
下一屏转步骤教学 |
| 屏7 |
步骤教学式 |
降低使用门槛 |
从卖点转动作 |
下一屏转场景适配 |
| 屏8 |
四宫格场景式 |
筛选适用人群 |
从动作转场景 |
下一屏转参数收口 |
| 屏9 |
表格收口式 |
讲参数信息 |
从场景转理性确认 |
下一屏转注意事项 |
| 屏10 |
提醒说明式 |
降低售后风险 |
收尾 |
结束 |
3. 详情页长图 SOP
3.1 总览表
| 屏幕 |
决策任务 |
画面重点 |
上接内容 |
本屏解决的问题 |
下接内容 |
| 屏1 |
先识别产品 |
产品名+摩托车场景 |
无 |
这是什么 |
屏2痛点 |
| 屏2 |
放大问题 |
摩托车久停/雨季/乙醇汽油场景 |
产品识别 |
我为什么需要它 |
屏3使用适配 |
| 屏3 |
说明使用适配性 |
更适合摩托车油箱口与日常携带 |
痛点 |
为什么更适合摩托车日常使用 |
屏4原理 |
| 屏4 |
解释功效逻辑 |
除水分散原理 |
使用适配 |
它靠什么起作用 |
屏5结果 |
| 屏5 |
建立结果预期 |
怠速稳定、动力感知、日常养护安心感 |
原理 |
用了会有什么帮助 |
屏6卖点 |
| 屏6 |
讲核心卖点 |
同配方、便携、小油箱适配 |
结果 |
为什么选这款 |
屏7步骤 |
| 屏7 |
降低使用门槛 |
真实加注步骤 |
卖点 |
会不会难用 |
屏8场景 |
| 屏8 |
适配说明 |
哪些摩托车使用场景更适合常备 |
步骤 |
适不适合我 |
屏9参数 |
| 屏9 |
参数说明 |
29.8元、保质期、使用方法 |
适用场景 |
我买的是什么 |
屏10提醒 |
| 屏10 |
风险提醒 |
易燃、远离火源、按实际工况使用 |
参数 |
下单前还要注意什么 |
结束 |
屏1:产品首屏
| 字段 |
内容 |
| 一句话任务 |
首屏必须先让用户看懂这是摩托车除水剂 |
| 设计目标 |
建立摩托车品类识别,避免被误认成汽车大瓶装 |
| 主表达重心 |
摩托车、便携好加、除水分散 |
| 是否出现产品 |
是 |
| 画面建议 |
深色背景上放大产品,辅以摩托车剪影或局部车身轮廓 |
| 版式类型 |
大产品海报式 |
| 构图布局 |
产品居中偏右,标题居左,底部留3个短标签 |
| 主标题 |
摩托车除水剂 |
| 副标题 |
适合乙醇汽油场景的日常养护 |
| 标签/角标 |
便携好加 / 日常常备 / 摩托车场景 |
| 素材要求 |
摩托车版本产品图、透明底抠图;若暂无需先补拍 |
| 注意事项/禁用 |
不出现汽车300ml产品图、不抢放促销信息、不使用“试用装”字样 |
屏2:痛点说明屏
| 字段 |
内容 |
| 一句话任务 |
说明摩托车用户在久停、雨季和通勤场景下更容易关注含水问题 |
| 设计目标 |
放大需求感,让用户继续下滑 |
| 主表达重心 |
久停、雨季潮湿、怠速不稳、启动不顺担忧 |
| 是否出现产品 |
否 |
| 画面建议 |
使用3个痛点卡片,搭配通勤摩托停车、雨后路面、晨间启动等轻场景 |
| 版式类型 |
场景卡片式 |
| 构图布局 |
上场景图,下方3个痛点说明模块 |
| 主标题 |
摩托车这些场景 更需要提前养护 |
| 副标题 |
久停、潮湿、频繁通勤,更容易让油箱养护被忽视 |
| 素材要求 |
摩托车通勤场景图、雨后路面图、停车场景图;缺失时用通用占位图 |
| 注意事项/禁用 |
不夸张写成必然故障,不伪造维修案例 |
屏3:使用适配优势屏
| 字段 |
内容 |
| 一句话任务 |
把为什么更适合摩托车日常使用讲明白 |
| 设计目标 |
建立“这是按摩托车使用方式表达的产品”认知 |
| 主表达重心 |
小油箱适配、便携携带、日常好加 |
| 是否出现产品 |
是 |
| 画面建议 |
产品图配小油箱/手持/加注口示意,突出“小而方便” |
| 版式类型 |
左右对比式 |
| 构图布局 |
左产品,右3条规格优势卡片 |
| 主标题 |
更适合摩托车日常使用 |
| 副标题 |
油箱口更好操作,日常携带也更方便 |
| 标签/角标 |
便携 / 好操作 / 日常常备 |
| 素材要求 |
产品手持图、摩托车油箱口实拍图待补拍 |
| 注意事项/禁用 |
不写未经确认的具体适配升数 |
屏4:除水分散原理屏
| 字段 |
内容 |
| 一句话任务 |
用图解讲清楚除水分散原理 |
| 设计目标 |
降低“有没有用”的质疑 |
| 主表达重心 |
水分子分散、避免分层、随燃烧排出 |
| 是否出现产品 |
可选 |
| 画面建议 |
使用前后示意图,少字多图,避免大段技术说明 |
| 版式类型 |
机理示意式 |
| 构图布局 |
左侧“使用前”,右侧“使用后”,中间箭头衔接 |
| 主标题 |
针对含水场景 做分散养护 |
| 副标题 |
将聚集水分均匀分散,减少水油分层担忧 |
| 素材要求 |
依据原配方 INFO.md 功效绘制示意图 |
| 注意事项/禁用 |
不伪造实验曲线、检测数据、极限效果 |
屏5:结果预期屏
| 字段 |
内容 |
| 一句话任务 |
让用户知道这类产品常见的实际关注结果是什么 |
| 设计目标 |
建立合理预期,增强信任 |
| 主表达重心 |
怠速更稳、动力感知改善、日常养护安心感 |
| 是否出现产品 |
可选 |
| 画面建议 |
关键词大字 + 场景辅助,不堆满评价截图 |
| 版式类型 |
关键词证据式 |
| 构图布局 |
中间关键词,四周小场景或线性图标辅助 |
| 主标题 |
用户更关心这3类感受 |
| 标签/角标 |
怠速稳定感 / 通勤更顺 / 日常养护 |
| 素材要求 |
可基于已抓取的摩托车竞品评价方向提炼关键词,不直接伪造本品评价 |
| 注意事项/禁用 |
不把个别反馈包装成必然效果 |
屏6:核心卖点屏
| 字段 |
内容 |
| 一句话任务 |
用3到4个卖点卡片完成核心价值总结 |
| 设计目标 |
帮用户快速形成购买理由 |
| 主表达重心 |
同配方逻辑、摩托车场景表达、便携好加、好操作 |
| 是否出现产品 |
是 |
| 画面建议 |
中间产品,四周卖点卡片围绕 |
| 版式类型 |
卖点矩阵式 |
| 构图布局 |
中心主体 + 四向卡片 |
| 主标题 |
摩托车用户更看重这几点 |
| 标签/角标 |
同配方逻辑 / 便携好加 / 日常常备 / 摩托车场景 |
| 素材要求 |
产品图、简化图标、卖点标签素材 |
| 注意事项/禁用 |
不堆砌无关卖点,不出现柴油、汽车通用等冲突表达 |
屏7:使用步骤屏
| 字段 |
内容 |
| 一句话任务 |
用真实步骤消除操作门槛 |
| 设计目标 |
让用户觉得买回去就会用 |
| 主表达重心 |
打开、加入、再加油或正常骑行 |
| 是否出现产品 |
是 |
| 画面建议 |
三步实拍结构,动作真实清楚 |
| 版式类型 |
步骤教学式 |
| 构图布局 |
横向3步或纵向3步,编号清晰 |
| 主标题 |
小瓶便携 日常更好操作 |
| 副标题 |
打开即可加入,适合摩托车油箱使用场景 |
| 素材要求 |
摩托车油箱口加注图、手持开启图、骑行收尾图待补拍 |
| 注意事项/禁用 |
不沿用汽车油箱图充当摩托车使用图,不做假动作示意 |
屏8:适用场景屏
| 字段 |
内容 |
| 一句话任务 |
明确哪些摩托车使用场景更适合常备 |
| 设计目标 |
帮用户快速判断是否适合自己 |
| 主表达重心 |
通勤代步、久停恢复使用、换季潮湿、乙醇汽油地区 |
| 是否出现产品 |
否 |
| 画面建议 |
四宫格场景,每格只写一个场景 |
| 版式类型 |
四宫格场景式 |
| 构图布局 |
2x2宫格,统一卡片样式 |
| 主标题 |
这些摩托车使用场景更建议常备 |
| 素材要求 |
通勤摩托、周末骑行、雨季停车、加油场景图 |
| 注意事项/禁用 |
不泛化到柴油机、汽车、船机等非本链场景 |
屏9:参数说明屏
| 字段 |
内容 |
| 一句话任务 |
把产品参数和基础信息一次讲清楚 |
| 设计目标 |
用户下单前快速确认核心信息 |
| 主表达重心 |
29.8元、保质期三年、使用方法、核心功效 |
| 是否出现产品 |
是 |
| 画面建议 |
左侧参数表,右侧产品图 |
| 版式类型 |
表格收口式 |
| 构图布局 |
左表右图 |
| 主标题 |
关键参数 一图看清 |
| 素材要求 |
产品图、标准化参数表;产品名称可按固诺摩托车除水剂执行 |
| 注意事项/禁用 |
没有补充资料时,不自行添加检测报告、认证编号、专利信息 |
屏10:注意事项屏
| 字段 |
内容 |
| 一句话任务 |
用简洁方式完成风险提醒和售后边界提示 |
| 设计目标 |
降低误用风险和售后争议 |
| 主表达重心 |
易燃远离火源、按实际工况使用、详情问题咨询客服 |
| 是否出现产品 |
可选 |
| 画面建议 |
图标+短条文案,简洁收尾 |
| 版式类型 |
提醒说明式 |
| 构图布局 |
上图标下短句,留足呼吸感 |
| 主标题 |
使用前请先看清 |
| 标签/角标 |
易燃 / 远离火源 / 按实际工况使用 |
| 素材要求 |
警示图标、统一底色收尾页 |
| 注意事项/禁用 |
不写绝对承诺,不写保修、包修复等高风险话术 |
4. 类目专项模块
4.1 摩托车养护类详情图补充要求
| 模块 |
要求 |
| 使用场景 |
优先通勤、久停、雨季、小排量骑行,不做大排量赛事风过重表达 |
| 产品识别 |
必须多次出现摩托车除水剂字样,避免被误认成汽车款 |
| 步骤表现 |
必须是摩托车真实油箱口/真实操作动作 |
| 规格表达 |
仅在参数与购买信息处出现规格,前段以便携好加、摩托车场景适配为主 |
| 风险边界 |
只讲已确认功效,不扩展到未验证的公里数、修复率、提升幅度 |
5. 上线前检查清单
| 检查项 |
要求 |
| 首屏识别 |
第一屏必须明确出现摩托车除水剂 |
| 前4屏逻辑 |
必须按“产品识别 -> 痛点 -> 使用适配 -> 原理”顺序执行 |
| 场景素材 |
必须尽量替换成摩托车场景,不沿用汽车图 |
| 步骤素材 |
必须补拍摩托车真实加注图 |
| 规格文案 |
前段统一用便携好加、日常常备、摩托车场景,规格只放参数屏 |
| 参数口径 |
统一使用已确认信息:29.8元、三年、Q/YKJH58,规格仅在参数屏展示 |
| 合规检查 |
不伪造检测、认证、绝对化效果 |
6. 最终执行建议
- 详情页的核心不是做得很炫,而是让摩托车用户快速相信“这就是适合我这类车和使用场景的除水剂”。
- 美工执行时优先把首屏、使用适配屏、步骤屏做对,这3屏决定理解效率和转化基础。
- 若后续补齐摩托车版本产品图、手持图、加注图,本 SOP 可直接进入正式设计阶段。