图片主副图制作教程图
针对淘宝主图/副图制作教程图（Visual Guide）的需求，这里为您提供一套可直接套用的图文教程结构，以及如何生成专业教程图的方法。
🖼️ 教程图的结构设计模板 (共6页)
如果您需要制作一份教程图（例如给团队培训、或者做产品详情页的“服务介绍”），建议按照以下逻辑分页展示：
第1页：封面 - 明确主题
标题：淘宝主副图极速生产指南
配图：一张高清产品图 + 多个图层分解示意图（PS图层面板截图）。
核心卖点：5分钟出图 自动抠图 合规不降权。
背景色：使用店铺品牌色或高饱和度红色（吸引注意力）。
第2页：准备阶段 - 素材收集
标题：工欲善其事，必先利其器
图示内容：
✅ 白底实拍图 × 10张
✅ 纯色背景布 (蓝/白/灰)
✅ 矢量图标包 (包邮/秒杀/正品)
❌ 模糊水印图 (打叉表示禁止)
文字提示：清晰度是生命线！分辨率不低于1800x1800。
第3页：AI抠图与合成 - 效率提升
标题：3步搞定产品主体
流程图示：
上传原图 → 2. 一键智能抠图 → 3. 替换背景
软件推荐区：
在线：稿定设计 / Remove.bg
本地：Photoshop AI填充
对比图：左边"手动抠图前(耗时)"，右边"AI抠图后(3秒完成)"。
第4页：副图布局黄金法则
标题：副图排列顺序决定转化率
示意图：一个手机屏幕Mockup，从上到下标注：
卖点总览 (大字报风格)
细节放大 (局部特写)
场景搭配 (生活化实拍)
资质证书 (信任背书)
红线提示：⚠️ 促销信息不可遮挡核心功能区/按钮区。
第5页：字体与配色规范
标题：拒绝"牛皮癣"式排版
颜色板展示：
背景色：白色 (FFFFFF) 或 浅灰 (F5F5F5)
主色调：品牌红 (FF0000) 或 科技蓝 (007BFF)
文字色：黑色 (000000) 搭配辅助黄 (FFD700)
字体库：思源黑体 (免费商用)、阿里巴巴普惠体。
禁忌：不使用微软雅黑（部分安卓机显示异常）。
第6页：测试与发布
标题：上线前检查清单
核对表：
□ 图片尺寸是否为 800x800？
□ 文件大小是否 <300KB？
□ 是否有违禁词？(点击测速工具)
□ 手机端预览是否正常？
CTA：扫码关注公众号获取更多模板素材。
📐 如何生成专业的教程图？
您不需要从零手绘，可以利用现有工具快速产出：
| 方法 | 工具 | 操作方式 | 适用人群 |
| :--- | :--- | :--- | :--- |
| ① AI绘图 | Midjourney / Stable Diffusion | Prompt: "infographic design style, e-commerce tutorial, clean layout, flat illustration, high quality" | 适合设计感强的封面/概念图 |
| ② 在线编辑 | Canva / 稿定设计 | 搜索关键词："电商教程"、"PPT演示"、"信息图" | 小白最快上手，拖拽即可 |
| ③ PS模板 | Adobe Express / 创客贴 | 下载预设的"电商营销海报"模板，替换文字和图片 | 适合需要打印或导出的正式文档 |
| ④ 数据可视化 | ProcessOn / Draw.io | 绘制流程图、架构图，展示操作逻辑 | 适合培训团队或制定SOP |
💡 进阶：动态教程图 (GIF)
如果是教人看视频/动图教程，可以使用 Loom 或 Camtasia 录屏：
1. 打开PS，开始录制。
2. 一步步操作：抠图 -> 添加文案 -> 导出。
3. 剪辑掉多余等待时间，加快速度 (2.0x)。
4. 在关键步骤加上箭头指示或红框圈出重点。
⚠️ 版权注意事项
在使用教程图作为对外宣传或内部培训材料时，请务必确认：
* 字体：优先使用可商用的免费字体（如阿里巴巴普惠体、思源黑体）。
* 图片：来自付费图库的素材需购买授权。
* Logo：不要直接使用竞品品牌的Logo作为对比案例。
需要我为您提供一个具体的Excel/Markdown格式的教程大纲文件吗？或者您可以指定某个类目（如服装、美妆），我可以提供更详细的排版样式示范！