来源:网络 作者:佚名
现代风盛行的网页设计圈中，不少设计师会倾向于用动态、抽象的元素来为页面渲染出富有科技和未来感的氛围。在这其中，飘散的粒子动效是比较常见也颇受欢迎的一种元素，而今天我们要聊的就是这种设计元素。
有的网页会在页面背景上散乱分布着点或者小而简单的几何图形，配合着各不相同的背景，粒子动态效果所呈现出来的类型和样式非常之多。它们还可以是一大堆凌动的小球，扁平的圆环，还可以一组来回穿梭的小三角形，等等等等。在动效上，这些粒子的运动轨迹的差别也是千差万别的，它们有的可能会与用户的操作产生联动，随着鼠标指针运动，震颤，舞蹈。然而它们依然有很明显的共同点：通过这些粒子的动效来为整个页面营造出动态、活泼和科技感十足的氛围。
单调的语言不足以呈现这些粒子动效的独到之处，我们一起来看看案例吧。
Deutser
黑色的极简风背景是这些粒子动效的舞台，粒子每隔几秒会打散重组出新的图案，并且搭配上相应的文案，并且粒子本身会随着鼠标的移动而进行恰如其分的偏移，不仅让用户充满了参与感，而且动态的展示方式让信息的展现更有厚度。
Share the Force
这是一个星球大战主题相关的网站，意为“分享原力”。整个网站的设计非常贴合星战的主题，加入了许多宇宙相关的设计元素，背景中的粒子动效更是强化了这种环境的动感和气氛。
Seven Brief Lessons
开发者让移动的粒子构成了一个环形，并让它们顺滑地运动着，漂亮的渐变效果让整个背景加分不少。环形运动的粒子动效让用户将注意力集中到中间的文字上，这使得动效的功能性强化了不少。
Brandify
复杂的立体几何图形和运动的粒子组合到一起，充满了韵律感。整个动效丰富了页面的细节，让它看起来一点都不单调，也增强了趣味性。
