一般にWeb画面では，動的画面は図形、カラーブロック，フォントの動き変化から構成されることが多く，運動のデザインは動的要素の重要な部分である。この章では、運動の基本スタイル、視点の運動、および動きの構成方式を紹介した。
変位とは、物体の位置における移動視覚要素（・素材）の位置の変化と方向指向の変化変位が動の要素における重要な情報表現の1つであることを意味する。変位には以下のような表現がある：
視覚的な要素は、形状や体積が変化し、 形状の変化に規則性があるかないかで、規則的な変形と不規則な変形の2つに分けられる。
1）スケール：デザインの要素（・素材）の拡大と縮小です。スケーリングは、物体の面積と体積の変化を直接引き起こすことができる。視覚要素（・素材）は大から小へ、小から大へ、または延父から近へ、近から遠への変化運動効果
2）曲げ：デザインの要素（・素材）は、1つの軸で回転したり曲げたりして変形させる
3）ねじれ：要素（・素材）をデザインして1つの軸方向に自分の軸に沿ってねじれ、外形変化を実現する。
4）押出（スクイーズ）：デザインの要素（・素材）が1つまたは2つの軸に力を受け、外形が変化させること
5）膨張：デザインの要素（・素材）の内力作用による増大体積運動
不規則な変態とは、視覚的要素の形が、予測不可能なパターンから別の予測不可能な形に変化することである。 偶然性とランダム性がある（雲、水蒸気、落下する水滴、煙など、生活によくあるもの）
1) Bursting motion：完全な形態変化が割れた不規則な偶然状態(物体爆発時の瞬間状態をシミュレートし
2）溶解運動：規則的な形状が不規則な形状に変化する（水滴飛散）
3）押し出し運動：外力や内力の作用で規則正しい形が不規則に変形する（熱膨張・熱収縮）
デザイン要素が特定の軸を中心に回転する動作のこと。 回転運動は自己回転運動であり、この間は大きな位置の変化はない。 位置が大きく変化することはない。
画像特性が同じ変化の場合の形状や輪郭のデザイン要素
インタラクティブシーンの動的効果
ターンオーバー 効果
誘導効果
フィードバック効果
ロードアクション
情感効果
大面積で長時間の撮影
短時間の大面積
小面積の長時間の場合
小面積短時間
階層表示（ホームページとサブページの変換）
オーバー
起動と指示
オペレーションフィードバック
(より具体的な研究テーマを選択するために、事例を探し、運動効果やUXの種類を分類し理解することを続けいます）。
モーションデザインの12法則の起源は、ディズニーのアニメーターであるOllieJohnston ・FrankThomas による1981年の著書「《The Illusion of Life: Disney Animation》にまでさかのぼり、モーションデザインの原則を12のカテゴリーに分けて深く解説しています。 当時は2Dアニメーションから発展したルールでしたが、現在でも3Dアニメーションに応用できるものである。
現在も3Dアニメ東京2020オリンピックのダイナミックなビジュアルデザインを実現するモーションアイコン（図1-1）
アイコンのイメージは日本人デザイナーの廣村正彰（ひろむら まさあき）、ダイナミックデザイナーの井口皓太（いぐち こうた）が動的効果でダイナミックアイコンを制作した。 白い背景から断片的に現れ、競技を終えると断片的に消えて最初の空白に戻り、オリンピックのスピリットを鮮やかに表現している。 フラットなロゴとダイナミックなロゴの必要性は同等であり、ダイナミックなロゴの進化はより鮮明である。
 |
Google Doodleは、祝日、記念日、業績、お祝いなどを祝うために作られた商品で、定番のアニメーションデザインが多数あり、ホームページのGoogleロゴが祝日に合わせて様々に進化していきます。 この手法は、非常にカラフルでダイナミックなデザインによって祝祭日に新たな感動を与えることで、インターネット上のモバイル製品の一般的な表現方法として徐々に定着しつつある。
 |  |
（まだ、、）