@UrushiGo
Front-End

Какова зависимость времени анимации от размера объекта?

Предположим, что есть два разных объекта на странице, с разной высотой (размером). При выставлении одинакового тайминга анимации, скорость объектов кажется разной и визуально не соотносится друг с другом.

Как в данном случае выставить тайминг анимации и вычислить его зависимость от размера?
  • Вопрос задан
  • 192 просмотра
Пригласить эксперта
Ответы на вопрос 2
@rsoinvi
По анимации выходит, что обьект большого размера по отношению к меньшему будет казаться медленнее, так как масса его тяжелее. Я бы на вашем месте попробовал бы сделать задержу большого обьекта примерно, на 1/3 от тайминга маленького. Пример:

Появление обьекта со стороны:
Маленький обьект 1 сек
Большой задержка 0,33
Ответ написан
Комментировать
Aleksei_Segodin
@Aleksei_Segodin
арт директор / дизайнер
Лучше всего — делать на глаз. Даже если вы выведите какую-то формулу и просчитаете всё точно по ней, пользователи вашего интерфейса не будут сидеть возле экранов с секундомерами. Они будут воспринимать всё на глаз. Потому и вы делайте именно так — на глаз. Так, как вам самому эта анимация будет смотреться гармоничнее.

Было бы легче что-то посоветовать, посмотрев пример.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы