20 Бест Фреебиес за дизајнера Аспиринг УКС Мотион

Дизајнери интерфејса се више интересују за УКС дизајн са анимираним моделима који емулирају корисничке акције. Ове УКС макете ослонити се на покрет са анимираним ефектима за дефинисање како интерфејс треба да одговори на корисничке уносе.

Већина УКС дизајнера учи да користи софтвер за креирање ових анимација. Два најпопуларнија избора су Адобе Афтер Еффецтс и Принцип (само ОС Кс). Можете дизајн интерфејс макета у програму као што је Пхотосхоп, и преместите корисничка сучеља у те програме за анимацију.

Ако сте заинтересовани да научите УКС анимацију, онда ће фреебиес бити огромна предност. Можете проучавати рад других и играти се са њиховим дизајном да бисте видели како све то функционише.

Испод ћете наћи најбоље бесплатне бесплатне услуге за принципијелне и АЕ кориснике улазак у УКС мотион дизајн. Сигурно ће вам помоћи да схватите како ради УКС анимација, и како да изградите сопствени.

1. Избриши акцију

Свипинг је веома уобичајена акција у мобилним апликацијама за различите сврхе. Подразумевана је и иОС свипе акција приказати алтернативне опције за уређивање / брисање ставки, и то је управо оно што добијате у овој фреебие коју је створио Рамил Дерогонгун.

Можете преузети бесплатну АЕП датотеку за Афтер Еффецтс и испробати је сами. УИ следи а врло основна схема жице са корисничким уносом који се приказује као плава тачка. Ове типове понашања корисника најбоље је приказати кроз анимацију јер даје програмерима прилику да виде како интерфејс треба да функционише.

2. Видгет Свипе

Ево још једног анимираног макета који се фокусира на колицима у слидесхову. Дизајнирао га је Леон Ву, ова бесплатна анимација прелаза долази са ПРД датотеком која је направљена за Принцип.

Анимација је изузетно једноставна и показује како се ставке требају кретати по екрану када се примени притисак. Такође имате осећај за олакшавајући ефекат кад год је пуштена акција.

3. Дуалсхоцк УИ

Ево невероватно динамичног УКС анимацијског ефекта који дели Алекандер Боицхенко. Овај модел је базиран на ПлаиСтатион контролеру за корисничко сучеље мобилне апликације. Садржи датотеку Скетцх анд Принципле коју можете бесплатно преузети.

Овај фреебие показује како то направити транзиције повуците између екрана. Али можете видети и како се елементи странице анимирају око екрана у различитим правцима.

4. Анимација менија хамбургера

Иконе хамбургера су још увек бесне на мобилним интерфејсима. Ова икона за избор менија показује како анимирајте икону са три траке у икону "Кс".

То је понављајућа анимација, тако да "Кс" такође анимира натраг у икону менија хамбургера. Ово је одличан фреебие за научити манипулација векторима за елементе УИ.

5. Снапстер

Овај бесплатни модел је за мобилну апликацију која се зове Снапстер. Фокусира се на екрану добродошлице где корисници могу да виде демо апликације и сазнају како она заправо функционише.

То је ПРД датотека, и нажалост ово не игра добро са Афтер Еффецтсом, тако да само корисници Принципа могу имати користи од ове.

6. Учитавање Спиннера

Ево АЕП Афтер Еффецтс фреебие за мобилни утоваривачи. Ови типови анимираних ГИФ-ова постали су веома популарни када је Ајак ушао у маинстреам веб развој.

Сада су ови покретни утоваривачи десет центи, а могу чак бити јако прилагођен да се прилагоде одређеним интерфејсима. Ова фреебие долази са АЕП датотеком и Скетцх датотеком за уређивање вектора ако желите да их модификујете.

7. Плаи / Паусе Транситион

Ефекти транзиције често се чини веома једноставним, али заправо захтева добар посао. Ова анимација за репродукцију / паузу коју је направио Алек Пронски је одличан пример.

Помоћу ове бесплатне игре можете истражити како анимирати различите иконе танких линија у облике и симболе. Једном када научите програм, постаје много лакше урадити ову врсту ствари, тако да вам помаже да имате на располагању бесплатно истраживање.

8. иПхоне Моцкуп

Иако ова фреебие не садржи директно анимацију, она је намијењена за употребу за продукцијски рад на иПхоне апликацијама. То је бесплатан иПхоне 5С АЕП фајл за употребу у Афтер Еффецтс као иПхоне шаблон.

Једноставно увезите макету интерфејса и креирајте анимације у Афтер Еффецтс-у. Тада можете да га прикључите на овај иПхоне модел да бисте га поделили са својим тимом.

9. иПхоне Темплате

Ово је друго цустом Афтер Еффецтс шаблон са модернији иПхоне дизајн. Фреебие је доступан са ове странице на УКС ин Мотион.

Све у предлошку је супер лако прилагодити. На страници за преузимање пронаћи ћете и одјељак под називом "Видео упуте" гдје можете научити како анимирати апликацију.

10. Мицро Аниматион

Чак и најмање анимације апликација могу имати велики утицај на корисничко искуство. Овај фреебие приказује а Микро анимација "Лике" кад год корисник "воли" пост.

Икона срца има своју анимацију са корисниковом профилном фотографијом доданом у сноп "лике". Овај фреебие је само за Принцип и ви такође имате .мов датотеку за преузимање ако желите.

11. Апп

Дигитални новчаници постају све популарнији, а овај фреебие олакшава дизајнирање. Добијате датотеку Скица са свим сировим елементима вектора, плус бесплатну ПРД датотеку за анимацију Принципа.

Овај фреебие је дизајнирао Сергеи Биков као забавни мали страни пројект. Али то може бити веома поучно ако га раставите и радите са анимацијом корак по корак.

12. иОС Свитцх

Са Апплеовим иОС 7, свијет је добио свјеже дизајнирани прекидач за он / офф наљепнице. То је довело до много различитих ефеката, укључујући и бесплатну анимацију која опонаша уобичајени прекидач за укључивање / искључивање.

У овом фајлу добијате веома једноставан анимацијски ефекат уз основно ублажавање. Прекидач се помера, а позадина постаје зелена, а затим се враћа када је прекидач искључен.

13. Риттер Апп

Ево још једне велике фреебие коју је издао Сергеи Биков за оно што он назива Риттер Апп. Ово укључује бесплатну Скетцх датотеку за векторско сучеље, као и бесплатну ПРД датотеку за анимацију Принципа.

Добићете много различитих анимација у овој бесплатној игри, па мислим да би то било корисније за дизајнера средњег до напредног. Почетници такође могу научити много од тога, али могу имати стрму кривуљу учења.

14. Позовите пријатеље

Сви знамо и волимо плус иконицу из Гоогле-а. Па, Јардсон Алмеида је креирао мени Фриендс Инвите заснован на једноставном концепту материјала.

Све је дизајнирано у Скетцх-у и увезено у Принцип за анимацију. Обе датотеке добијате као бесплатне за преузимање и играње са њима.

15. Картица Свипе

Ево још једне опште бесплатне бесплатне игре која је направљена само за кориснике Принципа. Ово је интерфејс за уклањање картице креирана за презентације опште намене или изворна корисничка сучеља апликација.

Мислим да је ово савршена фреебие за почетнике који тек улазе у Принцип. Није толико компликовано да ћете се осећати изгубљено, али није тако једноставно да ћете се осећати тривијално.

16. Цхат он Мап

Многи дизајнери још увек користе Пхотосхоп за интерфејсе, а такође важи и за ову фреебие цхат цхат. Можете преузети ПСД датотеку за интерфејс и ПРД датотеку за Принцип анимацију.

То је изненађујуће питома анимација за стил, али и даље изгледа одлично и функционише тачно онако како бисте очекивали у једноставној апликацији за мапе / геолокацију.

17. Апп Лоадинг

Мобилне апликације често користе лоадинг сцреенс да кажем посетиоцима да се нешто догађа у позадини. Једна од мојих омиљених бесплатних игара у овој колекцији је ова анимација коју је написао Роман Вагнер.

Убацује појединачне елементе један за другим када се екран за учитавање заврши. Ова анимација је врло глатка и потпуно вјеродостојна у домену дизајна мобилних апликација.

18. Онбоардинг картице

Усер онбоардинг је кључни корак за сваку нову мобилну апликацију. Увек је лепо укључити неке анимације у овој фази, зато ове анимације на картицама могу бити од велике помоћи дизајнерима апликација.

Ово је креирао Аустин Баирд, а пуштен је бесплатно да би се користио на било ком УИ / УКС пројекту.

19. Принцип Демос

Док будете продрли даље у Принцип, научит ћете много напредних техника рада. Једна од најбољих бесплатних игара која је направљена за креативни тим Иалантиса.

Ово је потпуно бесплатан ресурс за кориснике принципа који се могу скинути и играти. Покрива неколико трикова који показују како постати професионалац у анимацији Принципа.

20. Падајући менији

Мени падајућих менија често користе луде анимације да привуку нашу пажњу. Овај Афтер Еффецтс фреебие користи а анимација падајућих степеница на менију за појединачне елементе како би се спустили као степенице.

Ово можда неће бити корисно за свакога, али је свакако одличан начин да научите о анимацији интерфејса Афтер Еффецтс-а.

Финал Вордс

Сви ови ресурси су потпуно бесплатни за преузимање и играње са својим пројектима. Ако сте потпуно нови у УКС анимацији, гарантујем да ћете много научити проучавањем ових бесплатних игара. Ако знате неке друге велике ресурсе слободно испустите линкове у коментарима.