2024年十大Web设计和UI趋势（二）

六、液体动画

如今，你登录的大多数网站似乎都融入了各种动画效果，其中液体风格的动画尤为流行，它们的动态效果仿佛水流一般自然流畅。

液态动画可应用于整个场景，作为转换视频元素的手段，或者作为悬停状态以吸引用户的点击。关键在于动画的流畅度和精准的时间控制，只有这样，才能创造出最逼真的视觉体验。

Toonami网站就利用液体动画作为悬停状态，背景视频和文本区块都能呈现出"液化"的效果。

Ilya Kulbachny在其作品集网站的标题中巧妙运用了液体动画，这些漂浮的单词在屏幕上流动，悬停时还会产生更多动态，使得设计更为生动。

七、3D

增加深度可以让设计更具真实感，三维图像正是这一理念的延伸。近年来，我们已开始看到这种趋势，预计2020年会更加盛行。

优秀的3D设计总能带来惊喜，如Metaconf Meetup网站上破裂的面具，或是Toke网站上横向滚动的小鞋子，都让人眼前一亮。

八、音频用户体验

尽管自动播放的声音在很多情况下并不受欢迎，但不可否认，声音设计正逐渐成为用户体验的一部分。请记住，在播放主题音乐前征得用户的同意！

La Ofrenda Mas Grande de Mexico和IFly Magazine都巧妙地运用声音提升了设计的品质，尤其在存在语言障碍的设计中，音乐能够成为一个很好的统一元素。

九、重叠的图层

层叠的元素虽不能完全营造3D效果，但却能赋予设计以深度和立体感。无论单个元素还是多个元素的叠加，都能与各类设计方案相融合。

Craft Kitchen的网站就运用了多重重叠元素，照片、文本和边框交织在一起，随着滚动条的移动，视觉效果依然保持连贯。

Curt Thompson MD的网站则通过带有圆角的矩形卡片实现重叠，创造出了层次分明的视觉体验，同时也有效组织了各种内容元素。

十、渐变色

曾经在平面设计中被短暂摒弃的渐变色彩如今又卷土重来，而且2020年将更为盛行。无论是大胆的多色渐变背景，还是微妙的纹理渐变，都无处不在。现在的渐变倾向于结合对比鲜明的色彩，而非过去的单一色调。

Bariskuran的鲜明渐变在投资组合设计中产生了强烈冲击力，而Arjay Studio则将渐变运用于文本和AR视觉中的元素，甚至采用多重渐变的技法。

十一、简化的导航

2020年的导航趋势可能是大型菜单的退场，取而代之的是简洁明了的导航设计。虽然看似冒险，但实际上更符合用户的浏览习惯。简化导航能让用户更快地找到核心内容，为主页面释放更多的空间，提升信息传达的效率。

Bikebear采用了最常见的简化导航，将菜单项隐藏于图标内；Uniel也将导航简化为一个小汉堡图标，无论桌面还是移动端，都能提供一致的体验。

现代设计元素常常相互配合，你可以自由混搭不同的趋势和风格，创造出独特而时尚的作品。只要确保设计趋势有利于用户体验，并避免过度堆砌，就可以尽情发挥创意，充分利用这些设计手法。