name: marketing-visual-design
description: 为广告、社交媒体、邮件、演示文稿和品牌附属材料创建营销视觉资产。平台特定尺寸、创意最佳实践、AI设计工具和以转化为中心的视觉层次。在需要生产就绪的营销视觉时使用。
营销视觉设计
用于营销视觉资产创建的生产就绪模式。
范围：广告创意、社交媒体图形、邮件视觉、演示文稿设计、品牌附属材料。非产品UI（使用software-ui-ux-design）。
主要规格和来源：data/sources.json（官方文档+策划的最佳实践）。
快速入门
- 使用决策树选择资产类型。
- 使用
assets/捕获需求（简介、轮播图、演示文稿大纲）。
- 生成布局规格+文案变体+导出计划（如果是AI生成，则包括提示包）。
- 在交付前运行QA门控（可读性、品牌、合规、可访问性、规格）。
使用software-ui-ux-design处理产品UI，marketing-cro用于实验设计，marketing-content-strategy用于消息系统。
工作流程
- 确认渠道+位置（付费/有机、平台、静态/视频、比例）。
- 询问初始问题（目标、受众、提供、证明、CTA、约束、品牌规则）。
- 选择一个创意方向（2-3个选项）并锁定核心消息。
- 使用层次规则构建布局（钩子 -> 英雄 -> 价值 -> CTA -> 品牌）。
- 为测试创建变体（3-5个）；每个变体改变一个主要变量。
- 运行QA门控（规格、安全区、可读性、合规、可访问性、导出）。
- 交付可交付成果（最终导出+可编辑源文件+文案+笔记）。
初始（先问）
- 目标：知名度、点击、潜在客户、购买、留存
- 受众：谁、他们关心什么、他们已经知道什么
- 提供：产品、价格/促销、风险逆转（试用/保证）、截止日期
- 证明：1-2个最强统计数据、推荐、徽标、评级、演示信号
- CTA：一个动作动词+目标（落地页、应用商店、表单）
- 平台约束：位置、比例、文件格式、文件大小、持续时间
- 品牌约束：徽标使用、字体、颜色、图像规则、做/不做列表
- 合规约束：声明政策、受监管类别、商标使用、同意/模型发布
决策树
营销视觉请求
|-- "广告创意" -> references/ad-creative-specs.md
|-- "社交媒体图形" -> references/social-media-dimensions.md
|-- "邮件横幅" -> references/email-visual-specs.md
|-- "演示文稿/幻灯片" -> references/presentation-design.md
|-- "单页/附属材料" -> references/brand-collateral.md
`-- "AI生成视觉" -> references/ai-design-tools.md
平台尺寸快速参考
社交媒体（静态）
| 平台 |
帖子 |
故事/Reel |
封面/横幅 |
| Instagram |
1080x1080, 1080x1350 |
1080x1920 |
N/A |
| Facebook |
1200x630, 1080x1080 |
1080x1920 |
820x312 |
| LinkedIn |
1200x1200, 1200x628 |
N/A |
1584x396 |
| TikTok |
1080x1080 |
1080x1920 |
N/A |
| YouTube |
N/A |
1080x1920 (Shorts) |
2560x1440 |
广告平台
| 平台 |
尺寸 |
安全区 |
最大文件 |
| Meta |
1080x1080, 1080x1350 (4:5最佳) |
边缘14% |
30MB/4GB |
| Google Display |
300x250, 728x90, 300x600 |
N/A |
150KB |
| YouTube Thumbnail |
1280x720 |
右下角 |
2MB |
| TikTok Ads |
1080x1920 |
顶部130像素，底部440像素 |
500MB |
对于完整规格和边缘情况，使用references/。
广告的视觉层次
| 元素 |
优先级 |
放置 |
| 钩子/标题 |
1 |
顶部1/3 |
| 英雄视觉 |
2 |
中心 |
| 价值主张 |
3 |
中间 |
| CTA |
4 |
底部1/3 |
| 徽标 |
5 |
角落 |
文本叠加规则
| 平台 |
最大文本 |
安全区 |
| Meta |
推荐<20% |
边缘14% |
| TikTok |
最小 |
顶部130像素，底部440像素 |
| LinkedIn |
无严格限制 |
标题<2行 |
变体测试（快速默认）
- 每个概念创建3-5个变体：钩子、英雄视觉、提供框架、CTA、证明。
- 每个变体保持一个主要变量以归因性能。
- 优先考虑原生外观的创意，用于社交（UGC风格通常胜出），除非品牌要求抛光。
轮播结构
幻灯片1：钩子（问题或大胆陈述）
幻灯片2-4：解决方案/好处
幻灯片5：社交证明
幻灯片6：带有提供的CTA
视频结构（钩子-保留-转化）
| 部分 |
持续时间 |
目的 |
| 钩子 |
0-3秒 |
停止滚动 |
| 激发 |
3-10秒 |
放大痛点 |
| 解决方案 |
10-20秒 |
产品演示 |
| 证明 |
20-30秒 |
推荐 |
| CTA |
30-45秒 |
行动 |
AI生成视觉（操作笔记）
- 使用
references/ai-design-tools.md进行工具选择、提示框架和避免伪影。
- 优先品牌安全工作流：许可的库存、第一方摄影或具有清晰商业条款的工具。
- 将图像中的文本视为不可靠的精确排版；使用AI处理背景/英雄图像，然后在设计工具中排版。
QA门控（交付前运行）
- 规格：尺寸、宽高比、安全区、持续时间（视频）、文件大小。
- 可读性：通过缩略图测试、高对比度、最小图像上文本。
- 品牌：正确的徽标、颜色、字体；跨变体一致的风格。
- 合规：避免禁止声明、未许可商标、误导性前后对比、缺失披露。
- 可访问性：足够的对比度、足够大的字体、避免仅文本传达意义。
- 可交付成果：导出命名一致；包括可编辑源文件。
文件格式
| 使用案例 |
格式 |
| 照片 |
JPEG |
| 透明度 |
PNG |
| 徽标/图标 |
SVG |
| 动画 |
GIF/WebP |
| 打印 |
PDF |
| 视频 |
MP4 (H.264) |
资源
模板
国际市场
此技能使用美国/西方市场默认设置。对于国际视觉设计：
自动触发：当您的查询提到特定国家、文化适应或RTL设计时，两个技能会自动加载。
相关技能