Как дизайнеру показать верстальщику анимацию и эффекты в макете?
Часто приходится рисовать макеты, в которых подразумевается наличие разного рода эффектов, будь то просто вылетающая панелька для пароля или хитрая смена изображений в галерее. Очень не удобно описывать все это словами в письме. Есть ли варианты как донести до верстальщика / технолога идею дизайнера о анимации / эффектах на странице?
Общение с верстальщиком — почта, скайп. Рисовать все в флэше — не вариант.
Заранее спасибо за любую информацию на эту тему.
что-то я не понял. вы хотите донести суть анимации, не показывая анимацию? Как вариант — записать скринкаст с коментариями типа «а вот эта плашка такая должна шух из-за угла!» и мышкой просто потянуть.
Действительно скринкаст одно из наиболее очевидных решений, но опять же это компромисс. Возможно кто-то порекомендует хороший (удобный) софт для записи скринкастов?
Тем кто напоминает о gif анимации в фотошопе, рекомендую попробовать самому сделать что-то понятное таким образом, это минимум не рационально по времени.
Не проблема сделать полную раскадровку с учетом скоростей, состояний и реакций, вопрос в рациональности данного подхода, так как времени на это уходит в разы больше чем собственно на рисование самого макета.
Чаще всего все уже где-то было, потому можно показать рабочий пример, но возникают такие ситуации когда показать нечего, именно поэтому и задал вопрос.
Еще как вариант вспомнил разного рода программы для простой анимации с конвертацией в флэш — просто, быстро, но не всегда есть возможность визуализации всех состояний объекта.
По поводу раскадровки — см. gif анимация.
Задача состоит в том, чтобы быстро и понятно показать идею без необходимости, например, покадрово прорисовывать всю траекторию полета фотографии.
В идела надо проектировать интерфейсы в Axure, где можно смоделировать юзкейсы с различными выпадающими менюшками и прочими элементами интерфейса, но к сожалению современным дизайнерам это не под силу, да и работа эта не для дизайнеров, а для UI-проектировщиков
Начал ковырять Axure ибо оказалось полезная штука. Не знал что там можно показать динамику… ну кроме уже встроенных блоков меню… Возможно я что-то недосмотрел?
Попробуйте найти сайт где уже сделано то что Вам нужно.
Если подразумевается использование фреймворка (jquery ui например) то можно отправить на страницу с демками
Простой
Простой
