当前位置: 首页 >> APP图标尺寸_APP图标设计教程_APP图标制作_APP图标下载 >> 阅读正文

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

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

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

 

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

awesome_burger

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

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

 

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

open-close

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

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

 

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

select

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

 

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

icon-animation3

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

 

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

菜单动画设计

 

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

 

 

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

search22

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

 

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

pebltree_icon_800x600

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

 

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

poruka_in_out_1_mala

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

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

 

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

zvucnik3

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

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



无觅相关文章插件,快速提升流量

本文标题:来自Dribbble的9个APP图标交互动效设计,脑洞大开

本文地址:http://www.25xt.com/iconweb/14550.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。