デザインにおける動きとは、見る人の視線を構図の中へと導くものです。それは物理的な動きではなく、モーショングラフィックスが加える物理的な動きとは異なります。それは、視線が意図的な経路に沿ってある要素から別の要素へと導かれる感覚のことです。デザイナーは、線、形、色、配置によって動きを生み出します。斜線はエネルギーを、曲線は流れを、そして繰り返し用いられる要素は視線が自然と辿る経路を作り出します。

ZパターンとFパターンは、ウェブページにおける一般的な視線移動パターンです。Zパターンでは、視線はページ上部を横切り、反対側の隅まで移動し、再び横切ります。明確な行動喚起（CTA）を備えたシンプルなランディングページに適しています。Fパターンは、テキスト量の多いページをざっと読み、最初の数行をじっくりと読み、左端を軽く下までスクロールする様子を表しています。デザイナーは、これらの経路に沿って重要な情報を配置します。

動きを生み出すためのツール

• 道を示す線と矢印。
• 経路を形成する、繰り返される形状。
• 目を引く色のグラデーション。
• 視覚的な傾斜を生み出すサイズ変化。

動きとは、物事を複雑にすることではありません。視線が自然に動き、最も重要なコンテンツへと導かれるようにすることです。