Когда мы создаем статические макеты интерфейсов (будь то сайтов или мобильных приложений) в Photoshop, мы не слишком сильно задумываемся над тем, как этот макет поведет себя в динамике. Стив Джобс как то сказал: «Дизайн это не то как продукт выглядит, это то как он работает». Наше впечатление от продукта формируется на основании многих факторов, но самым важным является комфортное взаимодействие с ним.
Тенденции в анимации интерфейсов:
- Анимация прокрутки
- Динамичные переключатели (плюс превращается в крест)
- Сворачивающиеся комментарии
- "Потянуть, чтобы обновить"
- Приглашающие элементы управления (которые будто приглашают взаимодействовать с ними; например, полоски возле панелей, которые можно вытянуть)
- Скрытие элементов управления
Преимущества анимации: наглядность, увлекательность, естественность.
Следует сказать и про анимацию кнопок. У кнопки есть несколько состояний: когда курсор никак с ней не взаимодействует, когда курсор на нее наведен, и когда кнопка нажата. Кнопка в этих трех состояниях имеет разный вид. При этом событие, которое активирует кнопка, может запускаться в разные моменты: когда курсор наведен на кнопку, когда кнопка нажата, и когда кнопка была нажата и отпущена. Чаще всего событие программируют на последнее состояние.
