Веб-дизайнеры, в каких программах рисуется анимация на сайтах (например, плавные скроллы) и рисует ли это дизайнер вообще?

Question

[foolfork]

Привет, тостер!
Детали вопроса:
Например, вот сайт с анимацией, первый пришедший в голову)
eaglefilmsme.com (плавно выезжает текст, сменяется картинка)
В каких программах создается такая анимация (плавные переходы и т.д) ? Или саму анимацию делает только верстальщик?
Подскажите, пожалуйста, и если не сложно, поделитесь примерами сайтов с анимацией :)
Спасибо.

Answer 1

[Алексей Скляров]

Пример работ можно смотреть на dribbble.com
Анимации рисуются в Principle.

Comments

[Сергей Тилион]

Анимация не рисуется в скетче, там нет такого функционала вообще. Рисуют их в Principle, Flinto, Framer, Adobe AfterEffects.

[Алексей Скляров]

Сергей Тилион, да, ошибся, Principle

Answer 2

[Mikalai Bulava]

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

Comments

[Immortal_pony]

Посмотрите украинскую студию vintage — они крутаны.

Вырвиглазное мельтешение

[Владислав Лысков]

Immortal_pony, там еще есть видео "посмотреть кейс", посмотрев его вообще можно эпилептиком стать

[foolfork]

Chomp B
cпасибо за ответ. ребята из vintage используют Principle или Figma, не знаете?

[foolfork]

Владислав Лысков, я не стану критиковать дизайн сайта с точки зрения дизайнера, но с точки зрения обыденного юзера, сайтом очень сложно пользоваться. анимации и дизайн красивые, но с сайта через 5 минут хочется сбежать :D

[Mikalai Bulava]

foolfork, не известно. Напишите им, узнайте. Они достаточно открытые, не думаю, что откажут в ответе.

Answer 3

[Иван]

Есть верстальщик, а есть фронтэнд программист. Почувствуйте разницу ... Все что сложнее css анимации задача второго.