Как дизайнеры работают с анимацией?

Question

[Mikalai Bulava]

Друзья, коллеги-дизайнеры и разработчики.
Вопрос: как вы работает с анимацией в проекте? В каком виде дизайнер вкладывает в проект (текстово, gif или еще как-то)? Как разработчику приятнее и эффективнее видеть ее от дизайнера? Какими ресурсами/программами вы пользуетесь? Как указываете на основном макете?
Поделитесь опытом работы в это части, буду признателен.
P.S. Всех с наступающим!

Answer 1

[Яков Е]

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

Comments

[Mikalai Bulava]

Да, invision — крутой сервис, когда будут позволят доходы я однозначно буду им пользоваться, но пока это немного затратно лично для меня. Лицензия фотошопа, фриланс бирж и прочее уже много тянет. Есть у вас какие-то еще варианты/советы?

[Яков Е]

Crimp B: перейти на ту биржу где платят больше, а денег заранее не берут) Если ближе к теме, то разработчику достаточно на бумаге переходы нарисовать.

[Mikalai Bulava]

Яков Е: как раз учу английский, в процессе)
А если какая-то нестандартная микро-анимашка? Так на пальцах и не объяснишь. AE?

[Яков Е]

А нестандартную микроанимашку и в invision не показать, все равно нужны будут сторонние средства.

Answer 2

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

Для разработчиков идеально когда анимация уже представлена в виде кода. Для дизайнеров - когда она наглядно изображена. Есть программа Framer, которая это умеет (популярна среди дизайнеров Яндекса), но, во-первых, она для макоси, а, во-вторых, для её работы всё-таки надо уметь кодить - в ней экран поделён на часть с кодом и часть с визуализацией.

Чтобы просто самому рисовать анимацию интерфейса достаточно Principle (тоже макось).

Добавьте информацию о том для какой ОСи ищете программу.

Comments

[Mikalai Bulava]

Скорее больше для Win. Ноут есть на mac, но больше работаю на PC. Я ведь дизайном занимаюсь, из кода я могу только страничку сверстать на css и html и то не очень сложную)

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

Crimp B: Под винду ничего лучше AfterEffects не знаю, может быть есть более подходящие для анимации в интерфейсах варианты.

[Mikalai Bulava]

Сергей Тилион: Principle выглядит неплохо. Жаль на макоси.

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

Crimp B: Я сам на винде, но осваиваю макось в виртуалке. Не представляю теперь как можно быть хорошим дизайнером на винде, слишком много хорошего софта на макоси и слишком мало (практически вообще нету) на окнах.

[Mikalai Bulava]

Сергей Тилион: Согласен. Сам с недавнего времени стал задумываться о iMac.

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

Crimp B: Кретинистическая издержка профессии. Хочешь быть нормальным дизайнером - сиди на макоси. Злит, но другого варианта нет. Поэтому ответ на ваш вопрос о лучшей программе для анимации - Mac OS.