ＵＩの小さなインタラクションから華々しいギミックまでＷｅｂサイトにつける動きの集大成！“どう動かすか”が設計と実装の両面から身につく！プロが現場で使う動きのテクニックをステップ・バイ・ステップ形式で丁寧に解説。
もくじ情報：Ｉｎｔｒｏｄｕｃｔｉｏｎ　Ｗｅｂの動きの基礎知識；１　メインビジュアル（待ち時間を短い導入体験へ変える　プリローダー導入で世界観へ引き込む；ビジュアルをめくる体験を作る　メイン演出として使うカルーセルやスライダー　ほか）；２　ＵＩ・マイクロインタラクション（カーソルの動きに心地よいカラーが追従し、有機的な体温を与える　カーソルを中心にカラーが広がり追従する；闇に潜む文字を光で照らし、静かな奥行きと集中を生み出す　ホバーでテキストが照らされる　ほか）；３　グラフィック・背景（カードをめくるようなスクロール体験　スクロールに連動するカードスタック；ぼかしと視差効果で生み出す立体感　ブラー・マスクなどを使った奥行き表現　ほか）；４　華やかなギミック（スクロールと１：１で連動し、画面を覆う靄を晴らして没入感を高める　スクロール連動で空間の靄（もや）が晴れる；テキストへのホバーで背景をなめらかに切り替え、驚きと発見を提供する　カーソル連動で背景の画像を映し出す　ほか）

岩松　翔太(イワマツ　ショウタ)
株式会社エムハンド取締役／アートディレクター。年間１５０件以上の品質管理を統括しつつ広報・採用ブランディング責任者を兼任。大手案件を多数主導し、企業の文脈を正しく翻訳する表現設計を得意とする。知のオープン化に注力し、Ｗｅｂデザインポータル「ＭＡＲＰ」と「ＷＡＲＰ」を運営