Как вы анимируете свои интерфейсы?

Question

[Татьяна]

Доброго времени суток!

Интересно узнать у коллег-дизайнеров, какие инструменты вы используете для создания интерактивных анимированных прототипов своих интерфейсов (сайты, мобильные приложения)?
After Effects или какие-либо готовые сервисы типа POP? Что можете посоветовать, чтобы облегчить немного сам процесс анимирования, сохранив визуальную привлекательность?

Answer 1

[Сашко Бублиенко]

After Effects + Photoshop
Тут описан (в трех частях) механизм анимации и подготовки макета (на украинском, но думаю, суть вы поймете).

Answer 2

[Нерон Лордов]

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

Суть сей басни такова - всё от конкретной задачи зависит. Задача определяет инструмент.

Answer 3

[Денис Ефремов]

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

Comments

[Глеб Хорунжий]

на дриббле лайков нахватать — тоже дело)

Answer 4

[rinatoptimus]

Сам не пробовал, нашел на Quora, вдруг пригодится:
The Bodgenator is a script for Adobe Illustrator that exports 'prototype-level' code - that is, the bare bones of a layout that is ready to add interactivity with Javascript or jQuery. It's certainly not production-ready code, but it uses sneaky tricks to provide a 'pixel-perfect' layout for a bit of slapdash prototyping in mind.
bodgenator.co

Answer 5

[Максим Шайхалов]

Попробуйте Adobe Edge Animate. После создания анимации её можно сразу отдавать в продакшн разработчикам.

Comments

[alexgilev]

Максим, а код на выходе валидный получается? От разработчиков не было нареканий в последствии? Возможно ли добавлять анимацию в уже свёрстанный проект? Заранее благодарю!

[Максим Шайхалов]

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