TOP  >  WebService  >  UIデザインに機能的なアニメーションをつける4つのポイント「4 Ways Use Functional Animation in UI Design」
2017年05月25日

UIデザインに機能的なアニメーションをつける4つのポイント「4 Ways Use Functional Animation in UI Design」

デザインに動きをつけてより見やすいUIを作り上げるとこができる、UIアニメーション。上手に利用すれば良いUIを制作できますが、動きという印象に残る要素になるため、取り入れるにはコツが必要です。今回ご紹介するのは、そんな時に役立つ、UIデザインにアニメーションを盛り込むコツをまとめた「4 Ways Use Functional Animation in UI Design」です。

animationui

アニメーションを採用するための4つの覚えておきたいポイントが、非常にわかりやすく実例も踏まえて解説されています。

サイトではUIデザインを取りれると「認知負荷の軽減」「UIを見失うことを防ぐ」「より良い空間の活用」が出来ると述べています。本文ではポイントを、ビジュアルについて、形状変化について、システム状態の可視化、機能解説の4点に分けてわかりやすく解説し、UIアニメーションの極意についてフィードバックしています。また解説の途中にはUIアニメーションの作例も紹介されており、テキストだけでなく視覚的にも理解を深めていけます。

WEBデザインに欠かせない存在となってきたアニメーションを理解し、より良いデザインを目指すためのヒントとして一度目を通しておいても損はなさそうです。記事の全文は下記リンクにて読むことができますので、興味をお持ちの方はご覧になってみてはいかがでしょうか。

4 Ways Use Functional Animation in UI Design | Webdesigner Depot

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:00  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る