​#hlam_news #author_jusfan Виды анимации в мобильном приложе | Дизайн в хлам 💣

​#hlam_news
#author_jusfan

Виды анимации в мобильном приложении

Правильная анимация в приложении делает его удобным и не отвлекает от самого приложения.

1) Визуальный фидбек крайне важен для любого UI. Увеличивающаяся иконка или движение элемента в определенном направлении при свайпе - показывают, что "что-то происходит", отвечая на действия юзера.

2) Функциональное изменение показывает как меняется функция элемента. Например, кнопка, иконки (Гамбургер становится Х).

3) Ориентация в пространстве - например, гамбургер меню открывается с той же стороны, где была иконка.

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

5) Состояние системы - когда происходит запись звука, то экран приложения должен показывать динамику звуковой дорожки. Один из наиболее распространенных примеров анимации этого типа это «потяните чтобы обновить».

6) Забавные анимации - Зачастую они используются бессмысленно, но так прикольно с ними взаимодействовать. Главное правило: она не должна скрывать функции приложения и быть длинной.

Используете анимации в своих проектах?