Интерфейсные анимации

Илья Бирман рассказывает зачем в интерфейсе анимации, какие задачи они решают и как конкретно их надо делать, чтобы они выглядели естественно и приятно, а не раздражали.

Илья видит четыре уровня, на которых работает анимация:

  • Внимание. Для привлечения внимания.
  • Объяснение. Анимация в интерфейсе используется для того, чтобы объяснить: что сейчас произошло, или куда делся элемент, или как взаимосвязаны какие-то элементы.
  • Реалистичность. Связана с обратной связью, с ощущением непосредственного взаимодействия с элементами на экране.
  • Шоу. Люди любят всякие зрелища!

Качества, которые делают анимацию хорошей:

  • Ненавязчивость
  • Естественность.
  • Согласованность
  • Чистота
Оставить комментарий

Укажите корректно свой e-mail

Извините, для комментирования необходимо войти.
3 комментария
1

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

Ответить
2

Привет.

Если очень вкратце, то словами. Ролики анимационные я делаю только для портфолио. Хотя пару раз показывал отдельные блоки заказчикам.

Если подробнее, то больше половины моей второй книги (скоро) на плюс-минус эту тему: как и что делаю / даю / говорю заказчику во время презентации дизайна. Суть ее — как продать ему свой дизайн. В двух словах это не рассказать, к сожалению.

Ответить
3

Алексей, спасибо за ответ. Жду вторую вашу книгу. Я один из купивших первую, очень понравилась. Спасибо за труды.

Ответить