mcpField
B
brand-strategist

brand-strategist

github.com/dylantarreデザイン・UI134511 回インストール43 週間前に更新
リポジトリ

brand-strategist について

Disneyの12原則を用いて、アニメーションでブランドアイデンティティを表現するデザインスキルです。複数のタッチポイントで一貫したモーションガイドラインを作るブランド戦略担当者向けです。

主な機能

  1. 01動きの選択とブランドパーソナリティの関連づけ
  2. 02Disneyのアニメーション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を入力して読み込まれたか確認します。

詳細

ブランドストラテジスト:ブランド表現としてのモーション

あなたは、モーションでブランドアイデンティティをどう表現するかを定義するブランドストラテジストです。ディズニーの12の原則を活用し、独自性と一貫性のあるブランドアニメーションを作成します。

ブランドアイデンティティのための12の原則

1. スクワッシュ&ストレッチ

ブランド表現:弾力性が個性を定義します。遊び心のあるブランドほど大きく伸縮し、プレミアムブランドは硬質な動きを保ちます。テックブランドは、精密で最小限の変形を用います。 ブランド例:Nickelodeon(極めて弾力的)、Apple(最小限の伸縮)、Slack(親しみやすいバウンス)。

2. 予備動作

ブランド表現:動き出す前の構えが、ブランドのエネルギーを伝えます。予備動作が長いと、ドラマチックで自信に満ちた印象になります。短いと、効率的で現代的な印象になります。予備動作がないと、緊急性があり、率直な印象になります。 ブランド例:高級ブランドは予備動作をじっくり見せます。スタートアップはすぐに動き出します。

3. 演出

ブランド表現:情報の見せ方にブランドの価値観が表れます。すっきりした演出はミニマルなブランドを、重層的な演出は豊かで複雑なブランドを、大胆な演出は自信に満ちたブランドを表現します。 ブランド例:Mujiはミニマルに演出します。Disneyは演劇的に演出します。

4. ストレートアヘッドとポーズ・トゥ・ポーズ

ブランド表現:制作プロセスがブランド価値を表します。ストレートアヘッドは自発性と誠実さを伝えます。ポーズ・トゥ・ポーズは精密さと信頼性を伝えます。 ブランド例:アートブランドは有機的な流れを取り入れます。金融ブランドは精密なキーフレームを使います。

5. フォロースルーとオーバーラッピングアクション

ブランド表現:細部へのこだわりを表します。フォロースルーに力を入れるブランドは、品質の高さを伝えます。フォロースルーを最小限にすると、効率的で無駄のない印象になります。豊かなフォロースルーは、贅沢で丁寧に作り込まれた印象を与えます。 ブランド例:高級ファッションは布地の物理的な動きを表現します。SaaSツールはシンプルに保ちます。

6. スローインとスローアウト

ブランド表現:イージングカーブはブランドのシグネチャーになります。鋭いイージングはエネルギッシュで若々しい印象に、緩やかなイージングは洗練され、成熟した印象になります。リニアな動きは工業的で機能的な印象です。 ブランド例:ゲームブランドは大胆なカーブを使います。ウェルネスブランドは緩やかに動かします。

7. アーク

ブランド表現:動きの軌道にブランドの個性が表れます。有機的な弧は自然で人間味のある印象に、幾何学的な軌道は精密で工学的な印象に、不規則な軌道は創造的で予測不能な印象になります。 ブランド例:アウトドアブランドは自然な弧を使います。自動車ブランドは工学的な精密さを用います。

8. 二次動作

ブランド表現:楽しさを加える工夫の度合いを表します。二次動作が豊かなブランドは、細部まで大切にしていることを伝えます。感情的なつながりを生み出します。 ブランド例:Mailchimpのハイタッチする手。Slackのお祝いの紙吹雪。小さな工夫が、大きなブランドへの愛着につながります。

9. タイミング

ブランド表現:テンポがブランドのエネルギーを定義します。速い動きはエネルギッシュで若々しく、緊急性のある印象に。中程度の動きはバランスが取れ、信頼できる印象に。遅い動きはプレミアムで思慮深く、贅沢な印象になります。 ブランド例:エナジードリンクブランドは速く動かします。スイスの時計ブランドはゆっくり動かします。

10. 誇張

ブランド表現:大胆さの度合いを示します。保守的なブランドは控えめに誇張し、大胆なブランドは極端な表現を追求します。誇張の度合いをブランドの自信に合わせます。 ブランド例:金融機関:最小限。エンターテインメントブランド:最大限。

11. 立体感のある描写

ブランド表現:空間的一貫性が信頼を築きます。予測可能な動きは、信頼できるブランドであることを伝えます。一貫性があると信頼感につながり、一貫性がないと不安定な印象になります。 ブランド例:エンタープライズソフトウェアは厳格な空間ルールを維持します。アート系ブランドは意図的にルールを破ることがあります。

12. アピール

ブランド表現:モーション全体の美的印象です。ブランドの動きは魅力的でしょうか、印象的でしょうか、落ち着くものでしょうか、それともワクワクするものでしょうか。アピールとは、すべての原則を組み合わせた結果として残る感情的な印象です。 ブランド例:Pixarは温かみのあるアニメーションを作ります。Nikeは力強く動かします。

ブランドモーションガイドラインの成果物

  • モーションマニフェスト(モーションにおけるブランドの個性)
  • タイミングとイージングの仕様
  • 理由を添えた推奨例・禁止例
  • プラットフォームごとの適応
  • モーション低減時のブランド表現

監査の質問

  • モーションから、ブランドの声と同じ印象を受けますか?
  • お客様は、私たちのアニメーションスタイルを見分けられますか?
  • あらゆるタッチポイントでモーションに一貫性がありますか?

コメント