UI/UX

Анимация в интерфейсах: Статьи и примеры

Анимация — это то, что придает каждому интерфейсу уникальность: будь то веб-интерфейс или мобильное приложение, каждому из них анимация позволяет стать уникальным и выделиться среди конкурентов.

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

В данном топике мы собрали различные примеры анимации, а также статьи на эту тему, чтобы вы могли создавать свою безупречную анимацию!

Статьи

Transitional Interfaces (eng)
Анимация различных элементов (рус)
Статьи и исходники по анимации для iOS (рус)
Improve the payment experience with animations (eng)
История развития интерактивного дизайна (eng)
Motion Ui Design Principles (eng)

Примеры

Автор блога «Экспериментальная анимация» выкладывает различные примеры анимации в знакомых всем приложениях и не только.



Огромная коллекция самых разных примеров анимации: начиная от еще не выпущенных часов от Apple, заканчивая примерами веб-анимации для самых простых сайтов.

tumblr_nc8uqsfwQW1syz1nro1_1280

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

sobo

Малоизвестный блог ui-animations, в котором собрано множество примеров анимации интерфейсов, которые уже реализованы в некоторых приложениях или так и остались на этапе «прототип».

GmEgv54

Hoverstat.es — сайт, посвященный анимации в веб-интерфейсах.

Screen Shot 2014-10-26 at 20.23.46

Подборка примеров анимации на Pinterest и Dribbble.

    Free WordPress Themes