來源:網絡 作者:佚名
現代風盛行的網頁設計圈中，不少設計師會傾向于用動態、抽象的元素來為頁面渲染出富有科技和未來感的氛圍。在這其中，飄散的粒子動效是比較常見也頗受歡迎的一種元素，而今天我們要聊的就是這種設計元素。
有的網頁會在頁面背景上散亂分布著點或者小而簡單的幾何圖形，配合著各不相同的背景，粒子動態效果所呈現出來的類型和樣式非常之多。它們還可以是一大堆凌動的小球，扁平的圓環，還可以一組來回穿梭的小三角形，等等等等。在動效上，這些粒子的運動軌跡的差別也是千差萬別的，它們有的可能會與用戶的操作產生聯動，隨著鼠標指針運動，震顫，舞蹈。然而它們依然有很明顯的共同點：通過這些粒子的動效來為整個頁面營造出動態、活潑和科技感十足的氛圍。
單調的語言不足以呈現這些粒子動效的獨到之處，我們一起來看看案例吧。
Deutser
黑色的極簡風背景是這些粒子動效的舞臺，粒子每隔幾秒會打散重組出新的圖案，并且搭配上相應的文案，并且粒子本身會隨著鼠標的移動而進行恰如其分的偏移，不僅讓用戶充滿了參與感，而且動態的展示方式讓信息的展現更有厚度。
Share the Force
這是一個星球大戰主題相關的網站，意為“分享原力”。整個網站的設計非常貼合星戰的主題，加入了許多宇宙相關的設計元素，背景中的粒子動效更是強化了這種環境的動感和氣氛。
Seven Brief Lessons
開發者讓移動的粒子構成了一個環形，并讓它們順滑地運動著，漂亮的漸變效果讓整個背景加分不少。環形運動的粒子動效讓用戶將注意力集中到中間的文字上，這使得動效的功能性強化了不少。
Brandify
復雜的立體幾何圖形和運動的粒子組合到一起，充滿了韻律感。整個動效豐富了頁面的細節，讓它看起來一點都不單調，也增強了趣味性。
