UI动效不仅仅是为了在用户界面中为了吸引用户。明智地使用UI动效,可以增强布局的可用性和可导航性,使微交互清晰,过渡美观。此外,它还引导用户,将数字产品与现实世界的对象连接起来,这让许多用户用起来更加方便。继续用户界面中有效运动的主题,今天我们收集了一组可以启发灵感的动态图标设计。

1.动态图标在界面中的应用

搜索图标转换到光标(Oleg Frolov)

 

搜索图标与内容的文本提示交互(Oleg Frolov)

 

通知图标的动效微交互(Paarth Desai)

 

通知图标的另一个动效概念( Gal Shir)

 

用于邮件控件图标的冷调和谐波动效(Jona Dinges)

 

移动应用程序标签栏的动效图标(Andrew McKay)

 

2.图标变形和转换

一件有趣的设计作品:iOS图标从Google到Facebook、Twitter、Waze、Weather、Soundcloud、Health的转换一直到YouTube( Platform)

 

控制中心图标的简练变形(the Platform team)

 

以数码设备为特色的动效图标的尝试(Peter Smart)

 

一组用于社交分享的变形动画(Icons8)

 

图标动画的练习(UIGreat)

 

材料的变形动画图标(Divan Raj)

 

图标变形的练习(Paarth Desai)

 

3.动画式的图标集

动画象形图集( Ramotion)

 

动效图标( Alex Kunchevsky)

 

运动中的商业图标(Alex Kunchevsky)

 

一套动效概念集合(Null)

 

PQ图标动画( Edyta Konstanska)

 

 

原文地址:https://icons8.com/articles/ui-animation-creative-concepts-of-animated-icons/

每天更新,
全站高品质素材免费下载!