UX Planet is a one-stop resource for everything related to user experience.
この記事はUX Planetからの翻訳転載です。配信元または著者とコンテンツ契約を結び配信しています。
The Future of User Experience is Visual Design
テクノロジーが発達し、革新的なビジュアルデザインが次々と生み出されています。ユーザーが楽しみにしているもののひとつが、モーショングラフィックスです。
今回は、ユーザーエクスペリエンスの向上に役立つ、モーショングラフィックスの動向と有効な使い方をご紹介します。
モーショングラフィックスの3大トレンド
1. シームレスな展開
シーンが途切れることなく、流動的にモーションが進みます。ローコストで、なおかつ見る人にストレスのかからないモーションを作れるとのことで人気です。
2. イラストを使ったドキュメンタリー
社会問題と取り扱う場合や、ブランドの価値を伝える場合に、イラストが用いられることが増えました。
3. 文字の表現が豊か
ブランドのロゴや、グリーティングメッセージのタイポグラフィーがより表情豊かになりました。
ビジュアルデザインの世界的な動向
Apple社製品にみる、彩度とモーションエフェクトの重要性
Apple Watchのユーザーインターフェースには、彩度70%以上、明度90%以上の鮮明なカラーを使用したデザインが採用されています。また、至る所にモーションが施されているのも特徴。
また、iOS7はビジュアルでユーザーの心を掴んだ良い事例です。iOS7では、iOS6に比べて彩度を高くしました。
モーショングラフィックスを含むビジュアルデザインの彩度は、今度もより高まっていくでしょう。
ビジュアルデザイン関連企業がUXデザイン業界へ進出
ビジュアルデザインを手がける企業や視覚効果のプロ、3ⅮアーティストたちがUXデザイン業界に進出していきます。モーショングラフィックスがユーザーエクスペリエンスに好影響を及ぼすという認識が広まっていったためです。
Webデザインに止まらず、以下のような映画ムービーの作成にまで、仕事の範疇は広まっていきます。
モーショングラフィックス市場は、さまざまな技能をもつプロフェッショナルたちの手によって、さらなる成長を遂げていくことでしょう。
モーショングラフィックスの有効な使いどころ
入力フォームに活用する
以下の画像のように入力フォームにモーションをつけます。入力という手間のかかる作業を、少しでも楽しんでもらうために良いアイディアですね。
Andrej Radisic/Materialup.com
教材に活用する
直感的なグラフィックは、数学や理科などを教えるのに向いています。以下はベネッセがオンラインで提供している教育サービスのサンプル映像です。モーショングラフィックスを上手に取り入れて、
広告に活用する
短めの尺で、動きの豊かなビジュアルを提供できるモーショングラフィックスは、広告にぴったりです。強いメッセージを伝えたいときに、活用してみてください。
モーショングラフィックスのまとめ
適切なコンテキスト、タイミングでユーザーが求めるものを提供するだけのものづくりでは、他社との差別化が難しくなってきました。
ユーザーが心から楽しめるビジュアルデザインのために、モーショングラフィックスを活用してみては？
（翻訳：Shinya Morimoto）
関連記事
エンジニアのリモートチームは競争力につながる！ 『シュフティ』開発チームが理想のチームワークを実現できたワケ
株式会社うるるが提供しているクラウドソーシングサービス『シュフティ』は、東京と鳥取の2拠点で開発を行っています。リモートチームが発足してから約4年。いくつかの課題にぶつかりながらも、順調にメ…
2017.09.26 エンジニア
IKEA効果で製品に愛嬌をプラス！ 「作っている」という臨場感がユーザーをくすぐる
IKEAといえば、日本に10店舗を展開している北欧の家具量販店です。おしゃれで安価な家具や、DIYを意識した商品に心をときめ貸せる消費者が多数。そんなIKEAにちなんでネーミングされたマーケ…
2017.08.25 エンジニア
デザインチームが行き詰まったら！ 課題解決するワークショップとは？
デザインプロジェクトを進行をさせるとき、チームメンバーが抱えている問題を解決できていますか？ プロジェクト自体の成功のためにも、メンバーがストレスなく仕事をするためにも、問題解決は欠かせませ…
2017.09.22 エンジニア
【エンジニア向け】IT系勉強会の情報収集ができるWebサイト10選
エンジニアとしてのスキルを磨くために勉強会やセミナーを探しているという方へ。 SEO対策術やIoTのトレンドを学べる勉強会、Pythonなどの新しい言語に触れる“もくもく会”、著名人の見解を…
2017.09.15 エンジニア
デザイナーがエンジニアに働きかけるべき6つのコミュニケーション
デザイナーとエンジニア間の円滑なコミュニケーションは、良い製品を作るために欠かせません。 Web制作会社の中には、デザイナーとエンジニアが2つのチームに分かれている会社があります。エンジニア…
2017.09.19 エンジニア
POPULAR
2017.08.01
【2017年版】アプリデザインにまつわる10のトレンド
2017.06.21
【2017年版】東京都内のおすすめのコワーキングスペース31カ所まとめ
2017.07.31
商用利用OK！ デザイナーにおすすめの英語フォント50選
2017.08.07
すべてのデザイナーに捧ぐ、チャートのデザインの法則
2017.08.03
Webデザインの核を担う“情報設計”を、見落としていませんか？
2017.06.30
国内&海外の商用利用可能なフリー写真素材サイト30選
NEW POST
2017.10.20
SNS戦略に最適なのはオーガニックマーケティング？有料広告との違いを検証
2017.10.20
SNSマーケティング効率化支援ツール『Buffer』『HootSuite』を徹底比較！
2017.10.20
エンジニア/クリエイター向け転職サイトおすすめ21選まとめ
2017.10.19
これだけは抑えたい！アイコンデザインでユーザーをキャッチするポイントまとめ
2017.10.19