3 大基本设计趋势,2020 年 9 月



季节性变化即将到来,这总是让我希望更新项目。本月的设计趋势提供了几种不同的方法来做到这一点,而不会破坏整个网站。

以下是本月的设计趋势。

 

动画英雄(不是视频)

具有视频动画的英雄标题和屏幕已经流行了一段时间,但更多的网站设计师正在尝试其他类型的全屏移动图形。

这一趋势的酷炫之处在于,它可以采用多种不同的形式并以多种不同的方式呈现,这意味着没有两个网站在这方面是完全相同的。

这种趋势的另一个好处是,您可以在几乎任何风格的设计中添加全屏动画,而无需对网站进行全面检修。您可能需要进行一些小的调整来创建从一个屏幕到下一个屏幕的无缝过渡,但它是一种快速、现代的设计元素,您可以相当快速地进行部署。

Typozon使用带有大量不同品牌标记的快速运动图形来讲述他们的品牌识别工作的故事。不可否认,如果你看太久动画可能会有点令人眼花缭乱,但橄榄色背景上的鲜艳色彩肯定会引起注意。

Spotify 的第 1 天俱乐部以设置中的大量动作开始,然后在主要行动呼吁背后进入微妙的动作。黑色和柔和的运动色调将一切融合在一起,帮助您专注于鲜红色的按钮和文本覆盖。

Kieran Baybutt为这个投资组合网站使用了多个动画。最有趣的可能是在“第二个屏幕”上。这里正在发生一些事情。文字随着鼠标移动而变化,背景图像也是如此。还有一个很酷的悬停指针,其中包含不断运动的投资组合元素。这里发生了很多事情,但它让你想要点击。

 

动画或浮动圆圈

圆形可能是 2020 年最热门的设计趋势之一。它们存在于各种项目中,并以不同的方式不断发展。

也许部分原因是因为设计师试图在这些项目中传达的信息。圆圈与和谐和保护有关。它们被用来代表团结、社区和承诺。在运动中,圆圈还可以激发运动或运动的感觉,速度决定了运动的混乱程度(或不混乱程度)。

本月循环趋势的迭代是动画的。一些圆圈在原地动画,而另一些似乎漂浮在画布上的空间中。

不过,每个示例中的圆圈都有一些共同点——它们将您带入设计并鼓励与之互动。(这可能就是为什么这种网站设计趋势一直越来越受欢迎的原因。)

UX+标志的圆周运动实际上有助于将视线从分屏设计左侧的所有几乎压倒性的动画中移开。周围有大量空白空间,不断的移动足以将注意力吸引到徽标上,然后在屏幕上显示有关事件的重要信息。

Katch Me使用的圆圈似乎漂浮在背景视频上,并带有柔和的“反弹”。当鼠标悬停在每个圆圈上时,动画会发生变化,并具有扩展动作和在更大空间中移动圆圈的能力。这里的圆圈实际上是号召性用语按钮。

在视觉上, Anastasiia Afanasieva网站的圆圈看起来像是上述示例的混搭。对于似乎漂浮在太空中的圆圈,有一个旋转动画。你必须点击这个设计才能看到它真正的光彩。每个圆圈都有一个悬停状态,可以更改网站的背景颜色(以及每个框中的图像)以匹配显示的颜色。

 

亮黄色着色

另一个可能反映世界状况的网站设计趋势是使用黄色。随着全球健康大流行,设计项目倾向于更明亮、更愉快的色调,以帮助抵消世界的压力。

对许多人来说,黄色可以在黯淡的时代散发出一点希望和乐观。

虽然大多数项目使用亮黄色作为令人瞠目结舌的口音,但其他项目正在全力以赴。

Next Big Thing AG在深色背景上的超大镂空字体(今年的另一个网站设计趋势)中使用黄色图像。即使使用较暗的整体调色板,设计也感觉明亮而诱人。您几乎想要更深入地了解设计,以查看字母背后的图像是什么以及网站包含的其他内容。

Sonya Mudvex在她的作品集主页上使用全黄色背景来阻止访问者的踪迹。设计的其余部分采用柔和的灰色背景和大量的黄色装饰。除了在这里大量使用颜色之外,此设计中还有许多其他 UX 技巧,包括一些地理定位工具,如果您与屏幕上的票证验证图形进行交互。

Upqode使用带有桃色调色板的黄色来脱颖而出。由于色彩鲜艳,插图动画更加生动。整体调色板有点出乎意料,这就是让它变得有趣的原因。

 

结论

如果本月的网站设计趋势告诉你什么,那就是交互式元素和动画正在成为对话中越来越重要的一部分。您是否已经在项目中使用这些技术?(如果没有,可能是时候考虑一​​下了。)

您还可以看到我们周围世界正在发生的事情如何影响设计。它可以对抗其他情绪,以创造更好的心理空间或反映我们周围世界正在发生的事情。

来源:https://www.webdesignerdepot.com/2020/09/3-essential-design-trends-september-2020/


0