Интересно узнать у коллег-дизайнеров, какие инструменты вы используете для создания интерактивных анимированных прототипов своих интерфейсов (сайты, мобильные приложения)?
After Effects или какие-либо готовые сервисы типа POP? Что можете посоветовать, чтобы облегчить немного сам процесс анимирования, сохранив визуальную привлекательность?
Матерясь, тяжело вздыхая и иногда подкрепляясь пивом. В Axure RP. Если очень напрячь мозги, акшур позволит многое. Но иногда он не может элементарнейшие вещи, или настолько криво реализует, что проще сесть за код. Так я однажды забил на прототипирование сайта с фоновым видео в акшуре и тупо сверстал его сам.
Суть сей басни такова - всё от конкретной задачи зависит. Задача определяет инструмент.
Не совсем понимаю, на хрена в AE анимировать интерфейс? На дрибле лайков нахватать? Не проще эти вещи в том же Pixate делать, чтобы заказчик мог покрутить макет в руках? Или вообще лучше в Origami, чтобы уже код со всей анимацией на выходе был.
Сам не пробовал, нашел на 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
Максим, а код на выходе валидный получается? От разработчиков не было нареканий в последствии? Возможно ли добавлять анимацию в уже свёрстанный проект? Заранее благодарю!
Насколько валидный код на выходе — мне судить сложно т.к. не фронтэндер. От разработчиков вроде бы нареканий не слышал. Анимацию можно добавлять куда угодно ведь на выходе у вас просто код. Его можно и докручивать прямо сразу на живом примере.
