Как дизайнеру показать верстальщику анимацию и эффекты в макете?

Анимация и 3D графика*

Часто приходится рисовать макеты, в которых подразумевается наличие разного рода эффектов, будь то просто вылетающая панелька для пароля или хитрая смена изображений в галерее. Очень не удобно описывать все это словами в письме. Есть ли варианты как донести до верстальщика / технолога идею дизайнера о анимации / эффектах на странице?

Общение с верстальщиком — почта, скайп. Рисовать все в флэше — не вариант.
Заранее спасибо за любую информацию на эту тему.

—

10 февраля в 20:42

Attlant 3,9

отсортировано по дате по оценке

ответы (6)

7workers 10 февраля в 21:15 #

решение

что-то я не понял. вы хотите донести суть анимации, не показывая анимацию? Как вариант — записать скринкаст с коментариями типа «а вот эта плашка такая должна шух из-за угла!» и мышкой просто потянуть.

Действительно скринкаст одно из наиболее очевидных решений, но опять же это компромисс. Возможно кто-то порекомендует хороший (удобный) софт для записи скринкастов?

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

Чаще всего все уже где-то было, потому можно показать рабочий пример, но возникают такие ситуации когда показать нечего, именно поэтому и задал вопрос.

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

По поводу раскадровки — см. gif анимация.

Задача состоит в том, чтобы быстро и понятно показать идею без необходимости, например, покадрово прорисовывать всю траекторию полета фотографии. Attlant, 11 февраля в 03:10

Shultc 10 февраля в 23:42 #

решение

Я Вам советую посмотреть на раскадровки, которые делаются для мультфильмов.

alesto 11 февраля в 01:40 #

решение

Попробуйте найти сайт где уже сделано то что Вам нужно.
Если подразумевается использование фреймворка (jquery ui например) то можно отправить на страницу с демками

lashtal 11 февраля в 01:45 #

решение

а макеты в чем сделаны?
если банальный фотошоп, там же есть в нем анимация.

–1

MTonly 11 февраля в 02:22 #

решение

Учиться десятипальцевой печати и внятному изложению мыслей. ;-)

xoros 12 февраля в 03:07 #

решение

В идела надо проектировать интерфейсы в Axure, где можно смоделировать юзкейсы с различными выпадающими менюшками и прочими элементами интерфейса, но к сожалению современным дизайнерам это не под силу, да и работа эта не для дизайнеров, а для UI-проектировщиков

Начал ковырять Axure ибо оказалось полезная штука. Не знал что там можно показать динамику… ну кроме уже встроенных блоков меню… Возможно я что-то недосмотрел? Attlant, 12 февраля в 03:33

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Как дизайнеру показать верстальщику анимацию и эффекты в макете?

отсортировано по дате по оценке
ответы (6)

Теги Хабрахабра

Стандартные