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

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

by Leo Natsume

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

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

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

by Bill Chung

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

發(fā)送按鈕動效

由Aaron Iker

用飛機(jī)來表達(dá)傳送狀態(tài)，超有創(chuà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動效設(shè)計(jì) 

by Dimest

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

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

by Cuberto

https://cuberto.com/

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

by Dimest

最后的刷卡動效也太有趣了吧！

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

音樂播放交互動效

by khonok_lee

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

刪除按鈕動效

by Aaron Iker

很形象~

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

評分動畫設(shè)計(jì)

by Cuberto

不同評分會出現(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郵件動畫

by Nguyen Nguyen

https://dribbble.com/nguyenguyen

漢堡菜單動效展示

by nasserui_

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

?

多人游戲選擇交互由

Mauricio Bucardo

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

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

3D菜單動畫

by Webshocker - Matjaz Valentar

太解壓了！

http?s://dribbble.com/Webshocker

?

旅游規(guī)劃ios移動交互應(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動畫

由Anton Skvortsov

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

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

液體切換動效

by Cuberto

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

Line Friends在線商店動效

by Dannniel

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

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

Relevant 品牌主頁動畫

by Barthelemy Chalvet 

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

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

by ?Ashraf Omran

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

引導(dǎo)頁動畫設(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/