mcpField
B
brand-marketing

brand-marketing

github.com/dylantarreマーケティング・グロース132550 回インストール43 週間前に更新
リポジトリ

brand-marketing について

brand-marketingは、CM、広告、ブランドアイデンティティのコンテンツを制作するチーム向けのアニメーションスキルです。12の原則を商品紹介、ロゴの動き、ブランドの個性、媒体別の納品物に応用します。

主な機能

  1. 0112の原則をブランドアニメーションに適用
  2. 02商品紹介とロゴの動きをガイド
  3. 03ブランドの個性に合わせて動きを調整
  4. 04音楽同期とタイミングの指針
  5. 05媒体別のチェックリストと納品確認

活用シーン

  1. 01CMの商品紹介を計画
  2. 02ロゴとタグラインの動きを設計
  3. 03音楽に合わせてアニメーションを調整
  4. 04媒体別のアニメーション版を準備

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/brand-marketingを入力して読み込まれたか確認します。

詳細

ブランドマーケティングアニメーション

Disneyの12のアニメーション原則を、コマーシャル、広告、ブランドアイデンティティ、マーケティングコンテンツに適用します。

クイックリファレンス

原則ブランド/マーケティングでの活用
スクワッシュ&ストレッチ製品のバウンド、ロゴの伸縮性
予備動作登場への盛り上げ、サスペンス
演出製品のヒーローショット、焦点のコントロール
ストレート・アヘッド/ポーズ・トゥ・ポーズストーリーの流れと重要な瞬間
フォロースルー/オーバーラッピングロゴ要素の収束、タグラインの遅延表示
スローイン/スローアウト劇的な登場、滑らかな動き
アークカメラの旋回、製品の弧を描く動き
二次動作製品に反応する環境
タイミングブランドのエネルギーに合わせる、音楽との同期
誇張ブランドの個性を際立たせる
立体感のある描画動きの中でも一貫したブランドアイデンティティ
魅力記憶に残り、感情に響く

原則の適用

スクワッシュ&ストレッチ:製品が着地するときに弾ませて、エネルギーを表現できます。ロゴ要素は登場時に伸縮させます。テキストに弾力のある強調を加えることもできます。ブランドの個性に合わせましょう。ラグジュアリーならミニマルに、遊び心のあるブランドなら弾むようにします。

予備動作:製品が登場する前に期待感を高めます。タグラインが表示される前に間を置きます。サウンドデザインで視覚的な見せ場に先立つ巻き上げを演出します。期待を生み出してから、それに応えます。

演出:常に製品を主役にします。照明で焦点を誘導します。背景は製品を引き立て、決して競合しないようにします。すべてのフレームで明確な視覚的階層を保ちます。

ストレート・アヘッド対ポーズ・トゥ・ポーズ:ストーリー主導のコマーシャルは自然な流れで進めます(ストレート・アヘッドのエネルギー)。重要な登場シーンは正確にポーズをつけます。両方を組み合わせ、流れの中にインパクトのある瞬間を作ります。

フォロースルー&オーバーラッピング:ロゴ要素はそれぞれ異なる速度で収束させます。ロゴが落ち着いた後にタグラインを表示します。製品の特徴を順番にアニメーションさせます。自然で生き生きとした印象が生まれます。

スローイン/スローアウト:劇的な登場には、長めのイーズインを使います。インパクトのある瞬間は素早く切り替えます。プレミアムブランドには、ゆっくりとした慎重なタイミングを使います。エネルギッシュなブランドには、速くキレのあるイージングを使います。

アーク:カメラを弧を描くように動かします。製品を自然に回転させます。ロゴ要素は流れるように動かし、急に切り替えないようにします。テキストを曲線に沿わせると、躍動感が生まれます。

二次動作:製品の存在に環境を反応させます。パーティクル、光線、反射を活用します。音楽と動きを同期させます。すべての要素でメッセージを強調します。

タイミング:ブランドのエネルギー特性に合わせます。ラグジュアリー:ゆっくり、慎重に(500~800ms)。テクノロジー:正確、効率的に(200~400ms)。遊び心:弾むように、エネルギッシュに(オーバーシュートを含めて300~500ms)。音楽のビートに同期させます。

誇張:ブランドの個性を際立たせます。自信に満ちたブランドには、大胆で決然とした動きを使います。親しみやすいブランドには、丸みのある弾むような動きを使います。誇張によって、ブランドが記憶に残りやすくなります。

立体感のある描画:動きの中でもロゴの完全性を保ちます。全体を通してブランドカラーを統一します。タイポグラフィはブランドガイドラインに従います。モーションスタイルをブランドアイデンティティシステムに合わせます。

魅力:アニメーションでターゲットの感情を呼び起こします。信頼、興奮、安心感、憧れなどです。すべての動きの選択をブランドメッセージに結び付けます。何度も見返したくなる、記憶に残る瞬間を作ります。

ブランドの個性を表す動き

ラグジュアリー/プレミアム
- Slow, deliberate timing (500-800ms)
- Minimal motion, maximum impact
- Subtle easing, no bounce
- Clean, geometric paths
- Restrained color transitions
テクノロジー/イノベーション
- Precise, efficient timing (200-400ms)
- Sharp, decisive motion
- Geometric transitions
- Light trails, particle systems
- Data-driven motion graphics
遊び心/親しみやすさ
- Bouncy timing with overshoot (300-500ms)
- Squash and stretch throughout
- Curved, organic paths
- Bright color pops
- Character-driven elements
プロフェッショナル/企業向け
- Balanced timing (300-500ms)
- Clean, purposeful motion
- Grid-aligned movements
- Fade and slide transitions
- Subtle, refined effects

ロゴアニメーションのフレームワーク

フェーズ時間目的
予備動作200~400ms期待感を高める
登場400~800msメインアニメーション
収束200~400msフォロースルー
ホールド1000~2000msブランドを認識させる
ロゴの登場パターン
  1. 組み立て:要素を組み合わせてロゴを形成します
  2. 表示:マスクやトランジションでロゴを見せます
  3. 変形:抽象的な形からロゴへと変形します
  4. キネティック:ロゴ要素を動かしてから、最終形に収束させます

音楽との同期ガイドライン

  • 強いビート:重要な登場、インパクト
  • 小節:セクション間のトランジション
  • BPM:全体的なエネルギーを決定
  • 無音:登場前に使うと効果的
  • サウンドデザイン:動きを強調

プラットフォーム別の尺

プラットフォーム最大の長さロゴの表示時間
テレビCM15/30/60s2-3s
プレロール6/15s1-2s
ソーシャル動画15-60s1.5-2s
ストーリーズ15s1-1.5s
バンパー広告6s1s

納品物チェックリスト

  • アニメーションがブランドガイドラインに準拠している
  • ロゴアニメーションの承認済み
  • 音声に合わせてタイミングが調整されている
  • プラットフォーム別のバージョン
  • モーションを抑えた代替版
  • カラープロファイルが正しい
  • セーフエリアに準拠している

コメント