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