mcpField
L
logo-ideation

logo-ideation

github.com/kbravh设计与 UI044 次安装6 天前更新
代码仓库

关于 logo-ideation

logo-ideation 是一项设计技能,通过品牌调研、竞品研究和视觉探索来构思 Logo。它会生成结构化概念简报,供后续交给 svg-logo-creator 实现。

主要功能

  1. 01了解品牌背景
  2. 02分析竞品 Logo
  3. 03探索 3–5 种设计方向
  4. 04生成结构化概念简报
  5. 05提供 Logo 类型与色彩参考

适用场景

  1. 01为新品牌构思设计概念
  2. 02寻找区别于竞品的视觉方向
  3. 03为 SVG 实现准备已确认的概念

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/kbravh/skills --skill logo-ideation

安装后在 Claude Code 中输入/logo-ideation确认已加载。

附带文件references/color-psychology.md

详细介绍

Logo 构思

通过品牌探索、竞品分析和视觉探索,开发 Logo 概念。输出适用于 svg-logo-creator 的概念简报。

工作流

1. 品牌探索

收集必要背景信息。询问:

  • 名称与标语:必须呈现哪些文字?
  • 行业与业务:公司提供什么产品或服务?
  • 目标受众:客户是谁?
  • 品牌个性:3-5 个形容词(例如:“现代、值得信赖、创新”)
  • 现有品牌元素:是否已有在用的颜色、字体或视觉素材?
  • 限制条件:必须避免某些图像吗?是否有必需的格式?
2. 竞品分析

使用 WebSearch 查找 5-10 个竞品 Logo。分析:

  • 常见模式:行业中哪些视觉主题最常见?
  • 色彩趋势:哪些配色被过度使用?
  • 字体设计:衬线字体与无衬线字体哪种更常见?
  • 差异化机会:还缺少什么?什么设计能脱颖而出?

将发现整理为简短的竞品格局摘要。

3. 视觉方向探索

生成 3-5 个各具特色的概念方向。每个方向包括:

概念名称:简短、易记的标题 Logo 类型:参见下方参考 视觉隐喻:核心图像或象征意义 色彩方向:主色调的选择理由 字体风格:字体特征 个性契合度:如何体现品牌形容词 差异化:如何区别于竞品

4. 概念简报输出

为每个可行方向提供一份结构化简报:

## Concept: [Name]

**Type**: [Wordmark / Lettermark / Pictorial / Abstract / Combination / Emblem]
**Metaphor**: [Core visual idea]
**Colors**: [Primary, secondary, rationale]
**Typography**: [Style description]
**Variations needed**: [Horizontal, stacked, icon-only, etc.]
**Notes**: [Special considerations]

Logo 类型

类型描述适用场景
文字标以风格化字体呈现公司名称名称独特的品牌、个人品牌
字母标首字母或缩写公司名称较长
象形标可识别的图像或图标普遍适用、成熟品牌
抽象标几何图形或抽象形状科技行业、传达概念
组合标图标 + 文字标灵活应用、新品牌
徽章标符号或徽章内含文字传统、机构风格

色彩心理学

有关详细的色彩联想和行业指南,请参阅 references/color-psychology.md。

快速参考:

  • 蓝色:信任、稳定(金融、科技、医疗保健)
  • 绿色:成长、自然(环保、健康、金融)
  • 红色:活力、紧迫感(食品、娱乐、零售)
  • 紫色:创造力、奢华(美容、创意服务)
  • 橙色:友好、活力(面向年轻群体的品牌、食品)
  • 黑色:精致、高端(奢侈品、时尚)
  • 黄色:乐观、清晰(消费品、儿童产品)

设计原则

  • 简洁:缩小尺寸后仍易于识别
  • 相关性:与品牌含义相呼应
  • 易记:独特且具有专属性
  • 灵活性:适用于各种场景
  • 历久弥新:避免容易过时的潮流元素

交接给 svg-logo-creator

用户批准概念方向后,将概念简报交给 svg-logo-creator 实施。包含第 4 节中的所有详细信息。

评论

支持 Markdown