在追求视觉盛宴的时代,流体效果能给网站带来很多意想不到的作用。它是指将液体起伏时产生的物理规则、运动特征、质感、曲线形式等作为设计的主体元素,例如:尝试使截面的边界成为波形而不是直线,或者使元素周围的框架成为抽象图形而不是正方形或其他规则图形。
流体效果可在各种场景中将流畅的形状整合到设计中并创造出柔软感,其主要作用有:
- 丰富用户体验
- 提高服务和产品的吸引力
- 衬托网站本身的创造性和专业性
- 有效填充留白或背景,避免页面过于单调
在网页设计中,流体效果可以以多种多样的方式存在着。开发人员可通过不同的流态、不同的视角、不同的色彩来构建不同的解决方案。如果你现在还没有任何头绪,不妨看看下面这些案例~
Kikk Festival(2017)
▲该网站的流体设计相当壮观,为用户呈现了一种动态效果下的海洋场景。
Studio Gusto
▲该网站将页面背景融入了肥皂泡元素,非常轻盈随性。
Ibiza Music Artists
▲该网站以俯视角度下的水面为设计灵感,鼠标移动时,将出现非常漂亮的波浪效果,整体简约、优雅、精致。
Booreiland
▲该网站的流体效果如同将颜料滴在水中一样慢慢氤氲扩散。
Wed’ze Goggles
▲该网站向我们展示了如何充分利用简单的元素来制造充满自然流体质感的视觉体验,巧妙地让原本简约空旷的页面显得不那么单调。
Intangible Matter
▲该网站的流体效果占据了大部分页面,整体效果如同水面一般。
网页中的流体效果是千变万化的,不同的视觉效果带来的感觉截然不同,但是它们大都遵循物理规律,你可以利用这些规律,让设计服务于你的想法。此外,流体效果本身对于服务器和用户电脑的性能要求比较高,开发的时候需要格外注意。