LOGO中的图标也在动，一起摇摆吧！

但是，你知道吗？动态图标也开始广泛应用于界面设计中，并且越来越流行。虽然早期的GIF动画无论从技术角度还是从应用角度来说都与界面设计没有特别直接的关系。

坦白说，让图标动起来或者通过动态图形表达一些有趣的场景并不是什么新鲜事。然而，通过精美的后期处理，这些动态图标已经成为界面中重要且令人难忘的一部分，也是增强用户体验不可或缺的元素。这样一来，就不难理解由GIF图像构建的动画图标已经开始大规模“入侵”网页设计和UI设计领域。

接下来，我们就来看看哪些有趣的图标吧！

踢脚材料

KickMaterial是Kickstarter的Material风格APP的动态图标。这种赏心悦目的设计源自Material Design。柔和的色彩和扁平的形状赋予图标精致时尚的外观。流畅的动画给图标带来了动感，增强了用户的吸引力。了解其功能。

动画Android Webview，作者：Jovie Brett

微妙的色调赋予了简单的齿轮一种三维的感觉，加上旋转效果，整个图标开始有了真实的质感。

乔维·布雷特联系人

这个联系人图标也采用了简单的蓝白色配色方案，色调营造出逼真的质感。名片的反向动画不仅暗示了图标的含义，也保证了设计的辨识度。

商学院战略模拟器的图标，作者：Valeria Ruiz-Schulze

设计师展示了一组充满活力的平面式圆形动画图标。每个图标都包含一个类别。图片中的信息量比传统的图标要大很多，能够更好的传达信息。

图标动画|詹姆斯·普罗拉(James Prola) 的Immersus Media

在这个设计项目中，三个动画图标的设计细致流畅，各种元素的运动速度变化极其自然，使得整个图标的视觉体验非常出色。

Tim Walsh 的用户体验营提案

单色的动画图标会不会让人觉得单调？事实并非如此。在这个项目中，设计师融合了音箱和地图两种不同的元素，通过快速的变化展现图标的演变和变化过程，体现出与静态图标完全不同的功能和体验。

Twitter 加拿大作者：Al Boardman

扁平化设计趋势的一个重要影响是使动画图标更容易创建并且更加生动。这组与活动相关的圆形图标颜色鲜艳，但效果足够专业。动作设计节奏感极强，看起来明快独特。

动画图标由Tommaso Dal Poz 设计

这是一套能够第一时间抓住你眼球的动画图标设计。其视觉设计堪称典范。它最突出的两个特点是开始时的颜色切换和图标出现后的微妙移动。影响。

扎克·墨菲(Zach Murphy) 制作的动画图标

这套图标同样采用扁平化风格，动画显示技术使其能够在一个进程中包含三种不同类型的图标，将三个独立的动画无缝地整合为一个。

ReignDesign 的概念图标动画2

动画图标有一种流行的玩法，就是展示制作图标的过程，而这个概念图标就是这么做的。这个漂亮的对话图标一开始是那么简单，但经过几个简单的步骤，它就变成了一个精致的扁平风格图标。

休斯顿，我们有一个问题迈克·鲁索

这是两个简单明了的医疗动画图标。动画展示了图标中各个元素的组成过程，并且包含许多与医疗相关的元素。它很有趣、有趣，并且包含隐喻。

迈克·罗素（Mike Russo）的大拇指朝下

这个“大拇指朝下”图标比其他图标更具艺术感。虽然也接近平面风格，但细致复古的质感和灵动的机芯工艺让它脱颖而出。虽然大拇指朝下，但整部动画的节奏有趣又积极。

小图标动画： 由Fabricio Rosa Marques 全新修复

细致的轮廓和美丽的色彩使图标引人注目，而微妙的逼真动画使整个图标变得生动起来。虽然他们的改变并不复杂，但却让整个设计变得生动起来。这就是所谓的画龙点睛。

天气图标由Miguel Natividad 设计

这个动画图标展示了一组精致时尚的天气图标控件。从太阳到下雨的图标不仅展示了图标的变换过程，也非常适合天气切换的动画效果。这些简单的线条组成的天气图标更容易实现。

Google Express 作者：Jason Zigrino

这个逼真且充满活力的图标是为Google Express 设计的。整个动画变化过程中，包裹从天而降，降落伞打开，移动形成中间的圆形图标，自然流畅。

B 阿尔·博德曼

关于转变的有趣之处在于动画旨在展示转变的过程。由复杂变简单、由简单变复杂同样有趣。复杂的元素共同构成了大写字母B的轮廓，然后化繁为简，一个扁平直观的B就出来了。

迈克·米兰迪(Mike Mirandi) 设计的体育分析图标

这组与运动相关的图标也遵循了简单直观的路线，其亮点与其他图标相同。赋予其有节奏、微妙的运动动画，使其充满活力和清爽的个人感觉。

ReignDesign 的概念图标动画

这个概念图标设计还展示了从线框到最终图标的绘制过程。看着这个明亮精致的成品，与之前简单的框图进行比较，非常有趣。