/流动的灵感——设计中的液体动画

流动的灵感——设计中的液体动画


液体动画是屏幕上的运动,像水一样的感觉。这些动画通常有一个缓慢的,流动的运动,可能波动或潮起潮落。液体动画可以作为悬停状态或视频或滚动动画的一部分发挥作用。还可以在卷轴上激活一个液体动画。在网页设计当中,液体也可以以各种各样的方式存在着。通过不同的流态,不同的视角,不同的色彩来构建不同的解决方案。




使用液体动画的6种手法



01

分层设计


液体动画设计可以与其他设计效果(如分层效果)协同工作。背景层可以设定为一个固定的图像,但当鼠标悬停在图片上,边缘的液体将会从中流出移动。图像随鼠标运动而移动,以水状运动悬停。


为简单的设计增添了许多视觉趣味,添加了用户与设计中的互动。





02

液体悬停操作


液体悬停动画状态是这一趋势最流行的用途之一。

液体动画的效果在于,运动效果是很真实的和流畅的,它实际上鼓励人们继续玩它,看看运动是如何发生的和工作。





03

液体“滚动”效果


设计版面上有拖拉鼠标,当你拖动鼠标时,图像的运动感觉就像在水族馆里旋转。





04

设定为前景或后景


液体动画可以是设计背景或前景的设计元素。设计为前景时要注意不要将主体物挡着,但可以稍随意的设计几个在主体物旁边,作为装饰效果。设计为背景时,我们可以选择均匀的铺满或者选择大小对比的设计。





05

运用“水”设计效果


水下风格的设计元素是占主导地位的动画效果。水下运动,是一个缓慢,流动的运动效果。

形状以舒缓、缓慢的模式移动和流动。让设计充满了动感。





06

液体式排版


液体动画效果也可以适用于排版。使用这种手法可以在文本上,可以将文本设计为液体运动形,不仅可以保持文字的可读性,也是一种新颖的设计手法。




文章来源:设长

版权归原作者所有,本资源仅供大家欣赏,学习交流,非恶意侵犯原权利人相关权益,如果侵害了您的合法权益,敬请相关权利人谅解并与我们联系,我们会在第一时间删除相关内容,共同维护好网络创作环境。

RECOMMENED

往 期 精 选

2022年十大设计趋势预测

花式排版见长的德国科隆工作室 büro freiheit

2021日本字体设计年鉴电子版!

本文来自微信公众号“青圭設計學社”(ID:qingguisheji)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。