Stagger - это техника анимации пользовательского интерфейса, когда элементы анимируются последовательно, иногда накладываясь друг на друга.
Видео с пометкой 01: При отсутствии стаггера все элементы "слипаются" в один объект, и он кажется зрителю неживым
02: При слишком длинной задержке все элементы распадаются и выглядят для пользователя как отдельные не связанные между собой части
03: Хорошим же считается тот стаггер, который создаёт иллюзицию целостности объекта, но при этом сохраняет разную задержку для каждого элемента
04: Существуют разные типы стаггера:
в первом случае мы добавляем бОльшую задержку после появления первого элемента (delay after first)
05: во втором случае добавляем задержку перед последним элементом (delay before last)
06: Для того, чтобы подобрать идеальную задержку, нужно визуально представить график каждого сегмента. И сопоставить их так, чтобы они накладывались друг на друга создавая цельный график
Видео с пометкой 01: При отсутствии стаггера все элементы "слипаются" в один объект, и он кажется зрителю неживым
02: При слишком длинной задержке все элементы распадаются и выглядят для пользователя как отдельные не связанные между собой части
03: Хорошим же считается тот стаггер, который создаёт иллюзицию целостности объекта, но при этом сохраняет разную задержку для каждого элемента
04: Существуют разные типы стаггера:
в первом случае мы добавляем бОльшую задержку после появления первого элемента (delay after first)
05: во втором случае добавляем задержку перед последним элементом (delay before last)
06: Для того, чтобы подобрать идеальную задержку, нужно визуально представить график каждого сегмента. И сопоставить их так, чтобы они накладывались друг на друга создавая цельный график