Важность анимации и интерактива в UX/UI дизайне

elikov.ru
elikov.ru

Часто дизайнеры осваивают графические редакторы и Тильду, изучают методики и метрики, находят работу по душе. И на этом останавливаются. Но есть одна штука, которой забывают. И зря.

Речь об анимации. Конечно она бывает разная: векторная, gif, видео. Но главное — анимация должна быть уместной.

Анимация появления

Это когда блоки плавно появляются на странице при прокрутке вниз-вверх. Выглядит интересно и уже не так нагружает устройство пользователя, как несколько лет назад.

Тильда умеет делать такое из коробки. Хороший фронтендер тоже.

Микроанимации

Это когда анимируются небольшие элементы интерфейса. Например, иконки или кнопки, кусочки иллюстраций. Обычно такие микроанимации делают при наведении, чтобы дополнительно подчеркнуть важные действия пользователя.

Интерактив

Есть ещё более сложные анимации, совмещённые с кодом. Такими связками можно сделать действительно интересные и необычные эффекты.

Например, такие:

elikov.ru

Конечно, это справедливо для сайтов. В сложных информационных системах, дизайном которых я занимаюсь, это менее оправдано.

Но иногда просто необходимо переключать мозги на нестандартные задачи )

.

11
1 комментарий

Наверняка, я забыл про какие-то анимации ) Можете дополнить!