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