这30个有趣的动效设计，让你欲罢不能！

动效这几年在UI中几乎占据了举足轻重的地位，好的动效不仅可以提升用户体验，更能让我们的交互增加很多趣味，拉近用户与产品之间距离。

文章转载自：BIGD

ID：bigdcc

编辑：jane27

今天继续给大家分享一些有趣的动效设计，来看看国外的设计师都是如何运用动效来提升情感化设计的吧~

01

银行卡APP用户引导动画

by Stan

非常简洁流畅的动画设计~

https://www.instagram.com/dtailstudio/

02

Adobe Creative Cloud插图和动画设计

by Leo Natsume

Leo Natsume受Adobe委托，围绕“ 设计思维”为主题为Creative Cloud团队打造的一组创意3D动画。

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

03

AR图书购物概念设计

by Bill Chung

最近以AR灵感的作品越来越多了，你喜欢这种形式吗？可以浏览评论爱了~

04

下载和喜欢动画

by ALEX BENDER

左边的下载图标动画也太有趣了吧~

https://dribbble.com/shots/11654096-Download-Like-Animation

05

发送按钮动效

由Aaron Iker

用飞机来表达传送状态，超有创意的按钮动效

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

06

VR滑块研究

by Oleg Frolov

当UI融入现实~

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

07

搜索图标交互

by Oleg Frolov

搜索图标的巧妙变化~

https://dribbble.com/shots/4605344-Search-icon-interaction

08

购物APP动效设计 

by Dimest

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

09

智能水壶app设计

by Cuberto

https://cuberto.com/

10

支付动效设计

by Dimest

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

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

11

音乐播放交互动效

by khonok_lee

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

12

删除按钮动效

by Aaron Iker

很形象~

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

13

评分动画设计

by Cuberto

不同评分会出现不同的表情，直观的给用户传达情感，非常有趣~

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

14

AR Fluent Dashboard

by Max Gedrovich

AR和UI结合起来简直太酷了！

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

15

C4D邮件动画

by Nguyen Nguyen

https://dribbble.com/nguyenguyen

16

汉堡菜单动效展示

by nasserui_

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

‍

17

多人游戏选择交互

由Mauricio Bucardo

很直观的多选交互设计~

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

19

3D菜单动画

by Webshocker – Matjaz Valentar

太解压了！

http‍s://dribbble.com/Webshocker

‍

20

2℃ 阅读APP动效

by Dimest

https://dribbble.com/shots/11780117-2-Reading

21

旅游规划ios移动交互应用

by Taras Migulko

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

22

上传文件交互

by Jakub Antalik‍

通过进度条变化来表达下载状态，很新颖~

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

23

浏览商店UI动画

由Anton Skvortsov

这种包装也太有仪式感了吧

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

24

液体切换动效

by Cuberto

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

25

Line Friends在线商店动效

by Dannniel

试问有哪个女生会不喜欢这么可爱的APP？

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

26

Relevant 品牌主页动画

by Barthelemy Chalvet

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

27

杂货店应用引导页动画设计

by ِAshraf Omran

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

28

引导页动画设计

by Cuberto

可爱！

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

29

优惠券App – MVP

by Lukáš Straňák

非常顺滑的交互体验~

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

30

待办事项清单微交互

by YesYou Studio

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