今天给大家收集了36个来自Dribbble社区最新的UI动效设计概念动画图标及元素设计稿。好好学习一下里面的细节处理吧。有实用的参考价值!
一个好的动效设计能给一个普通的App增色很多。一个好的动效,其变化的节奏都很值得我们去仔细研究。
如果把APP比作一位美女,那么icon是她的证件照,界面是她的形体,而动效则是她的肢体语言。
01 菜单的打开/确认/关闭三种状态
https://dribbble.com/shots/1657075-Dancing-Icon
By Kreativa Studio
02 下载/保存
https://dribbble.com/shots/1725734-Download-Save-Animation
By Warren Lebovics
03 播放/暂停
https://dribbble.com/shots/1680799-Play-Pause-Animation
By Kreativa Studio
04 搜索条
https://dribbble.com/shots/1992789-Search
By Sandeep Virk
05 菜单的打开/关闭
https://dribbble.com/shots/2256354-Menu-open-close
By Thanks But No Thanks
06 响应式图标式样
https://dribbble.com/shots/1290195-New-Project-Responsive-Icons
By Joe Harrison
07 声音的打开/关闭
https://dribbble.com/shots/1664807-No-you-shut-up
By Kreativa Studio
08 发送邮件
https://dribbble.com/shots/2190376-sending
By Tamas Kojo
09 菜单的打开/关闭
https://dribbble.com/shots/1623679-Open-Close
By Creativedash
10 喜爱/收藏
https://dribbble.com/shots/1884504-Twitter-Fav
By Brian Waddington
By Ryan McLaughlin
12 云下载状态
https://dribbble.com/shots/1915900-Download-Animation
By Brandon Termini
13 菜单的打开/关闭
https://dribbble.com/shots/2265620-hamburger-menu
By Tamas Kojo
14 响应式设计
https://dribbble.com/shots/1277779-Morphing-devices-GIF
By Karol Podleśny
15 新消息的到达
https://dribbble.com/shots/1686692-You-ve-got-message
By Davor Moucka
16 下拉刷新
https://dribbble.com/shots/2232385-Pull-Down-to-Refresh
By Hoang Nguyen
17 菜单的打开/关闭
https://dribbble.com/shots/1625075-Animated-Menu-Icon
By Kenny Sing
18 刷新
https://dribbble.com/shots/2064446-Refresh
By Sandeep Virk
19 保存
https://dribbble.com/shots/1047708--Freebie-Save-Icon-Animated
By Justin Nurse
By Rahul Bhosale
21 菜单的各个状态
https://dribbble.com/shots/1877392-Icon-Animation
By Alex Kirhenstein | Draward
22 返回/关闭
https://dribbble.com/shots/1980182-Back-to-Close
By Sandeep Virk
23 上传完成
https://dribbble.com/shots/1429143-Upload
By Colin Garven
24 附件内容
https://dribbble.com/shots/1989304-Attaching-File
By Roman Bulah
25 点菜单的打开/关闭
https://dribbble.com/shots/1916107-Menu-Animation
By Warren Lebovics
26 发送消息
https://dribbble.com/shots/1929970-Message-Sent
By Mike DiLuigi
27 新邮件到达
https://dribbble.com/shots/2142189-We-ve-got-mail-GIF
By Dominik Levitsky
https://dribbble.com/shots/2191426-Shortlist-Icon-animates-now
By Rahul Bhosale
https://dribbble.com/shots/1625836-Open-Close
By Homeliuwei
https://dribbble.com/shots/1614592-GIF-Animation-of-Introductory-Screens
By Sergey Valiukh
https://dribbble.com/shots/1709699-Search-Loading
By Sandeep Virk
https://dribbble.com/shots/801609-Concept-Idea-Radial-Menu-UI-animated
By Howard Moen
https://dribbble.com/shots/1950119-EatStreet-Loading
By Jeremy Martinez
https://dribbble.com/shots/1726042-Firefox-Logo-Animation
By Latham Arnott
https://dribbble.com/shots/1653754-GIF-Animation-of-an-App
By Sergey Valiukh
36 天气图标
https://dribbble.com/shots/1389791--GIF-Weather
By Mark Geyer
往期回顾:
手机淘宝主题皮肤设计大赛
虚拟现实VR火爆袭来,如何做VR的UX设计?
“防震减灾”公益设计大赛,参赛作品先睹为快!
用户体验设计师面试有哪些问题值得我们注意?
广告设计中的灵魂——创意
---关于我们---
UI中国 专业用户体验设计平台
主站:www.ui.cn
新浪微博:@UI中国
合作请加微信:zhuti2016
版权声明:如有侵权请联系我们