Задать вопрос
Chipr
@Chipr
UX/UI designer

Как правильно передать анимацию разработчику?

Добрый день.
С усложнением проектов пришла необходимость в микро/макро анимации. И к обычному набору материалов для верстки в виде png, svg, шрифтов, загруженных макетов на invision, UI гайдов и прочего, стал добавлять gif анимации нужных страниц/элементов + если необходимо, описание. Но беда в том, что результат работы фронтенда не устраивает, анимации топорные, линейные и не такие как сделаны мной. Общий вид сайта портится. В общем, вопрос: как грамотно передать анимацию фронтенду, чтобы все было как на gif? Может описание каких-то таймингов или еще что-то, как это происходит в крупных компаниях?
Спасибо.

P.S. Анимация сделана в Principle.
  • Вопрос задан
  • 3298 просмотров
Подписаться 3 Средний 1 комментарий
Ответ пользователя Роман RW К ответам на вопрос (4)
redview
@redview
Design. Hackintosh.
Попробуйте Framer, там кодом но не так сложно как звучит. Если код совсем не по душе, Principle (кривую анимации хоть скриншотом, анимировать легко, условия записывать ну и т.д.).
Я лично стараюсь найти CSS/JS даже самых простых хаверов и дать фронту, что бы точнее было. И если фронт не «мартышка» и не «тыкает клавиатурой в текстовом редакторе», то всё будет окей)
Ответ написан
Комментировать