「虚谷無界·設計現場」设计中的液体动画可以这么用！
发表于
今天给大家讲讲网页设计中的液体动画。这种设计可以以许多不同的方式出现在设计版面中。
什么是液体动画？
液体动画是屏幕上的运动，像水一样的感觉。这些动画通常有一个缓慢的，流动的运动，可能波动或潮起潮落。液体动画可以作为悬停状态或视频或滚动动画的一部分发挥作用。还可以在卷轴上激活一个液体动画。在网页设计当中，液体也可以以各种各样的方式存在着。通过不同的流态，不同的视角，不同的色彩来构建不同的解决方案。
使用液体动画的6种手法
01
分层设计
液体动画设计可以与其他设计效果（如分层效果）协同工作。背景层可以设定为一个固定的图像，但当鼠标悬停在图片上，边缘的液体将会从中流出移动。图像随鼠标运动而移动，以水状运动悬停。
为简单的设计增添了许多视觉趣味，添加了用户与设计中的互动。
02
液体悬停操作
液体悬停动画状态是这一趋势最流行的用途之一。
液体动画的效果在于，运动效果是很真实的和流畅的，它实际上鼓励人们继续玩它，看看运动是如何发生的和工作。
03
液体“滚动”效果
设计版面上有拖拉鼠标，当你拖动鼠标时，图像的运动感觉就像在水族馆里旋转。
04
设定为前景或后景
液体动画可以是设计背景或前景的设计元素。设计为前景时要注意不要将主体物挡着，但可以稍随意的设计几个在主体物旁边，作为装饰效果。设计为背景时，我们可以选择均匀的铺满或者选择大小对比的设计。
05
运用“水”设计效果
水下风格的设计元素是占主导地位的动画效果。水下运动，是一个缓慢，流动的运动效果。
形状以舒缓、缓慢的模式移动和流动。让设计充满了动感。
06
液体式排版
液体动画效果也可以适用于排版。使用这种手法可以在文本上，可以将文本设计为液体运动形，不仅可以保持文字的可读性，也是一种新颖的设计手法。
本文来自微信公众号“虚谷無界设计现场”（ID：gh_e3e512985dec）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。
