UI动效:30个动态图标的创意概念

UI动效不仅仅是为了在用户界面中为了吸引用户。明智地使用UI动效,可以增强布局的可用性和可导航性,使微交互清晰,过渡美观。此外,它还引导用户,将数字产品与现实世 […]

2018年9月5日

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

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

标签栏动动效( Midinventory)

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

 

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

 

移动应用程序极简标签栏中的加号图标动效(Eddie Lobanovskiy)

 

网站导航过渡图标效(Ramotion)

智能家居应用程序中家庭条件按钮动效图标(Tubik)

 

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

 

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

餐厅应用的动效图标模仿推拉的物理响应(Sergey Valiukh)

 

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

 

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

 

标签栏图标的另一个动效设计想法(Dimest)

 

2.图标变形和转换

人工智能助手的动画图标概念(Gleb Kusnetsov)

 

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

 

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

 

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

 

YouTube变形动画(Icons8)

 

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

 

图标动画的练习(UIGreat)

 

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

图标变形的练习(Paarth Desai)

 

线搜索框到搜索图标的转换(Paarth Desai)

 

3.动画式的图标集

奖励动画图标(the Microsoft design team)

 

动画象形图集( Ramotion)

 

动效图标( Alex Kunchevsky)

 

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

 

一套动效概念集合(Null)

 

PQ图标动画( Edyta Konstanska)

 

一些免费分享的动效图标(the Icons8 team)

 


作者: Marina Fedoseenko

翻译:沈明请

责编:张玲

发表评论

电子邮件地址不会被公开。 必填项已用*标注