デザイン

デザイン

PR

モーショングラフィックを用いて「ストーリー」を伝える方法を伝授!

UX Planet

UX Planet is a one-stop resource for everything related to user experience.

本記事は、How to tell a story with motion graphics
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

2,098 views

読了時間 : 約2分39秒

心の中まで見れば、私たちは誰もがストーリーテラーです。しかし、思考を表現する出口を自ら開発している人もいますし、そうでない人ももちろん存在するでしょう。私たちが「表現する」かどうかは問題ではありません。しかし、ストーリーがコミュニケーションを促進することはデザイナーとして覚えておきたい点です。

 

ストーリーについての驚くべきことは、それらが話し言葉や書き言葉に限られたものではないということです。それらは、それを伝える媒体から独立しています。良いストーリーに必要なのは、ストーリーテラーとそのストーリーを聞く人だけです。

 

私は、自分のメディアとしてのモーショングラフィックを通してストーリーテラーになることを選びました。動いていることはすべて物語そのものです。そよ風で揺れる葉っぱ、振り子時計が作る音と動き、雨がデリーにもたらすカオスなど、日常の一瞬一瞬が私のインスピレーションとなっています。

 

モーショングラフィックスデザイナーとしての私の仕事は、イラストレーション、音、ビデオを使ってストーリーを伝え、意義深くインパクトのある体験を作り上げることです。しかし、世界の他のすべてのものと同様に、それは簡単な仕事ではありません。制作するプロセスのに入る前に多くの試行錯誤が必要です。

 

私は通常、流暢なストーリーテリングフローを構築し、自然に見えるようにする方法に頭を悩まし、メッセージを過度に複雑にしないようにするために多くの時間を費やしています。以下では、その際のプロセスを項目ごとにご紹介いたします。

 

 

○概念化

この基本的なステップの重要性はどれだけ強調しても足りません。これをスキップすることは禁じられています。これは、モーショングラフィックを作成する上で最も重要なステップです。30秒のクリップや30分のピースを作成していても、構造を混乱させてはいけません。インターネット時代において、ユーザーの注意を引ける時間は数秒です。相手に影響を与えるのは、わずかな時間において成し遂げなければなりません。

 

経験則として、私ははっきりと構造化された物語をもう一度洗い出すことから始めます。その際、私は自分自身に3つの質問を投げかけます。

  1. 1.誰のためにこれを作っている?
  2. 2.ユーザーにどんなアクションを起こしてほしい?
  3. 3.どのような感情を感じてほしい?

 

これらの質問に対する回答が考えられれば、前途洋洋です。

 

 

○ストーリーボード

概念化した後、私は高レベルのストーリー(またはストーリーボード)を作成します。

 

ストーリーの中核となる構造、すなわち彼らがどのように出入りするか、どのような遷移が必要なのか、テキスト/オーディオの要件とそのようなものを特定するために棒人間を描きます。ストーリーボードはすべてのフレームをつなぎ合わせるのに役立ち、全体のストーリーを視覚化するのに役立ちます。

 

私がチームの唯一のモーションデザイナーであるので、私は仲間のデザイナーに私のストーリーボードを示し、彼らのフィードバックを求めます。最終的なスクリプトを始める前に、他人に意見を求めることは常に良いことです。私はそれを完全にお勧めします。

 

 

○デザイン

最後に、これは確かに最もエキサイティングな部分です。ここでは、あなたのアイデアに翼をつけ、そこに命が吹き込まれていくのを見ていくことになります。デザインするパートはほとんど技術的です。ここで独自のスタイルを使用することもできますが、私は常にブランドガイドラインに固執します。

 

デザインは、人気のあるアニメーションスタイルを追加するだけでなく、さまざまなシーンをフェードイン/フェードインすることに留意してください。滑らかなまとまった物語を作り出すには必須です。タイミング、ボイスオーバー、すべてがモーションと完全に同期する必要があります。

 

 

ハッピーストーリーテリング!

 

 

 

※本記事は、How to tell a story with motion graphicsを翻訳・再構成したものです。

 

 

▼こちらの記事もおすすめです!

 

おすすめ新着記事

おすすめタグ