来自Dribbble的9个APP图标交互动效设计，脑洞大开

今天25学堂的给大家收集了9个来自Dribbble的UI 图标类的动效设计稿。非常富有设计灵感的一些APP动效作品。可以让大家理解这样的一些APP图标交互动效设计的原理以及如何构思的。

小编觉得给大家有实用的参考价值！值得大家一一来品味。

1、 APP汉堡菜单图标的打开/关闭     Menu open / close

干净、清爽、流畅的APP图标动画设计就是让人舒服。

追波网地址：https://dribbble.com/shots/2265620-hamburger-menu

2、APP汉堡菜单的打开/关闭

APP汉堡菜单是整个APP图标设计当中最常见的一个，你可以设计的非常动感，也可以根据具体的使用场景来设计这样的菜单交互。

追波网地址：https://dribbble.com/shots/1625075-Animated-Menu-Icon

3、鼠标移动图标动画设计

追波网地址：https://dribbble.com/shots/1769468-Product-Animation

4、菜单的各个状态  Menu / more / close / back

追波网地址：https://dribbble.com/shots/1877392-Icon-Animation

5、点菜单的打开/关闭    Dotted menu open / close

追波网地址：https://dribbble.com/shots/1916107-Menu-Animation

6、搜索图标加载动画设计  Search / loading

追波网地址：https://dribbble.com/shots/1709699-Search-Loading

7、APP发送消息图标的动效设计

追波网地址：https://dribbble.com/shots/1929970-Message-Sent

8、APP新消息到达图标动画设计

当你的APP上有新的站内信息或者消息通知的时候，除了有一个红点表示之外，也可以采用这样的设计方式，在图标的右上角加上一个小数字。

追波网地址：https://dribbble.com/shots/1686692-You-ve-got-message

9、声音的打开/关闭   Sound on / off

这是一个音乐图标动画设计灵感，非常的人性化。

追波网地址：https://dribbble.com/shots/1664807-No-you-shut-up