需要从描述生成专业 SVG Logo 时：多方案、多布局…

当用户要求根据品牌描述创建 Logo、品牌标识、图标或视觉标记时，用结构化流程产出可缩放的多版本 SVG Logo 及使用规范。

适用场景

解决思路

1. 收集品牌信息：公司/产品名称、行业与市场、目标受众、品牌个性（现代/经典/活泼/严肃等）、品牌价值与信息、竞争对手（用于差异化）
2. 确认设计偏好中的 Logo 类型：Wordmark（文字型，如 Google、Coca-Cola）、Lettermark（首字母缩写，如 IBM、HBO）、Pictorial Mark（图形符号，如 Apple、Twitter）、Abstract Mark（抽象几何，如 Pepsi、Adidas）、Mascot（吉祥物，如 KFC 上校、米其林人）、Combination Mark（图标+文字，如 Burger King、Lacoste）、Emblem（文字嵌入符号，如 Starbucks、Harley-Davidson）
3. 确认风格指南：配色方案（指定色或由 AI 提议）、色彩心理学考量、字体偏好（若为文字型）、视觉风格（极简、几何、有机/流动、粗犷有力、优雅精致、活泼友好、科技现代、复古）
4. 确认技术要求：尺寸限制（是否用于小尺寸/大尺寸）、应用场景（网站、印刷、周边等）、是否需要彩色与单色版本、背景使用（浅色、深色、透明）、可缩放性要求
5. 确认变体数量：多少个不同概念（建议 3-5 个）、每个概念多少种布局（横向、纵向、方形、圆形）、需要哪些配色变体
6. 开发主方向概念：调研与品牌相关的视觉隐喻，考虑负空间机会，确保易记与独特，平衡简洁与辨识度，考虑文化适宜性
7. 用 SVG 结构组织概念：在 <svg> 中设置 xmlns、viewBox、width、height，用 <defs> 定义渐变/图案/滤镜，用 <g id="logo-symbol"> 和 <g id="logo-text"> 分组图标与文字元素
8. 创建 2-5 个替代方向概念，探索不同视觉隐喻、不同风格处理、不同布局构图、不同配色应用
9. 为每个概念创建多种布局：Layout A 横向锁定（图标在左文字在右，适合网站页眉、名片，宽高比更宽）；Layout B 纵向锁定（图标在上文字在下，适合社交媒体头像、应用图标，更高）；Layout C 方形/居中（图标文字居中，适合 favicon、应用图标、头像，1:1）；Layout D 仅图标（无文字符号，适合小尺寸、水印，紧凑易识别）；Layout E 仅文字（无图标字标，适合极简应用，以排版为主）
10. 编写干净语义化的 SVG 代码，用分组组织图标与字标元素
11. 保证可缩放设计：使用 viewBox，避免像素固定尺寸，使用相对单位，在多个尺寸下测试
12. 管理颜色：在 <defs> 的 <style> 中定义 .primary/.secondary/.text 等类，一次定义全图复用
13. 优化 SVG：移除不必要属性，尽可能合并路径，对重复元素使用 symbols，减少小数精度，移除不可见元素
14. 添加无障碍支持：为 <svg> 加 role="img" 和 aria-labelledby，用 <title> 和 <desc> 描述 Logo 名称与外观
15. 按专业格式呈现：每个概念给出设计理由（思路、视觉隐喻、如何代表品牌），并分别列出主 Logo（横向）、纵向布局、仅图标版本及其用途与尺寸
16. 为每个概念提供配色变体：全彩（主色+辅色）、单色深色、单色浅色、反白（用于深色背景）
17. 按命名规范保存 SVG 文件：company-name-logo-concept1-horizontal.svg、company-name-logo-concept1-vertical.svg、company-name-logo-concept1-icon.svg、company-name-logo-concept2-horizontal.svg 等，用 Write 工具逐个保存
18. 提供使用指南文档：文件格式说明（SVG 用于网站/数字应用/大幅印刷，可无限缩放、体积小、可编辑；嵌入 HTML 或设计工具打开）
19. 提供 SVG 转 PNG 的导出方法：Inkscape 命令 inkscape logo.svg --export-png=logo.png --export-width=1000；ImageMagick 命令 convert -background none logo.svg logo.png；或在线转换器如 https://cloudconvert.com/svg-to-png
20. 规定留白（clear space）：最小间距等于 Logo 符号高度，留白区内不得有文字或图形
21. 规定最小尺寸：数字用途最小宽度 100px，印刷用途最小宽度 1 英寸
22. 规定配色使用：浅色背景用全彩，深色背景用单色白，浅色背景用单色深色；网站页眉优先全彩并确保与背景 4.5:1 对比度；社交媒体用方形/圆形裁切并按需提供背景色；印刷彩色用全彩、黑白印刷用单色黑、考虑专色以节省成本
23. 列出错误用法：不得拉伸或变形、不得使用调色板外颜色、不得加阴影/发光等效果、不得旋转或倾斜、不得在无留白的杂乱背景上使用、不得重绘或修改 Logo 元素
24. 按目录结构组织文件：logos/concept-1/horizontal/{full-color.svg,monochrome-dark.svg,monochrome-light.svg}、vertical/、icon/，concept-2/ 同结构
25. 提供 Web 使用技术规范：内联 SVG（推荐，可控性强）、<img src="logo.svg" alt="Company Name Logo" />、CSS 背景 background-image: url('logo.svg'); background-size: contain;
26. 提供响应式实现：.logo { width: 100%; max-width: 200px; height: auto; }，并用 @media (max-width: 768px) 将 max-width 调整为 150px
27. 参考设计模式示例：Wordmark 用 <text> 加 font-family/font-size/font-weight/fill；几何图标用 <polygon> 六边形加 linearGradient 与内嵌 <circle>；抽象标记用 <path> 的 Q/T 曲线加 opacity 与 stroke；组合标记用 <g id="icon"> 圆形加对勾路径与 <g id="text"> 文字
28. 参考色彩心理学选色：蓝（#0066CC、#4F46E5）信任/专业/稳定，用于金融、科技、医疗；绿（#10B981、#059669）成长/健康/环保，用于环境、健康、金融；红（#DC2626、#EF4444）能量/激情/紧迫，用于食品、娱乐、零售；紫（#7C3AED、#8B5CF6）创意/奢华/灵性，用于美妆、科技、创意；橙（#F97316、#FB923C）友好/活力/实惠，用于零售、食品、娱乐；黄（#FBBF24、#FCD34D）乐观/清晰/温暖，用于食品、儿童、能源；黑/灰（#1F2937、#6B7280）精致/现代/经典，用于奢侈品、时尚、科技
29. 展示初稿后进入迭代：收集反馈（哪个概念最共鸣、保留/修改哪些元素、有何顾虑），精修选定概念（调色、调比例、修细节、多尺寸测试），创建最终变体（所有布局、所有配色、特殊用例），交付最终包（全部 SVG 文件、使用指南、技术规格、导出说明）
30. 沟通时遵循：理解品牌（询问品牌个性、了解目标受众、调研行业背景），解释设计选择（说明视觉隐喻理由、色彩心理学、构图决策），提供选项（多个概念、布局变体、配色选项），保持灵活（优雅接受反馈、按输入迭代、必要时说明限制），教育用户（解释 SVG 优势、指导正确使用、分享最佳实践）
31. 交付完整 Logo 包：SVG 文件（3-5 个概念 × 每概念 3-5 种布局 × 3-4 种配色，通常共 30-75 个文件）、文档（使用指南、颜色规格、尺寸建议、注意事项）、技术信息（文件组织结构、SVG 转 PNG 导出说明、Web 实现示例、印刷规格）、可选样机（名片、网站页眉、产品、标识牌上的 Logo 效果）
32. 遵循示例工作流：用户请求后先澄清（偏好颜色、Logo 类型、需避免/包含的视觉元素、想看几个概念），再开发概念（如抽象云+同步箭头、极简字标融入云形 C、圆形徽章含云与连接节点、粗体 CS 字标融入云），创建变体，呈现理由与 SVG 代码及使用指南，按反馈精修并交付完整包
33. 牢记优秀 Logo 的标准：简洁、易记、永恒、多用途、贴切，确保设计适用于所有场景并经得起时间考验

适用边界 · 注意事项

• 用户只需要现成图标或简单图形、不需要完整品牌标识设计流程时
• 用户要求的是位图/照片级图像或复杂插画，而非矢量 Logo 时
• 用户无法提供任何品牌信息且拒绝澄清需求时