モーションはコミュニケーションをより印象的で魅力的にします。Spaceshipのモーション制作は、ブランドアイデンティティを反映するために、特定の原則、トーン、パラメーター、振付が連携して行われます。
モーションは体験を魅力的にするだけでなく、アイデアを明確にし、コンセプトを強化し、意図を持ってストーリーに命を吹き込みます。
定義されたモーション原則のセットは、私たちが作成するアニメーションの目的を明確にします。
伝えたいメッセージに深い意味を持たせることを目指しましょう。シンプルな幾何学を探求し、有機的な動きを通じて可能性を広げることで、複雑なコンセプトを乗り越えます。
モーションは構成や動きにおいて自然であるべきです。モメンタムを活用することで、視聴者の体験を高め、モーション言語に自然な感覚をもたらします。
モーションは認知負荷を軽減し、重要な点に視線を誘導するべきです。アクションが行われた際には即座にフィードバックを提供し、視聴者を待たせないようにします。
一部の製品やサービスには異なる機能や特性がありますが、視聴者との関係性に基づいてアニメーションへの一般的なアプローチを定義できます：感情的および機能的。
感情的 — より深い繋がりを生み出す
ブランドは視聴者の感情に訴えかけ、より深い繋がりを作ることができます。
機能的 — 顧客が目標を達成するのを助ける
フィードバックを改善し、方向性を示し、視聴者の注意を重要な点に導きます。
Spaceshipに関連するすべてのメディア、プラットフォーム内外で、私たちのブランド原則が反映されるべきです。モーションでそれらを具現化するために、一貫性、統一性、ブランドアイデンティティの表現を保証するパラメーターセットに依存しています。
タイミング
タイミングと遅延は同じオブジェクト内で協調し、トーンと目的の両方を伝えることができます。例えば、ページ読み込み時に遅いトーンを用いることで感情的な繋がりを生み、その後素早い反応で明確かつ即時のフィードバックを伴う機能的なトーンを提供します。
ペアレンティング
ペアレンティングを使って意味を生み出し、ビジュアル要素間の関係を確立します。再生アニメーションでは、ペアレンティングによって要素同士の関係や変化を示します。リアルタイムのインタラクションでは、オブジェクトを視覚的に繋げ、ユーザーを自然にインターフェースへ導くことで、よりスムーズな体験を実現します。
ディレイ
ディレイはオブジェクト間の関係を定義し、ユーザビリティを高め、新しい要素を画面に導入する際にストーリー性を持たせます。
パララックス
パララックスの目的は奥行きの錯覚を生み出すことです。これにより、視聴者はどのオブジェクトが優先度が高いか、何に注目すべきかを認識できます。重なり合うオブジェクトを異なる速度で動かすことで、それらの間に空間的な関係を作り出します。
オーバーレイ
このパラメーターは3D空間を使わず、重なり合うオブジェクトが独立して動くことを可能にします。オーバーレイは既存のインターフェース上でこれらの重なったレイヤーを使い、追加情報を提供します。モーションを使って、これらのエンティティ間の空間的関係のストーリーを作り出します。
コレオグラフィー
コレオグラフィーは、私たちのパラメーターに加え、連続性、関係性、ストーリー性という3つの要素を組み合わせます。各オブジェクトの動きをコントロールすることで、視聴者の注目を集め、感情的なエンゲージメントを生み出します。
連続性
一貫性と滑らかなモーションの流れを保証し、視聴者がストーリーを理解し、遷移間で集中力を維持できるようにします。画面上の要素に目的を持たせることで、視覚的な連続性を強化します。
関係性
各オブジェクトが周囲とどのように関係し、その動きが他の要素の動作にどのように影響するか。
ストーリー性
他の属性と組み合わせることで、よく練られたストーリーは視聴者と深く持続的な繋がりを築き、最も複雑なタスクでさえもシンプルで分かりやすく導くことができます。