在追求視覺(jué)盛宴的時(shí)代，流體效果能給網(wǎng)站帶來(lái)很多意想不到的作用。它是指將液體起伏時(shí)產(chǎn)生的物理規(guī)則、運(yùn)動(dòng)特征、質(zhì)感、曲線(xiàn)形式等作為設(shè)計(jì)的主體元素，例如：嘗試使截面的邊界成為波形而不是直線(xiàn)，或者使元素周?chē)目蚣艹蔀槌橄髨D形而不是正方形或其他規(guī)則圖形。

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

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

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

Kikk Festival（2017）

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

Studio Gusto

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

Ibiza Music Artists

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

Booreiland

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

Wed’ze Goggles

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

Intangible Matter

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

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