关于 branding-identity
Branding and Identity 是用于制定或审查品牌策略、视觉识别和各接触点传播的技能。它涵盖品牌定位、核心理念、企业设计、作品集指引与一致性检查,适合塑造品牌或其对外呈现的团队。
主要功能
- 01品牌定位与核心价值
- 02品牌故事与个性
- 03企业设计系统指引
- 04语气与接触点一致性
- 05作品集与案例页面模式
- 06品牌识别检查清单
适用场景
- 01制定品牌定位
- 02编写品牌风格指南
- 03使网站视觉符合品牌策略
- 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-- 品牌视觉方向决策