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

　　六、液体动画
　　您登陆的几乎每个网站似乎都包含某种形式的动画。zhen正流行的是液体样式的动画，其运动看起来像水。
　　液态动画可用于整个场景，作为转换视频元素的方式，悬停状态以吸引点击或作为将用户吸引到设计中的通用动画。使这种趋势行之有效的诀窍在于移动的速度。它bi须平滑，流畅且定时准确，才能获得zui逼真的感觉。
　　Toonami使用液体动画作为悬停状态来为屏幕上的元素带来额外的运动。背景视频和文本块一样液化。
　　IlyaKulbachny在他的作品集网站的标题中使用了液体动画。（这可能是该设计趋势的zui佳用途之一。）这些单词漂浮在屏幕上，并具有附加的悬停状态，这会使他的图像和单词进一步移动。
　　七、3D
　　增加深度可以使设计更具真实感。三维图像是该概念的扩展。在近十年末，我们开始看到这种趋势，并且预计到2020年会有更多趋势。
　　zui好的3D设计会给用户带来一些意想不到的效果，例如在MetaconfMeetup网站上破裂的面具或在Toke网站上横向滚动的小鞋子。
　　八、音频用户体验
　　虽然您可以期望在来年阅读更多有关语音设计的信息，但这种趋势的一部分已经在这里声音设计。
　　我从来都不喜欢网站上的自动播放声音。（我发现大多数时候它很令人反感且令人讨厌。）但是，不可否认的是，音频用户体验正在发展。（只记得在爆出主题音乐之前询问用户！）
　　LaOfrendaMasGrandedeMexico和IFlyMagazine都恪守这一规则，并使用声音来提高用户设计旅程的质量。音频用户体验的zui佳使用可能是在存在语言障碍的设计中，因为在基于Web的故事讲述中，音乐可能是一个很好的统一体。
　　九、重叠的图层
　　层，层和更多层。重叠的图层和元素不能完全创建3D效果，但是它们确实为项目增加了深度和尺寸感。
　　尽管重叠的层可以以单个元素的形式出现，但是这种趋势通常包括多个重叠的元素。zui好的部分是它可以与几乎所有类型的设计方案一起使用。
　　您可以重叠框和背景，图像或视频，文本或用户界面元素和图标。zui棘手的部分可能是确保重叠的外观在设计的滚动中流动。
　　CraftKitchen使用多个重叠元素导航中的照片，照片中的文本和照片中的照片框架。元素继续堆叠并重叠在滚动条上，以保持视觉主题。
　　CurtThompsonMD的网站使用带有圆角的矩形卡片来完成此操作。您几乎可以预期，任何具有圆角边缘的设计元素都会与其他元素重叠以创建景深。这是一种以统一的方式组织许多不同的元素和内容类型的好方法。
　　十、渐变色
　　在平面设计鼎盛时期，设计师曾短暂回避渐变。但是他们又咆哮起来了，到2020年将会更大。
　　从带有多色渐变的大胆背景到纹理的细微渐变，这种趋势无处不在。我们现在看到的是将多种颜色与相当对比度相结合的渐变，而不是zui近流行的更微妙的单调渐变。
　　Bariskuran使用大胆的渐变进行具有很大影响力的投资组合设计。ArjayStudio将渐变用于文本元素以及AR视觉中的气泡。（使用多个渐变也是一个流行的主题。）
　　十一、简化的导航
　　今年的导航趋势可能是大型菜单的终结。简化的导航样式肯定会接管。
　　虽然起初这似乎是一个冒险的想法，但实际上很有意义。大多数用户都是通过搜索引擎访问您的网站的，因此可能不会在首页上启动。较少的导航将为您希望用户zui参与设计的地方创建一条更直接的路径。简化的导航样式在主画布区域上为消息传递和内容提供了更多空间。
　　那么，为什么不尝试呢？
　　Bikebear使用zui常见的简化导航形式，在图标内包含菜单项。该图标可将导航打开到全屏选项列表。
　　Uniel还将导航导航到一个小的汉堡包小图标中。它以相同的方式在台式机和移动设备上弹出，从而提供一致的体验。
　　许多现代设计元素相互配合工作，因此您可以混合并匹配趋势和样式，以创建新颖时尚的商品。通常，您会学会只使用一个设计技巧，但是在更复杂的设计方案中，似乎遗忘了该规则。
　　只要设计趋势对可用性有所帮助，并且不能一it而就，请随意发挥和结合趋势以充分利用项目。