转自：V6Deisgn（ID：V6Designs）
今天给大家收集了36个来自Dribbble社区最新的UI动效设计概念动画图标及元素设计稿。好好学习一下里面的细节处理吧。有实用的参考价值！
菜单的打开/确认/关闭三种状态
![]( "Menu open / tick / close")
By Kreativa Studiohttps://dribbble.com/shots/1657075-Dancing-Icon
2. 下载/保存
![]( "Download / save")
By Warren Lebovicshttps://dribbble.com/shots/1725734-Download-Save-Animation
3. 播放/暂停
![]( "Play / pause")
By Kreativa Studiohttps://dribbble.com/shots/1680799-Play-Pause-Animation
4. 搜索条
![]( "Search bar")
By Sandeep Virk
https://dribbble.com/shots/1992789-Search
5. 菜单的打开/关闭
![]( "Menu open / close")
By Thanks But No Thankshttps://dribbble.com/shots/2256354-Menu-open-close
6. 响应式图标式样
![]( "Responsive icons")
By Joe Harrisonhttps://dribbble.com/shots/1290195-New-Project-Responsive-Icons
7. 声音的打开/关闭
![]( "Sound on / off")
By Kreativa Studiohttps://dribbble.com/shots/1664807-No-you-shut-up
8. 发送邮件
![]( "Sending mail")
By Tamas Kojohttps://dribbble.com/shots/2190376-sending
9. 菜单的打开/关闭
![]( "Menu open / close")
By Creativedashhttps://dribbble.com/shots/1623679-Open-Close
10. 喜爱/收藏
![]( "Favourite")
By Brian Waddingtonhttps://dribbble.com/shots/1884504-Twitter-Fav
11. 音频录制状态
![]( "Recording Audio")
By Ryan McLaughlin
12. 云下载状态
![]( "Cloud download / done")
By Brandon Terminihttps://dribbble.com/shots/1915900-Download-Animation
13. 菜单的打开/关闭
![]( "Menu open / close")
By Tamas Kojohttps://dribbble.com/shots/2265620-hamburger-menu
14. 响应式设计
![]( "Responsive design")
By Karol Podleśnyhttps://dribbble.com/shots/1277779-Morphing-devices-GIF
15. 新消息到达
![]( "New Message")
By Davor Mouckahttps://dribbble.com/shots/1686692-You-ve-got-message
16. 下拉刷新
![]( "Pull down / refresh")
By Hoang Nguyenhttps://dribbble.com/shots/2232385-Pull-Down-to-Refresh
17. 菜单的打开/关闭
![]( "Menu open / close")
By Kenny Singhttps://dribbble.com/shots/1625075-Animated-Menu-Icon
18. 刷新
![]( "Refresh")
By Sandeep Virkhttps://dribbble.com/shots/2064446-Refresh
19. 保存
![]( "Save")
By Justin Nursehttps://dribbble.com/shots/1047708--Freebie-Save-Icon-Animated
20. 搜索/返回
![]( "Search / back")
By Rahul Bhosale
21. 菜单的各个状态
![]( "Menu / more / close / back")
By Alex Kirhenstein | Drawardhttps://dribbble.com/shots/1877392-Icon-Animation
22. 返回/关闭
![]( "Back / close")
By Sandeep Virkhttps://dribbble.com/shots/1980182-Back-to-Close
23. 上传完成
![]( "Upload / complete")
By Colin Garvenhttps://dribbble.com/shots/1429143-Upload
24. 附件内容
![]( "Attaching file")
By Roman Bulahhttps://dribbble.com/shots/1989304-Attaching-File
25. 点菜单的打开/关闭
![]( "Dotted menu open / close")
By Warren Lebovicshttps://dribbble.com/shots/1916107-Menu-Animation
26. 发送消息
![]( "Message sent")
By Mike DiLuigihttps://dribbble.com/shots/1929970-Message-Sent
27. 新邮件到达
![]( "New mail")
By Dominik Levitskyhttps://dribbble.com/shots/2142189-We-ve-got-mail-GIF
28. 喜爱/收藏
![]( "Shortlist")
By Rahul Bhosalehttps://dribbble.com/shots/2191426-Shortlist-Icon-animates-now
29. 菜单的打开/关闭
![]( "Menu open / close")
By Homeliuweihttps://dribbble.com/shots/1625836-Open-Close
30. 音乐APP的引导页动画介绍
![]( "Music app intro animations")
By Sergey Valiukhhttps://dribbble.com/shots/1614592-GIF-Animation-of-Introductory-Screens
31. 搜索加载
![]( "Search / loading")
By Sandeep Virkhttps://dribbble.com/shots/1709699-Search-Loading
32. 径向菜单
![]( "Radial menu")
By Howard Moenhttps://dribbble.com/shots/801609-Concept-Idea-Radial-Menu-UI-animated
33. 食物加载动画
![]( "EatStreet loading animation")
By Jeremy Martinezhttps://dribbble.com/shots/1950119-EatStreet-Loading
34. 火狐加载动画
![]( "Firefox logo")
By Latham Arnotthttps://dribbble.com/shots/1726042-Firefox-Logo-Animation
35. 地图社交程序的交互动画
![]()
By Sergey Valiukhhttps://dribbble.com/shots/1653754-GIF-Animation-of-an-App
36. 天气图标
![]( "Weather icons")
By Mark Geyerhttps://dribbble.com/shots/1389791--GIF-Weather
【来源】：V6Deisgn（ID：V6Designs）
-END-
UI范儿 | 越努力，越幸运
精选 | 干货 | 经验 | 分享 | 资源
![]()
【UI范儿交流群开放中】
QQ群：325192599
![]()