Движение в дизайне направляет взгляд зрителя по композиции. Это не физическое движение, хотя моушн-графика его и добавляет. Это ощущение того, что взгляд целенаправленно ведётся от одного элемента к другому. Дизайнеры создают движение с помощью линий, форм, цвета и расположения. Диагональная линия передаёт энергию. Изогнутая линия передаёт поток. Повторяющийся элемент создаёт путь, по которому взгляд следует автоматически.

Z-образный и F-образный шаблоны — это распространённые пути движения взгляда на веб-страницах. В Z-образном шаблоне взгляд перемещается вверху, вниз к противоположному углу, а затем снова по горизонтали. Он хорошо подходит для простых целевых страниц с чётким призывом к действию. F-образный шаблон описывает, как люди просматривают страницы с большим количеством текста, читая первые несколько строк полностью, а затем бегло просматривая левый край. Дизайнеры размещают ключевую информацию вдоль этих путей.

Инструменты для создания движения

• Линии и стрелки, указывающие путь.
• Повторяющиеся фигуры, образующие путь.
• Цветовые градиенты, привлекающие внимание.
• Изменения размеров, создающие визуальный наклон.

Движение — это не создание суеты. Это движение, которое заставляет взгляд перемещаться естественным образом и направлять его к наиболее важной информации.