@Basil_Dev

Как происходит создание анимации на стороне дизайнера?

На стороне верстальщика все понятно - SVG, JS и CSS.
А как происходит создание и оформление анимации(:hover, :active, интерактивные элементы сайта) для сайта со стороны дизайнера? Обычная покадровая анимация в Photoshop(AfterEffects?), которые потом отправляются отдельной папкой верстальщику в архиве с основным макетом? Как тогда быть с постраничной анимацией(плавное появление/изменение элемента при скролле)? Или сайтами без видимого скролла(например, параллакс)?
  • Вопрос задан
  • 189 просмотров
Решения вопроса 2
  • RostOsipov
    @RostOsipov
    Designer
    Сейчас все больше и больше тулзов появляется, внутри которых дизайнер может создать анимацию/поведения, при этом сразу генерируется код для фронт-енд девелопера.

    Framer к примеру.
    Или inVision Studio (сейчас в закрытой бете).
    Ответ написан
  • tolfy
    @tolfy
    Фирменный стиль
    хорошая задачка )
    Моя практика: раньше делал анимацию GIF в фотошопе, или флэш, это когда не было возможности общаться с прогером (обычно, на небольших проектах, диз в составе команды или на связи). Часть поведения конечно можно описать в сопроводиловке, редко кто заморачивается и написанием и чтением, ога.
    Сейчас просто пишу краткое видео, показывая в своём граф.редакторе как должны вести себя элементы.
    Конечно, пора переходить на инструменты прототипирования, но некогда и откровенно говоря - лень )
    Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы