O movimento no design guia o olhar do observador através de uma composição. Não se trata de movimento físico, embora as animações gráficas o acrescentem. É a sensação de que o olhar está a ser conduzido de um elemento para outro num caminho deliberado. Os designers criam movimento com linhas, formas, cores e posicionamento. Uma linha diagonal sugere energia. Uma linha curva sugere fluidez. Um elemento repetido cria um caminho que o olhar segue automaticamente.

Os padrões em Z e em F são trajetórias oculares comuns nas páginas web. No padrão em Z, o olhar percorre a parte superior da página, desce até ao canto oposto e, em seguida, percorre novamente a parte superior. Funciona bem para páginas de destino simples com uma chamada à ação clara. O padrão em F descreve como as pessoas digitalizam páginas com muito texto, lendo as primeiras linhas completamente e, em seguida, percorrendo rapidamente a margem esquerda. Os designers posicionam informações importantes ao longo destes caminhos.

Ferramentas para criar movimento

• Linhas e setas que indicam o caminho.
• Formas repetidas que formam um caminho.
• Gradientes de cores que atraem o olhar.
• Alterações de tamanho que criam uma inclinação visual.

O objetivo do movimento não é criar uma sensação de sobrecarga visual. Trata-se de fazer com que o olhar percorra o espaço de forma natural, conduzindo ao conteúdo mais importante.