没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏

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

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

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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


2.图标变形和转换

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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏

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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


图标动画的练习(UIGreat)

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


图标变形的练习(Paarth Desai)

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


3.动画式的图标集

动画象形图集( Ramotion)

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


动效图标( Alex Kunchevsky)

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


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

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


一套动效概念集合(Null)

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


PQ图标动画( Edyta Konstanska)

没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏


没有比这更酷的:让你大饱眼福的UI图标动效设计欣赏



分享到:


相關文章: