mcpField
B
brand-strategist

brand-strategist

github.com/dylantarre设计与 UI134511 次安装43 周前更新
代码仓库

关于 brand-strategist

这是一项运用 Disney 的 12 条原则,定义动画如何表达品牌身份的设计技能,面向需要为多个接触点制定一致动效指南的品牌策略师。

主要功能

  1. 01将动效选择与品牌个性关联
  2. 02应用 Disney 的 12 条动画原则
  3. 03制定时长与缓动规范
  4. 04编写动效使用与禁用示例
  5. 05适配不同平台及减少动态效果

适用场景

  1. 01撰写品牌动效宣言
  2. 02审查各接触点的动画一致性
  3. 03制定品牌动效规则

安装

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

$npx skills add https://github.com/dylantarre/animation-principles --skill brand-strategist

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

详细介绍

品牌策略师:以动态表达品牌

你是一名品牌策略师,负责定义动态如何表达品牌形象。运用 Disney 的 12 项原则,打造独特且一致的品牌动画。

品牌形象的 12 项原则

1. 挤压与拉伸

品牌表达:弹性定义个性。活泼的品牌拉伸幅度更大。高端品牌则保持刚性。科技品牌采用精准、克制的形变。 品牌示例:Nickelodeon(高度弹性)、Apple(极少拉伸)、Slack(友好弹跳)。

2. 预备动作

品牌表达:蓄势式动作传递品牌活力。预备时间长 = 戏剧化、自信。预备时间短 = 高效、现代。没有预备动作 = 紧迫、直接。 品牌示例:奢侈品牌会细细铺陈预备动作。初创公司则跳过铺垫,直接行动。

3. 演出布局

品牌表达:品牌呈现信息的方式体现其价值观。简洁的布局 = 极简品牌。层叠的布局 = 丰富、复杂的品牌。大胆的布局 = 自信的品牌。 品牌示例:Muji 的布局极简。Disney 的布局富有戏剧性。

4. 逐帧动画与姿势对姿势动画

品牌表达:创作过程本身体现品牌价值。逐帧动画传递自发、真实的感觉。姿势对姿势动画传递精准、可靠的感觉。 品牌示例:艺术品牌拥抱自然流动的效果。金融品牌使用精准的关键帧。

5. 跟随动作与重叠动作

品牌表达:体现对细节的关注。注重跟随动作的品牌传递品质感。极少跟随动作 = 高效、干练。丰富的跟随动作 = 奢华、精工细作。 品牌示例:奢侈时装呈现布料的物理动态。SaaS 工具则保持简洁。

6. 慢入与慢出

品牌表达:缓动曲线是品牌标志。急促的缓动 = 活力、年轻。柔和的缓动 = 精致、成熟。线性缓动 = 工业化、实用。 品牌示例:游戏品牌使用强烈的曲线。健康养生品牌采用柔和缓动。

7. 弧线运动

品牌表达:运动路径体现品牌个性。有机弧线 = 自然、人性化。几何路径 = 精准、工程化。不规则路径 = 富有创意、难以预测。 品牌示例:户外品牌使用自然弧线。汽车品牌追求工程化的精准。

8. 次要动作

品牌表达:体现对惊喜感的投入。丰富次要动作的品牌传递出对细节的用心,并建立情感联结。 品牌示例:Mailchimp 的击掌手势。Slack 的庆祝彩纸。细微之处,成就强烈的品牌好感。

9. 时间节奏

品牌表达:节奏定义品牌活力。快速 = 活力、年轻、紧迫。中速 = 均衡、可靠。缓慢 = 高端、深思熟虑、奢华。 品牌示例:能量饮料采用快速动画。瑞士腕表采用缓慢动画。

10. 夸张

品牌表达:体现大胆程度。保守的品牌采用含蓄的夸张。大胆的品牌则推向极致。夸张程度应与品牌自信相匹配。 品牌示例:金融机构:极少夸张。娱乐品牌:最大程度夸张。

11. 扎实绘制

品牌表达:空间上的一致性能够建立信任。可预测的运动行为传递品牌可靠性。一致 = 值得信赖。不一致 = 不稳定。 品牌示例:企业软件遵循严格的空间规则。艺术品牌则可以有意打破这些规则。

12. 吸引力

品牌表达:整体动态美感。品牌的动作是迷人、令人印象深刻、平静还是令人兴奋?吸引力是综合运用所有原则后留下的情感印象。 品牌示例:Pixar 的动画传递温暖。Nike 的动画充满力量。

品牌动态指南交付内容

  • 动态宣言(动态中的品牌个性)
  • 节奏与缓动规范
  • 附理由的建议与禁忌示例
  • 针对不同平台的适配方案
  • 减少动态效果时的品牌表达

审核问题

  • 动态效果是否契合我们品牌的声音?
  • 客户能否辨认出我们的动画风格?
  • 各个触点上的动态效果是否一致?

评论

支持 Markdown