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

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

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

Я раньше либо верстал, либо делал в AE. Этого было достаточно. Для АЕ как раз подходят сложные вещи вроде переходов между экранами и подобного.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы