Ruch w projektowaniu prowadzi wzrok widza przez kompozycję. Nie jest to ruch fizyczny, choć grafika ruchowa dodaje ten element. To wrażenie, że wzrok jest prowadzony od jednego elementu do drugiego po określonej ścieżce. Projektanci tworzą ruch za pomocą linii, kształtów, kolorów i rozmieszczenia. Linia ukośna sugeruje energię. Linia krzywa sugeruje przepływ. Powtarzający się element tworzy ścieżkę, którą wzrok podąża automatycznie.

Schematy Z i F to typowe ścieżki wzrokowe na stronach internetowych. W schemacie Z wzrok przesuwa się od góry, w dół do przeciwległego rogu, a następnie z powrotem. Sprawdza się to dobrze na prostych stronach docelowych z wyraźnym wezwaniem do działania. Schemat F opisuje sposób, w jaki ludzie skanują strony z dużą ilością tekstu, czytając w całości kilka pierwszych linijek, a następnie przesuwając się wzdłuż lewej krawędzi. Projektanci umieszczają kluczowe informacje wzdłuż tych ścieżek.

Narzędzia do tworzenia ruchu

• Linie i strzałki wskazujące drogę.
• Powtarzające się kształty tworzące ścieżkę.
• Gradienty kolorów, które przyciągają wzrok.
• Zmiany rozmiaru tworzące wizualne nachylenie.

Ruch nie polega na tym, by coś zagospodarować. Chodzi o to, by wzrok poruszał się w sposób, który wydaje się naturalny i prowadzi do najważniejszych treści.