mcpField
B
branding-identity

branding-identity

github.com/flitzrrr营销与增长958 次安装30 周前更新
代码仓库

关于 branding-identity

Branding and Identity 是用于制定或审查品牌策略、视觉识别和各接触点传播的技能。它涵盖品牌定位、核心理念、企业设计、作品集指引与一致性检查,适合塑造品牌或其对外呈现的团队。

主要功能

  1. 01品牌定位与核心价值
  2. 02品牌故事与个性
  3. 03企业设计系统指引
  4. 04语气与接触点一致性
  5. 05作品集与案例页面模式
  6. 06品牌识别检查清单

适用场景

  1. 01制定品牌定位
  2. 02编写品牌风格指南
  3. 03使网站视觉符合品牌策略
  4. 04审查作品集和案例页面

安装

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

$npx skills add https://github.com/flitzrrr/frontend-design-skills --skill branding-identity

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

详细介绍

品牌与身份

品牌不只是一个标志。它涵盖人们对一家公司的所有认知与体验。设计是战略,而非装饰。

适用范围

在以下情况下使用此技能:

  • 制定或审查品牌定位
  • 创建企业设计或品牌风格指南
  • 使网站的视觉形象与品牌战略保持一致
  • 设计作品集或案例研究页面
  • 定义语气和品牌个性
  • 确保所有接触点保持一致

原则

1. 品牌不只是一个标志

品牌塑造涵盖设计、沟通、服务和行为。一切都会影响品牌。

2. 一致性建立信任

品牌通过长期持续且一致的沟通建立起来。不一致会摧毁信任。

3. 定位不可或缺

每家公司都必须明确界定自身与竞争对手的不同之处。没有定位,产品或服务就无法区分。

4. 品牌在人们心中形成

公司无法定义品牌——品牌由受众的认知决定。品牌塑造会主动引导这种认知。

5. 真实胜过刻意包装

展现真实的人、真实的工作和真实的成果。虚假的呈现会令人失望。

规则

要做:制定定位
  • 明确界定公司的独特之处。
  • 找出差异化因素(质量、沟通、定价、服务)。
  • 拟定定位陈述:“我们是为 [谁] 提供 [什么] 的公司,帮助他们满足 [需求],因为我们有 [差异化优势]。”
要做:定义品牌核心
  • 为品牌定义 3-5 项核心价值。
  • 拟定品牌故事:公司为何存在?它解决了什么问题?
  • 描述品牌个性:如果品牌是一个人,它会如何说话?
要做:始终如一地实施企业设计
  • 创建设计系统,明确规定颜色、字体、间距和组件。
  • 使用预先定义的标志变体(彩色、黑白、仅图标、带或不带标语)。
  • 定义标志的位置、留白空间和最小尺寸。
  • 将调色板限制在最多 5-7 种颜色。
  • 最多选择 2 种字体系列。
要做:设计所有接触点
  • 有意识地设计每个接触点:网站、电子邮件、社交媒体、印刷材料。
  • 确保所有接触点传达相同的品牌信息。
  • 定义语气:正式/非正式、幽默/客观、称呼方式。
要做:将作品集作为品牌展示窗口
  • 只展示最出色、最具代表性的作品(重质量而非数量)。
  • 描述每个项目:初始情况、挑战、方法、解决方案、成果。
  • 使用高质量、大尺寸的图片和样机。
  • 将客户评价作为社会认同融入其中。
  • 定期更新作品集。
要做:让“关于我们”页面更具个人特色
  • 用真实照片展示自己/团队。
  • 讲述公司的创立故事。
  • 在显眼位置提供多种联系方式。
不要做:将品牌塑造等同于标志设计
  • 仅有标志无法塑造品牌认知,还需要完整的品牌体系。
不要做:传递不一致的品牌信号
  • 不要在不同渠道使用不同的配色方案。
  • 不要因媒介不同而改变沟通风格。
  • 不要在没有战略依据的情况下改变视觉形象。
不要做:让潮流主导品牌形象
  • 如果设计潮流不符合品牌,不要盲目追随。
  • 让核心形象超越潮流而保持不变。
  • 逐步演进品牌,而非彻底改变。

模式

品牌风格指南

一份记录了标志规范、调色板(Hex、RGB、CMYK)、排版规则、视觉语言、语气、间距和网格系统的参考文档。它是任何代表品牌进行设计的人都应遵循的权威参考。详情请参阅 references/brand-style-guide.md。

作品集项目页面(案例研究)

结构化布局:1. 项目标题和摘要;2. 初始情况与挑战;3. 方法与流程;4. 视觉成果(大幅截图/模拟图);5. 可衡量的影响;6. 客户评价。

品牌个性光谱

在以下维度上定义品牌:正式--非正式、客观--感性、严肃--幽默、内敛--自信。为每个维度确定具体值,并据此撰写语言示例。

视觉差异化元素

找出一到两个品牌独有的视觉元素(标志性色彩、插画风格、独特字体、反复出现的图形母题)。这些元素应始终如一地出现在所有触点中。

前后对比展示

对于重新发布项目:通过前后对比作为视觉证明。使用交互式滑块或并排展示。补充可衡量的结果(转化率提升、加载时间改善)。

反面模式

只有 Logo 的品牌塑造

品牌塑造沦为 Logo 设计,缺乏策略和品牌核心。解决方案: 在设计 Logo 之前,先以定位、价值观、语气和视觉系统为基础。

缺乏个性的作品集

作品集展示了作品,却没有呈现个人、流程或背景。解决方案: 添加个人介绍页面、流程说明、客户评价和清晰的联系方式。

追逐潮流的设计

视觉形象随着每种潮流彻底改头换面,导致品牌难以被识别。解决方案: 保持核心形象稳定;只有在适合品牌时才采用潮流元素。

刻意营造大规模形象

独立从业者把自己包装成大型机构,客户会察觉这种不符。解决方案: 真实呈现自己;展现小团队的优势。

作品集内容过多

项目太多、截图太小、缺少背景信息。解决方案: 展示 5-10 个最佳项目,使用大幅图片,并附上案例研究说明。

检查清单

策略
  • 用一句话阐明定位
  • 定义 3-5 项核心价值观
  • 描述目标受众
  • 定义品牌个性和语气
  • 找出差异化优势
视觉系统
  • 提供所有必要版本的 Logo
  • 定义调色板(最多 5-7 种颜色,含 Hex/RGB)
  • 确定字体排版(最多 2 个字体系列)
  • 记录视觉语言和图像风格
  • 创建品牌风格指南并确保其易于访问
作品集
  • 只展示最佳作品
  • 为每个项目提供背景信息和说明
  • 使用高质量的大幅图片/模拟图
  • 加入客户评价
  • 在介绍页面加入个人照片
  • 定期更新作品集
一致性
  • 所有触点的视觉风格统一
  • 始终保持一致的沟通风格
  • 积极使用品牌风格指南

交叉参考

  • color-theory -- 色彩心理学与品牌色彩选择
  • web-typography -- 字体选择作为品牌形象元素
  • images-media -- 图像策略作为品牌形象的一部分
  • ui-design -- UI 设计作为品牌的视觉表达
  • usability -- 易用性作为品牌承诺
  • visual-direction -- 品牌视觉方向决策

评论

支持 Markdown