3项必备设计趋势,5月20日

Carrie Cousins. 经过 Carrie Cousins.  |  可能。 04,2020

我们周围世界的国家可以极大地影响网站设计。从与设计的设计感相关的情感变化,全球Covid-19大流行的影响就是进入项目(故意与否)。

这是本月设计中的趋势。

 

1.“不平衡”使用空间

空间可能对设计项目产生巨大影响力。它会影响视觉流动,可以推动接合。

截至较晚,许多设计已经采取了更平衡和对称的方法来使用空间,但这再次改变了更多的网站,其中包含“不平衡”的空间。 (而且很好。)

我们正在称这种趋势“不平衡”,因为开放空间可能或可能不会使用反重重量来保持设计感觉不平衡。有很多不同的方法可以做到这一点:白色空间,在图像中,具有层数以及如何堆叠元素,以及模式。这可以是一种相当具有挑战性的技术,因为响应断点可以大大改变如果你不小心的情况会如何出现空间。

这些项目中的每一个都以不同而同样的方式解决“不平衡”空间。

育空1000 以两种不同的方式创建两个不同的不平衡空间:

  • 在屏幕的左侧,具有背景空间,图像不会延伸到并包括文本图层。
  • 在图像本身,在水上具有不同的形状和大量的开放空间。

当它们单独站立时,两个元素都是不平衡的,但在图像中左侧和开放空间的开放空间将眼睛拉回到设计的中间内容区域。

 yukon.

茶的艺术 网站在图像中使用图像中的空间,并在不平衡空间中的物体定位中使用形状。注意将图像的左侧的左侧与右侧的漂亮进行比较。即使是文本甚至只会延伸到跨越。

这种美学有助于将眼睛拉到屏幕上以阅读文本,然后浏览滚动。

 茶

咆哮 可以是在使用空间本身的案例研究,但专注于屏幕的顶部。品牌标识延伸了大约三分之一的方式,并且除了一个小型社交媒体/投资组合链路三重奏之外,没有任何内容。

它下面还有大量的空间和每个投资组合块的负面空间。黑色区域将您穿过设计,无论您是否准备好通过它才能移动。

咆哮

 

2.新图像滑块概念

很久以前那么很久以前就是网站设计师的全部,但宣布了拖车已经死了。

他们回来了。

但它们看起来很多,更有趣。

滑块设计中的趋势正在使用具有有趣动画和形状的滑动元件,这些动画和形状看起来不像滑块。有趣的是它们之间的共性 - 即使它们看起来很壮观。

这些滑块中的每一个例子:

  • 使用播放在鼠标单击元素上时展开的圆指针
  • 存在视觉提示,例如导航箭头
  • 每个站点都具有某种类型的产品组合内容
  • 允许滑块图像单独站立,并没有用文字或其他元素覆盖

此外,每个例子都有自己的一些有趣的技巧。

明晰 使用基于鼠标位置和所有图像自动移动的滑块出现在圆框架内。

 明晰

修改概念 还使用具有以对角线方式移动的图像的自动滚动滑块。您也可以使用箭头向前滚动并返回您自己的箭头。

 修订

Prezman. 只预览主页上的滑块,但点击结束,它将扩展到全屏,以显示各种产品组合件,简单,但整洁,动画。

 Prezman. .

 

3.冠状病毒数据

网站设计上的冠状病毒最明显的标志是包含有关病毒信息的网站数量。趋势似乎是网站设计,提供关于Covid-19的不同类型的数据可视化。

谷歌有一个页面 (以真正的Google表单简单),但这些示例将数据带到新的视觉级别。数据可视化在呈现 - 本地与全球范围内的数据变化 - 以及如何将信息放在一起。

虽然这些网站都具有不同的目的,但它们提供了如何以可视格式处理大量数据的好示例。

冠状病毒现在 采用多种数据,并使用虚拟罐的球来显示三个数据点之间的比例关系。关于这种设计的真实性是什么是使用动画和标签来使数据可以理解。

科尼纳诺

Covid-19全球数据仪表板 在各种图表类型中删除不同的信息和数据点 - 栏,圆等。使用不同的可视化可以使人们以不同的方式理解和理解数据的人更好地了解信息。

coviddata.

Covid-19社区漏洞索引图 使用映射系统显示潜在爆发可能发生的地方。使用地图数据可以是可视化复杂数据的更易懂的方式。

coronamap.

 

结论

虽然这些网站设计趋势中的两个与Coronavirus无关,但我们将开始看到更多受到全球健康问题影响的事情。注意,设计将开始转向较少的大群人,面膜使用和图像将更加主流,甚至颜色可能会淡化更多的柔和色调。我们已经看到了对设计的影响,并且可能会继续影响趋势。