這有 36 個 UI 動效設(shè)計，也許能幫你從細節(jié)上提升產(chǎn)品逼格
今天給大家收集了36個來自Dribbble社區(qū)最新的UI動效設(shè)計概念動畫圖標及元素設(shè)計稿。好好學(xué)習(xí)一下里面的細節(jié)處理吧。有實用的參考價值！
來源：V6Design（微信號：V6Designs）
1. 菜單的打開/確認/關(guān)閉三種狀態(tài)
Menu open / tick / close
By Kreativa Studio
https://dribbble.com/shots/1657075-Dancing-Icon
2. 下載/保存
Download / save
By Warren Lebovics
https://dribbble.com/shots/1725734-Download-Save-Animation
3. 播放/暫停
Play / pause
By Kreativa Studio
https://dribbble.com/shots/1680799-Play-Pause-Animation
4. 搜索條
Search bar
By Sandeep Virk
https://dribbble.com/shots/1992789-Search
5. 菜單的打開/關(guān)閉
Menu open / close
By Thanks But No Thanks
https://dribbble.com/shots/2256354-Menu-open-close
6. 響應(yīng)式圖標式樣
Responsive icons
By Joe Harrison
https://dribbble.com/shots/1290195-New-Project-Responsive-Icons
7. 聲音的打開/關(guān)閉
Sound on / off
By Kreativa Studio
https://dribbble.com/shots/1664807-No-you-shut-up
8. 發(fā)送郵件
Sending mail
By Tamas Kojo
https://dribbble.com/shots/2190376-sending
9. 菜單打開/關(guān)閉
Menu open / close
By Creativedash
https://dribbble.com/shots/1623679-Open-Close
10. 喜愛/收藏
Favourite
By Brian Waddington
https://dribbble.com/shots/1884504-Twitter-Fav
11. 音頻錄制狀態(tài)
Recording Audio
By Ryan McLaughlin
12. 云下載狀態(tài)
Cloud download / done
By Brandon Termini
https://dribbble.com/shots/1915900-Download-Animation
13. 菜單的打開/關(guān)閉
Menu open / close
By Tamas Kojo
https://dribbble.com/shots/2265620-hamburger-menu
14. 響應(yīng)式設(shè)計
Responsive design
By Karol Podle?ny
https://dribbble.com/shots/1277779-Morphing-devices-GIF
15. 新消息到達
New Message
By Davor Moucka
https://dribbble.com/shots/1686692-You-ve-got-message
16. 下拉刷新
Pull down / refresh
By Hoang Nguyen
https://dribbble.com/shots/2232385-Pull-Down-to-Refresh
17. 菜單的打開/關(guān)閉
Menu open / close
By Kenny Sing
https://dribbble.com/shots/1625075-Animated-Menu-Icon
18. 刷新
Refresh
By Sandeep Virk
https://dribbble.com/shots/2064446-Refresh
19. 保存
Save
By Justin Nurse
https://dribbble.com/shots/1047708--Freebie-Save-Icon-Animated
20. 搜索/返回
Search / back
By Rahul Bhosale
21. 菜單的各個狀態(tài)
Menu / more / close / back
By Alex Kirhenstein | Draward
https://dribbble.com/shots/1877392-Icon-Animation
22. 返回/關(guān)閉
Back / close
By Sandeep Virk
https://dribbble.com/shots/1980182-Back-to-Close
23. 上傳完成
Upload / complete
By Colin Garven
https://dribbble.com/shots/1429143-Upload
24. 附件內(nèi)容
Attaching file
By Roman Bulah
https://dribbble.com/shots/1989304-Attaching-File
25. 點菜單的打開/關(guān)閉
Dotted menu open / close
By Warren Lebovics
https://dribbble.com/shots/1916107-Menu-Animation
26. 發(fā)送消息
Message sent
By Mike DiLuigi
https://dribbble.com/shots/1929970-Message-Sent
27. 新郵件到達
New mail
By Dominik Levitsky
https://dribbble.com/shots/2142189-We-ve-got-mail-GIF
28. 喜愛/收藏
Shortlist
By Rahul Bhosale
https://dribbble.com/shots/2191426-Shortlist-Icon-animates-now
29. 菜單的打開/關(guān)閉
Menu open / close
By Homeliuwei
https://dribbble.com/shots/1625836-Open-Close
30. 音樂APP的引導(dǎo)頁動畫介紹
Music app intro animations
By Sergey Valiukh
https://dribbble.com/shots/1614592-GIF-Animation-of-Introductory-Screens
31. 搜索加載
Search / loading
By Sandeep Virk
https://dribbble.com/shots/1709699-Search-Loading
32. 徑向菜單
Radial menu
By Howard Moen
https://dribbble.com/shots/801609-Concept-Idea-Radial-Menu-UI-animated
33. 食物加載動畫
EatStreet loading animation
By Jeremy Martinez
https://dribbble.com/shots/1950119-EatStreet-Loading
34. 火狐加載動畫
Firefox logo
By Latham Arnott
https://dribbble.com/shots/1726042-Firefox-Logo-Animation
35. 地圖社交程序的交互動畫
By Sergey Valiukh
https://dribbble.com/shots/1653754-GIF-Animation-of-an-App
36. 天氣圖標
Weather icons
By Mark Geyer
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（2條）