Rörelse i design vägleder betraktarens öga genom en komposition. Det är inte fysisk rörelse, även om rörlig grafik tillför det. Det är känslan av att ögat leds från ett element till ett annat i en avsiktlig bana. Designers skapar rörelse med linjer, former, färg och placering. En diagonal linje antyder energi. En böjd linje antyder flöde. Ett upprepat element skapar en bana som ögat följer automatiskt.

Z-mönstret och F-mönstret är vanliga ögonbanor på webbsidor. I Z-mönstret rör sig ögat längs toppen, ner till motsatt hörn och sedan över igen. Det fungerar bra för enkla landningssidor med en tydlig uppmaning till handling. F-mönstret beskriver hur människor skannar texttunga sidor, läser de första raderna helt och sedan skummar ner längs vänsterkanten. Designers placerar viktig information längs dessa banor.

Verktyg för att skapa rörelse

• Linjer och pilar som pekar vägen.
• Upprepade former som bildar en bana.
• Färggradienter som drar till sig ögat.
• Storleksförändringar som skapar en visuell lutning.

Rörelse handlar inte om att göra saker sysselsatta. Det handlar om att få ögat att färdas på ett sätt som känns naturligt och leder till det viktigaste innehållet.