Мій досвід у виборі інструменту для анімації інтерфейсу

Мій досвід у виборі інструменту для анімації інтерфейсу

Статут терпіти біль від Adobe After Effects, я вирішив, що настав час знайти програму, яка б врятувало мене від його громіздкого інтерфейсу, працювало зі SketchApp і містило тільки ті функції, які потрібні для анімації інтерфейсу. Також дуже важливими були простота використання і мінімальний час на навчання. Ах да, швидкий експорт GIF. Щоб з AE отримати gif, потрібно спочатку зберегти розкадрування, а потім зібрати всі за допомогою Photoshop.

Мій досвід у виборі інструменту для анімації інтерфейсу

Не можна просто так взяти і експортнуть в GIF.

З виходом SketchApp минув час Adobe Photoshop, так і AE відсиджується на лавці запасних. Але чому так сталося? Так само, як і Скетч, нові додатки позбулися зайвого функціоналу, залишивши тільки ті можливості, які потрібні для лаконічною анімації інтерфейсу.

За якими критеріями я вибирав собі додаток:

  • Десктопних програм для Mac
  • Простота навчання та реалізація анімацій
  • Простір для творчості
  • Експорт в Gif
  • Робота зі Sketch

Вибирав я з таких варіантів: Atomic.io. Facebook Origami, Principle, Flinto.

Мій досвід у виборі інструменту для анімації інтерфейсу

Можна прототіпіровать прямо в ньому, робити інтерактивні анімації.

Немає десктоп версії :(

Facebook Origami

Мій досвід у виборі інструменту для анімації інтерфейсу

Блок зі зв'язками, ви серйозно.

Продукт компанії "особа-книга". З порога нас зустрічає лякаючий інтерфейс з блоків зі зв'язками, як показує нам превью на сайті. Можна робити дуже непогані анімації, правда, незрозуміло як. Чи не юзер-френдлі інтерфейс, іноді не зрозуміло, як реалізувати ту чи іншу анімацію. Людям, які роками звикли бачити панель шарів, буде не комфортно.

в порівнянні з іншими, їх немає.

Проект не розвивається, складний інтерфейс.

Мій досвід у виборі інструменту для анімації інтерфейсу

Principle мені відразу сподобався своїм дизайном у вигляді нативного додатки, як і Sketch. Пройшовши 5 туторіали з офіційного сайту, я вже впевнено робив всілякі анімації і в Принципі був дуже задоволений. Всі такий же звичний таймлайн, як і у AE, але без зайвих функцій. І все б добре, АЛЕ якось я вирішив зробити появу елемента з перспективи і, на жаль, функціоналу роботи з 3D там не виявилося.

Можна швидко навчитися використовувати софт на всі 100%, живе превью, є таймлайн, шари.

Немає роботи з 3D.

По суті це один і той же функціонал, що і в Principle, тільки в різних інтерпретаціях інтерфейсу. Замість звичного таймлайна у нас 2 екрани, початок анімації і кінець. Але з можливістю роботи з перспективою.