作業の進め方
color-motionは、動く作品の色に関する判断を扱います。パレットの構成、グラデーション遷移、雰囲気を作るグレーディング、レンダリングの一貫性が対象です。値を明示した抑制的なパレットを提案し、補間の設計にはOKLCHやLabなどの知覚的な色空間を使います。
Web向けには、一つのアニメーション駆動元とフレーム固定による確認を備えた、単独で開けるHTMLを成果物とします。動画ではカラーマネジメントの診断へ案内します。書き出した映像の色が薄く見える場合は、作品を塗り直す前に、作業用色空間、埋め込みタグ、再生時の解釈を調べます。
想定される成果物
- 色の値と役割を明示したパレット。
- ブラウザで確認できる例の中の、グラデーションまたは遷移コード。
- 選んだ動画制作フローに合わせた、グレーディングやカラーマネジメントのチェックリスト。
ブリーフからレビューまで
- 01色の役割を決める
要件に合う主色、アクセント、ニュートラルカラーを選びます。階層やコントラストの要件を、装飾的な変化と分けて考えます。
- 02遷移の経路を作る
知覚的な色空間で補間を設計し、アニメーションの駆動元を一つ選びます。両端の色に加え、中間点も確認します。
- 03納品時の見え方を確認する
代表的なWebのフレームを固定するか、対象の再生環境で動画のタグと見え方を比べます。納品前にバンディングや明るさの変化を調べます。