快捷搜索:  汽车  科技

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)https://dribbble.com/shots/1680799-Play-Pause-AnimationBy Kreativa StudioBy Warren Lebovicshttps://dribbble.com/shots/1725734-Download-Save-Animation3. 播放/暂停

今天给大家收集了36个来自Dribbble社区最新的UI动效设计概念动画图标及元素设计稿。好好学习一下里面的细节处理吧。有实用的参考价值!

  1. 菜单的打开/确认/关闭三种状态

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(1)

By Kreativa Studio

https://dribbble.com/shots/1657075-Dancing-Icon

2. 下载/保存

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(2)

By Warren Lebovics

https://dribbble.com/shots/1725734-Download-Save-Animation

3. 播放/暂停

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(3)

By Kreativa Studio

https://dribbble.com/shots/1680799-Play-Pause-Animation

4. 搜索条

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(4)

By Sandeep Virk

https://dribbble.com/shots/1992789-Search

5. 菜单的打开/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(5)

By Thanks But No Thanks

https://dribbble.com/shots/2256354-Menu-open-close

6. 响应式图标式样

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(6)

By Joe Harrison

https://dribbble.com/shots/1290195-New-Project-Responsive-Icons

7. 声音的打开/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(7)

By Kreativa Studio

https://dribbble.com/shots/1664807-No-you-shut-up

8. 发送邮件

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(8)

By Tamas Kojo

https://dribbble.com/shots/2190376-sending

9. 菜单的打开/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(9)

By Creativedash

https://dribbble.com/shots/1623679-Open-Close

10. 喜爱/收藏

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(10)

By Brian Waddington

https://dribbble.com/shots/1884504-Twitter-Fav

11. 音频录制状态

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(11)

By Ryan McLaughlin

12. 云下载状态

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(12)

By Brandon Termini

https://dribbble.com/shots/1915900-Download-Animation

13. 菜单的打开/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(13)

By Tamas Kojo

https://dribbble.com/shots/2265620-hamburger-menu

14. 响应式设计

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(14)

By Karol Podleśny

https://dribbble.com/shots/1277779-Morphing-devices-GIF

15. 新消息到达

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(15)

By Davor Moucka

https://dribbble.com/shots/1686692-You-ve-got-message

16. 下拉刷新

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(16)

By Hoang Nguyen

https://dribbble.com/shots/2232385-Pull-Down-to-Refresh

17. 菜单的打开/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(17)

By Kenny Sing

https://dribbble.com/shots/1625075-Animated-Menu-Icon

18. 刷新

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(18)

By Sandeep Virk

https://dribbble.com/shots/2064446-Refresh

19. 保存

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(19)

By Justin Nurse

https://dribbble.com/shots/1047708--Freebie-Save-Icon-Animated

20. 搜索/返回

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(20)

By Rahul Bhosale

21. 菜单的各个状态

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(21)

By Alex Kirhenstein | Draward

https://dribbble.com/shots/1877392-Icon-Animation

22. 返回/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(22)

By Sandeep Virk

https://dribbble.com/shots/1980182-Back-to-Close

23. 上传完成

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(23)

By Colin Garven

https://dribbble.com/shots/1429143-Upload

24. 附件内容

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(24)

By Roman Bulah

https://dribbble.com/shots/1989304-Attaching-File

25. 点菜单的打开/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(25)

By Warren Lebovics

https://dribbble.com/shots/1916107-Menu-Animation

26. 发送消息

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(26)

By Mike DiLuigi

https://dribbble.com/shots/1929970-Message-Sent

27. 新邮件到达

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(27)

By Dominik Levitsky

https://dribbble.com/shots/2142189-We-ve-got-mail-GIF

28. 喜爱/收藏

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(28)

By Rahul Bhosale

https://dribbble.com/shots/2191426-Shortlist-Icon-animates-now

29. 菜单的打开/关闭

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(29)

By Homeliuwei

https://dribbble.com/shots/1625836-Open-Close

30. 音乐APP的引导页动画介绍

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(30)

By Sergey Valiukh

https://dribbble.com/shots/1614592-GIF-Animation-of-Introductory-Screens

31. 搜索加载

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(31)

By Sandeep Virk

https://dribbble.com/shots/1709699-Search-Loading

32. 径向菜单

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(32)

By Howard Moen

https://dribbble.com/shots/801609-Concept-Idea-Radial-Menu-UI-animated

33. 食物加载动画

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(33)

By Jeremy Martinez

https://dribbble.com/shots/1950119-EatStreet-Loading

34. 火狐加载动画

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(34)

By Latham Arnott

https://dribbble.com/shots/1726042-Firefox-Logo-Animation

35. 地图社交程序的交互动画

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(35)

By Sergey Valiukh

https://dribbble.com/shots/1653754-GIF-Animation-of-an-App

36. 天气图标

ui动效的基本规则(36个UI动效设计也许能帮你从细节上提升产品逼格)(36)

By Mark Geyer

https://dribbble.com/shots/1389791--GIF-Weather

请私信我回复“666”,为严哥打Call~,还有更多惊喜哦~

.............................................................

UI严选—越努力,越幸运

猜您喜欢: