哈嘍小伙伴們~眾所周知，動(dòng)效這幾年在UI中幾乎占據(jù)了舉足輕重的地位，好的動(dòng)效不僅可以提升用戶體驗(yàn)，更能讓我們的交互增加很多趣味，拉近用戶與產(chǎn)品之間距離，今天繼續(xù)給大家分享一些有趣的動(dòng)效設(shè)計(jì)，來看看國外的設(shè)計(jì)師都是如何運(yùn)用動(dòng)效來提升情感化設(shè)計(jì)的吧~

Adobe Creative Cloud插圖和動(dòng)畫設(shè)計(jì)

by Leo Natsume

Leo Natsume受Adobe委托，圍繞“ 設(shè)計(jì)思維”為主題為Creative Cloud團(tuán)隊(duì)打造的一組創(chuàng)意3D動(dòng)畫。

https://dribbble.com/shots/11857025-Adobe-CC-Easily-manage-licenses

AR圖書購物概念設(shè)計(jì)

by Bill Chung

最近以AR靈感的作品越來越多了，你喜歡這種形式嗎？可以瀏覽評(píng)論愛了~

發(fā)送按鈕動(dòng)效

由Aaron Iker

用飛機(jī)來表達(dá)傳送狀態(tài)，超有創(chuàng)意的按鈕動(dòng)效

https://dribbble.com/shots/11666476-Paper-plane-button

VR滑塊研究

by Oleg Frolov

當(dāng)UI融入現(xiàn)實(shí)~

https://dribbble.com/shots/11644261-VR-Slider-Exploration

購物APP動(dòng)效設(shè)計(jì) 

by Dimest

https://www.instagram.com/p/B8Jd0aKAh8V/

智能水壺app設(shè)計(jì)

by Cuberto

https://cuberto.com/

支付動(dòng)效設(shè)計(jì)

by Dimest

最后的刷卡動(dòng)效也太有趣了吧！

https://www.instagram.com/p/B8Jd0aKAh8V/

音樂播放交互動(dòng)效

by khonok_lee

https://www.instagram.com/khonok_lee/

刪除按鈕動(dòng)效

by Aaron Iker

很形象~

https://www.instagram.com/aaroniker/

評(píng)分動(dòng)畫設(shè)計(jì)

by Cuberto

不同評(píng)分會(huì)出現(xiàn)不同的表情，直觀的給用戶傳達(dá)情感，非常有趣~

https://dribbble.com/shots/7060121-Rate-your-ride-animated-SWIFT

AR Fluent Dashboard

by Max Gedrovich

AR和UI結(jié)合起來簡直太酷了！

https://dribbble.com/shots/11741342--AR-Fluent-Dashboard

C4D郵件動(dòng)畫

by Nguyen Nguyen

https://dribbble.com/nguyenguyen

漢堡菜單動(dòng)效展示

by nasserui_

https://www.instagram.com/nasserui/

?

多人游戲選擇交互由

Mauricio Bucardo

很直觀的多選交互設(shè)計(jì)~

https://dribbble.com/shots/11568643-Multi-player-interaction

3D菜單動(dòng)畫

by Webshocker - Matjaz Valentar

太解壓了！

http?s://dribbble.com/Webshocker

?

旅游規(guī)劃ios移動(dòng)交互應(yīng)用

by Taras Migulko

https://dribbble.com/shots/11803852-Trips-manager-ios-mobile-interaction-application

上傳文件交互

by Jakub Antalik?

通過進(jìn)度條變化來表達(dá)下載狀態(tài)，很新穎~

https://dribbble.com/shots/6052541-Upload-window-interactions

瀏覽商店UI動(dòng)畫

由Anton Skvortsov

這種包裝也太有儀式感了吧

https://dribbble.com/shots/7983525-Watch-Shop-UI-animation-2

液體切換動(dòng)效

by Cuberto

https://dribbble.com/shots/5813405-Liquid-Swipe-Open-Source

Line Friends在線商店動(dòng)效

by Dannniel

試問有哪個(gè)女生會(huì)不喜歡這么可愛的APP？

https://dribbble.com/shots/10952498-Line-Friends-Online-Store

Relevant 品牌主頁動(dòng)畫

by Barthelemy Chalvet 

https://dribbble.com/shots/11062236-Relevant-Home-Page

雜貨店應(yīng)用引導(dǎo)頁動(dòng)畫設(shè)計(jì)

by ?Ashraf Omran

https://dribbble.com/shots/11432702-Grocery-app-onboard

引導(dǎo)頁動(dòng)畫設(shè)計(jì)
by Cuberto

可愛！

https://dribbble.com/shots/9958357-Onboarding-Motivation

優(yōu)惠券App - MVP

by Luká? Straňák

非常順滑的交互體驗(yàn)~

https://dribbble.com/shots/11369079-Coupon-App-MVP

待辦事項(xiàng)清單微交互

by YesYou Studio

https://www.instagram.com/yesyoustudio/