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

Question

[Василий Васильев]

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

Answer 1

[Рост Осипов]

Сейчас все больше и больше тулзов появляется, внутри которых дизайнер может создать анимацию/поведения, при этом сразу генерируется код для фронт-енд девелопера.

Framer к примеру.
Или inVision Studio (сейчас в закрытой бете).

Answer 2

[Antony Bark]

хорошая задачка )
Моя практика: раньше делал анимацию GIF в фотошопе, или флэш, это когда не было возможности общаться с прогером (обычно, на небольших проектах, диз в составе команды или на связи). Часть поведения конечно можно описать в сопроводиловке, редко кто заморачивается и написанием и чтением, ога.
Сейчас просто пишу краткое видео, показывая в своём граф.редакторе как должны вести себя элементы.
Конечно, пора переходить на инструменты прототипирования, но некогда и откровенно говоря - лень )

Comments

[Antony Bark]

кстати, забыл ещё одну важную практику добавить:
когда надоело рассказывать на пальцах про рюшечки в своём замечательном дизайне, сел и изучил html+css. И теперь вместо рисунков верстаю мастер-шаблоны и их отправляю.

Answer 3

[Одиночка Айс]

Зачем рисовать, когда проще верстальщика ткнуть мордой в другой сайт и сказать "сделай как здесь, только еще вот это, и это, и это"?

Comments

[bpGusar]

толку от такого дизайнера тогда. и тогда зачем он нужен ваще? пусть просто ткнут верстальщика в другой сайт и скажут сделай так, и никаких расходов на дизайн

[Одиночка Айс]

bpGusar, так работает 90% всех дизайнеров

[bpGusar]

Одиночка Айс, а то я не знаю

Answer 4

[McBernar]

Большинство дизайнеров тупо забывают даже хаверы придумать, а не то, что анимации полноценные.

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