思わず魅了されるモーショングラフィックス20選!2019年の世界的トレンドは?

予想を超えるデザインを自由に創作できるモーショングラフィックス。静止画では実現できないアクティブな表現が可能です。

本記事では、モーショングラフィックスにおける2019年の世界的トレンドと、その効果的な使い方をご紹介します。

テクノロジーやポップカルチャーなど、最新のイノベーションから影響を受けるモーショングラフィックス。トレンドだからといって盲目的に模倣するのはいけませんが、メインストリームで人気の作品の特徴を掴んでおくことで、あなたのブランドや制作活動にきっと役立つでしょう。

モーショングラフィックスにおける5つの世界的トレンド

まずは2019年に伸びることが予想される、モーショングラフィックスの世界的なトレンドを見ていきましょう。

1. リキッドモーション

リキッドモーションを使用すると、モーショングラフィックスにオーガニックな感覚を取り入れられます。流れるようなリキッドモーションがシームレスな画面遷移や変化を生み出し、新鮮で印象的なグラフィックスに仕上げられます。

以下のInfoTechBuzの動画は、リキッドモーションのパワフルさを表現した作品です。

2. マイクロインタラクション

昨今では多くの会社が、UXにおけるマイクロインタラクションの重要性に気づき始めています。

マイクロインタラクションとは、ユーザーが重要な要素にきちんと注意を払えるよう、UXを向上するために作られた小さなアニメーションのことです。

以下のSangmi Kimの作品がモーショングラフィックスにマイクロインタラクションを導入した良い事例でしょう。

3. 濃いパステルカラー

パステルカラーはモーショングラフィックスに最適な色彩で、特にAppleによって印象的に使用されています。

3Dタッチが搭載された最新のiPhoneを持っている方なら、以下の魚のグラフィックを見たことがあるでしょう。

鮮やかなパステルカラーを使用することで、非常に美しくエレガントに仕上がります。そこにモーショングラフィックスを取り入れることで、思わず目を奪われるようなデザインが作れるでしょう。

4. グリッチ効果

AdweekとShutterstockのレポートによれば、ブランディング、マーケティング、パッケージング、モーションデザインの分野でグリッチ効果が積極的に活用されているとのこと。

古いテレビのような、ノイズが入った画面を彷彿させるグリッチ効果。以下のJebari Wootenのビデオは、モーショングラフィックスにおけるグリッチ効果の参考になるでしょう。レトロな印象で、かつ未来的でもあるグリッチ効果。2019年に間違いなく注目されるデザイントレンドでしょう。ぜひモーショングラフィックスにグリッチ効果を取り入れてみてください。

5. 2Dと3Dの組み合わせ

3Dテクノロジーの進化は、モーショングラフィックスに新しい可能性をもたらしてくれます。もちろんモーショングラフィックだけでなく、2019年は多くの産業分野で3Dが活躍すること間違いなしでしょう。

また2Dと3Dを組み合わせることで、より複雑なビジュアル効果も狙えます。GoogleクラウドナビゲーションAIのプレゼンテーション動画は、2Dと3Dを印象的に組み合わせて流れるようなモーションを実現させた良い事例です。

他にも、AR(拡張現実)やVR(仮想現実)は2019年のモーショングラフィックスのトレンドとなりうるでしょう。

モーショングラフィックスにおける5つの活用シーン

続いて、モーショングラフィックスの活用シーンをご紹介します。

1. ブランドのロゴへの活用

ブランドのロゴや、グリーティングのタイポグラフィーを、モーショングラフィックスを用いて華やかにできます。

ロゴは企業の顔とも言えるので、アニメーションやデザインにこだわってみてください。

2. 入力フォームへの活用

以下の画像のように、入力フォームにモーションをつけるのも面白いです。入力という手間のかかる作業を、少しでも楽しんでもらうためにアニメーションを取り入れるのは良いアイデアですね。

マイクロインタラクションの実例といえるでしょう。

入力エリア

▲出典:Andrej Radisic

3. 教材への活用

直感的なグラフィックスは、数学や理科などを教えるのに向いています。

以下はBenesseがオンラインで提供している教育サービスのサンプル映像です。モーショングラフィックスを上手に取り入れていますね。

4. プロジェクションマッピングへの活用

近年はプロジェクションマッピング制作にもモーショングラフィックスが取り入れられています。

以下は東京ビッグサイトのプロジェクションマッピングの動画です。建物の立体感をうまく活かしてアニメーションををつけています。3D技術と融合したモーショングラフィックスをぜひご覧ください。

5. 作品紹介への活用

モーショングラフィックデザイナーの野村律子氏の作品を1本にまとめた動画です。

細部にもふんだんにモーショングラフィックスが取り入れられており、モーショングラフィックデザイナーとしての腕前が一目でわかります。

モーショングラフィックスにおける8つの大企業の事例

次に大企業が公開している人気のモーショングラフィックス作品をみていきましょう。

1. Apple

モーショングラフィックスのお手本のような作品です。慣性や重力などのアニメーション表現を使いながらApple製品の紹介を行なっています。

YouTubeにAppleのモーショングラフィックスの制作方法を解説している動画があるので、「モーショングラフィックスを制作してみたいけど、どのチュートリアルをやったらいいかわからない」という方は一度動画をみて見てください。

2. カロリーメイト

カロリーメイトが制作したモーションインフォグラフィックスが使われた動画です。

インフォグラフィックスを、アニメーションなどの映像で表現することをモーションインフォグラフィックスと言います。

モーションインフォグラフィックスは、数字やグラフを効果的に伝えられるのでプレゼンの際などに利用するのがおすすめです。

3. 銀のさら

銀のさらがキャンペーンPRのために制作したモーショングラフィックス動画です。動画中の寿司や手は写真が使われており、細かい集合体の表現ができるモーショングラフィックスの特徴をうまく活かした映像になっています。

4. ANA

洗練されたおしゃれなモーショングラフィックスです。線にアニメーションを加えることで、ANAのネットワークの広さを演出しています。かっこいいモーショングラフィックスを制作したい方は参考にしてみてください。

5. subway

モーショングラフィックスが使われているsubwayのCM動画です。エビの丸みとアニメーションの動きがマッチしていて、ポップな音楽に合わせて弾けるようなモーションを取り入れているのがいいですね。

6. Pixel

Pixelはシームレスなモーショングラフィックスを配信しています。シーンが途切れることなく流動的に進むモーションは、Webデザインのメインビジュアルとして取り入れる例が増えてきているので要チェックです。

7. Facebook

社会問題を取り扱う場合や、ブランドの価値を伝える際、イラストを用いたドキュメンタリー風のモーショングラフィックスを使う例がよく見られます。宿泊予約サイトのAirbnbやアメリカの3大自動車メーカのFordもイラストを用いたモーショングラフィックスを配信しているので興味のある方は参考にしてください。

8. STARBUCKS

モーショングラフィックスによってデータや数字わかりやすく伝えている動画です。スターバックスがどれだけ世界で飲まれているか、拡大しているかが一目でわかります。音声は英語ですがモーショングラフィックスは視覚的な理解が魅力でもあるので、言語が異なっても映像を理解できます。

ビジュアルデザインにおける2つの世界的トレンド

最後に、モーショングラフィックスを含む「ビジュアルデザイン」の世界的トレンドについても見ておきましょう。

1. Apple製品にみる、彩度とモーショングラフィックスの重要性

Apple Watchのユーザーインターフェースには、彩度70%以上、明度90%以上の鮮明なカラーを使用したデザインが採用されています。至る所に細かなモーションが施されているのも特徴。

また2013年にiOS6からiOS7にバージョンアップした際、大幅に彩度が高くなりました。

近年の鮮やかなパステルカラーの注目もあり、モーショングラフィックスを含むビジュアルデザインの彩度は今度ますます高まっていくと予想されます。

ios ios67

▲出典:Slava Beskrovni

2. ビジュアルデザイン関連企業がUXデザイン業界へ進出

ビジュアルデザインを手がける企業や視覚効果のプロ、3ⅮアーティストたちがUXデザイン業界に進出していきます。モーショングラフィックスがUXに好影響を及ぼすという認識が広まっていったためです。

Webデザインにとどまらず、以下のような映画ムービーの作成にまで、仕事の範疇は広まっていきます。

VFX

モーショングラフィックス市場は、さまざまな技能をもつプロフェッショナルたちの手によって、さらなる成長を遂げていくことでしょう。

まとめ

Webサイトやデザインなど、さまざまな場面で重要な役割を果たすモーショングラフィックス。写真や文字にエフェクトを加えることによって、作品のクオリティがグッと上がるでしょう。

トレンドに目を配りつつ、自身のプロジェクトに合わせた最適なデザインを模索してみてください。

(参考:The Future of User Experience is Visual DesignThe 5 Major Motion Graphic Trends to Look Out For in 2019 執筆:Shinya Morimoto / Mariko Sugita)

 

あわせて読みたい!▼

SHARE

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ