9 APP icons from Dribbble interact with each other to design brain tunnels

Today, the 25 school has collected 9 draft designs for UI icons from Dribbble. Some very inspirational APP inspired works. Let you understand some of these APP icons interactive dynamic design principles and how to conceive.

Xiao Bian felt that it has practical reference value! Worth eleven taste.


1, APP Hamburg menu icon on / off Menu open / close


Clean, crisp, smooth APP icon animation is comfortable.

Chase wave network address: https://dribbble.com/shots/2265620-hamburger-menu


2, APP hamburger menu open / close


APP Hamburg menu is a whole APP icon design one of the most common, you can design is very dynamic, also can design this interactive menu according to the specific usage scenarios.

Chase wave network address: https://dribbble.com/shots/1625075-Animated-Menu-Icon


3, mouse movement icon animation design


Chase wave network address: https://dribbble.com/shots/1769468-Product-Animation


4, the menu of each state Menu / more / close / back


Chase wave network address: https://dribbble.com/shots/1877392-Icon-Animation


5, the menu open / close Dotted menu open / close

Menu animation design


Chase wave network address: https://dribbble.com/shots/1916107-Menu-Animation



6, the search icon animation design loaded Search / loading


Chase wave network address: https://dribbble.com/shots/1709699-Search-Loading


7 、 APP send message icon dynamic efficiency design


Chase wave network address: https://dribbble.com/shots/1929970-Message-Sent


8, APP new message arrival icon animation design


When there is a new station information or notifications on your APP, in addition to a red dot, can also be used in this design, the icon in the upper right corner with a small number of.

Chase wave network address: https://dribbble.com/shots/1686692-You-ve-got-message


9, sound on / off / off Sound on


This is a music icon animation design inspiration, very humane.

Chase wave network address: https://dribbble.com/shots/1664807-No-you-shut-up

Leave a Reply