10 лучших бесплатных анимаций для UX-motion дизайнеров

10 лучших бесплатных анимаций для UX-motion дизайнеров

Дизайнеры интерфейсов очень заинтересованы в анимированных элементах UX-дизайна. Эти бесплатные UX-мокапы показывают, как действительно должен взаимодействовать интерфейс с человеком.

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

1. Удаление чего либо

Свайп — это очень природный жест. Стандартный свайп в iOS создан для того, чтобы открывать дополнительные опции удаления или редактирования файла, письма, и это именно то, что вы получите в бесплатном мокапе от Рамиля.

delete-action

2. Свайп виджета

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

widget (1)

3. Анимированная иконка «меню-гамбургера»

Меню-гамбургер все еще популярно на мобильных устройствах. Эта анимация покажет, как преобразовать 3-х полосочный ярлык меню в Х.

menu-icon

4. Загрузочные иконки

Пак из трех загрузочных  иконок для большинства типов операционных систем телефонов.

mobile-loading-spinners

 5. Play/pause

play-pause-transition-freebie

6. Микро-анимация

Даже самая маленькая деталь в приложении очень важна. И вот вам анимация лайка в любом приложении.

wommielike2

7. Приложение-кошелек

Электронные кошельки становятся все популярнее, и этот скетч поможет вам создать собственное приложение.

wallet_concept

8. Ritter App

Приложение от Сергея Быкова, которое он создал просто для себя и назвал его Ritter App

ritterapp

9. Загрузочный экран

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

promocodez-animation

10. Выпадающие меню

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

03_menu

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

Читайте также:

38 бесплатных полезностей для дизайнеров и не только

Как стать моушн дизайнером. Часть 01
Как создать правильный UX для миллениалов 

 

comments powered by HyperComments
comments powered by HyperComments

Теги

Мы Вконтакте

Яндекс.Метрика