Для реализации плавных переходов в интерфейсе используют, например, следующие паттерны:
- Container transform. 1 Шаблон преобразования контейнера, предназначен для переходов между элементами пользовательского интерфейса, включающими контейнер. 1 Контейнер действует как постоянный элемент, а его размеры, положение и форма изменяются в процессе перехода. 1
- Shared Axis. 1 Паттерн для переходов между элементами пользовательского интерфейса, имеющими пространственную или навигационную связь. 1 Использует общую трансформацию по осям X, Y или Z для усиления взаимосвязи между элементами. 1
- Fade Through. 1 Паттерн для переходов между элементами пользовательского интерфейса, не имеющими тесной связи друг с другом. 1
Также для создания плавных переходов используют принцип плавного появления (Fade in) и затухания (Fade out) с изменением прозрачности. 2 При переходе с текущего экрана на следующий элементы того, с которого пользователь уходит, затухают, а того, на который приходит — появляются. 2