UI анимация «шторок» в мобильных приложениях

Почему анимация исчезания должна быть быстрее анимации появления приблизительно на 33%?

Появление

Исчезание


-33%

В данном случае работает правило «content is a king». Следовательно, пользователю нужно показывать контент как можно быстрее. 


Почему тогда появление должно быть медленнее, мы же задерживаем показ контента пользователю?


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

Дизайн: https://www.figma.com/community/file/1074678223480107738

Анимация сделана командой Aninix

Присоединяйтесь к сообществу успешных UI аниматоров

UI анимация «шторок» в мобильных приложениях

Почему анимация исчезания должна быть быстрее анимации появления приблизительно на 33%?

Появление

Исчезание


-33%

В данном случае работает правило «content is a king». Следовательно, пользователю нужно показывать контент как можно быстрее. 


Почему тогда появление должно быть медленнее, мы же задерживаем показ контента пользователю?


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

Дизайн: https://www.figma.com/community/file/1074678223480107738

Анимация сделана командой Aninix

Присоединяйтесь к сообществу успешных UI аниматоров