2017年05月16日(火)
UX向上の鍵!マイクロインタラクションにも使えるアニメーションプラグイン15選
モバイルアプリケーションはもちろん、Webサイトにおいてもアニメーションはエンゲージメントを高めるうえで強力なツールです。
jQueryが流行していたころはjQueryに標準で搭載されているアニメーションを使ったりjQueryプラグインを導入するのが一般的でしたが、現在ではjQueryをベースとしたものに限らず、さまざまなアニメーションプラグインが公開されています。フルスクリーンで背景が動くアニメーションから小さなホバーエフェクトまで、アニメーションはいたるところで使われています。
今回は、フロントエンドエンジニアやWebデザイナーが知っておきたい、マイクロインタラクションにも使えるアニメーションプラグインをご紹介していきます。プラグインのメリットは、簡潔に読み込みコードと設定を書き込むだけで、だれもが簡単に導入できる点です。
ぜひ、お気に入りのプラグインをピックアップしていきましょう。1. Anime.js
author:
ferret [フェレット]
株式会社ベーシックが運営するWebマーケティングに特化したオウンドメディア
関連記事
Ads
株式会社ベーシックが運営するWebマーケティングに特化したオウンドメディアferret [フェレット]の記事『UX向上の鍵!マイクロインタラクションにも使えるアニメーションプラグイン15選』についてまとめています。
この記事は特にjavascript・アニメーション・jQuery・SVG・フォント・UX・スマートフォン・アプリについて書かれており、 Webデザイン、HTML+CSSコーディング、Webサービスのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のferret [フェレット]で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとferret [フェレット]の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。