在追求視覺盛宴的時代，流體效果能給網(wǎng)站帶來很多意想不到的作用。它是指將液體起伏時產(chǎn)生的物理規(guī)則、運動特征、質(zhì)感、曲線形式等作為設(shè)計的主體元素，例如：嘗試使截面的邊界成為波形而不是直線，或者使元素周圍的框架成為抽象圖形而不是正方形或其他規(guī)則圖形。

流體效果可在各種場景中將流暢的形狀整合到設(shè)計中并創(chuàng)造出柔軟感，其主要作用有：

• 豐富用戶體驗
• 提高服務(wù)和產(chǎn)品的吸引力
• 襯托網(wǎng)站本身的創(chuàng)造性和專業(yè)性
• 有效填充留白或背景，避免頁面過于單調(diào)

在網(wǎng)頁設(shè)計中，流體效果可以以多種多樣的方式存在著。開發(fā)人員可通過不同的流態(tài)、不同的視角、不同的色彩來構(gòu)建不同的解決方案。如果你現(xiàn)在還沒有任何頭緒，不妨看看下面這些案例~

Kikk Festival（2017）

▲該網(wǎng)站的流體設(shè)計相當(dāng)壯觀，為用戶呈現(xiàn)了一種動態(tài)效果下的海洋場景。

Studio Gusto

▲該網(wǎng)站將頁面背景融入了肥皂泡元素，非常輕盈隨性。

Ibiza Music Artists

▲該網(wǎng)站以俯視角度下的水面為設(shè)計靈感，鼠標(biāo)移動時，將出現(xiàn)非常漂亮的波浪效果，整體簡約、優(yōu)雅、精致。

Booreiland

▲該網(wǎng)站的流體效果如同將顏料滴在水中一樣慢慢氤氳擴(kuò)散。

Wed’ze Goggles

▲該網(wǎng)站向我們展示了如何充分利用簡單的元素來制造充滿自然流體質(zhì)感的視覺體驗，巧妙地讓原本簡約空曠的頁面顯得不那么單調(diào)。

Intangible Matter

▲該網(wǎng)站的流體效果占據(jù)了大部分頁面，整體效果如同水面一般。

網(wǎng)頁中的流體效果是千變?nèi)f化的，不同的視覺效果帶來的感覺截然不同，但是它們大都遵循物理規(guī)律，你可以利用這些規(guī)律，讓設(shè)計服務(wù)于你的想法。此外，流體效果本身對于服務(wù)器和用戶電腦的性能要求比較高，開發(fā)的時候需要格外注意。