我们周围的环境会极大地影响网站设计。从与设计感觉相关的情感变化到要交付的信息和数据,全球COVID-19大流行的影响正在(有意或无意地)进入项目。
这是本月设计趋势。
1.“不平衡”利用空间
空间可以对设计项目产生巨大影响。它会影响视觉效果并推动互动。
直到最近,许多设计都采用了更加平衡和对称的空间使用方法,但是随着更多具有“不平衡”空间使用功能的网站,这种情况再次发生了变化。(非常好。)
我们称这种趋势为“不平衡”,因为开放空间可能会或可能不会使用配重来防止设计出现偏差。有很多不同的方法可以做到这一点:使用空白,图像,图层,元素堆叠方式以及图案。这可能是一项颇具挑战性的技术,因为如果您不小心,响应断点会极大地改变空间的显示方式。
这些项目中的每一个都以不同且同样整洁的方式解决“不平衡”空间。
Yukon 1000以两种不同方式创建了两个不同的不平衡空间:
- 在屏幕的左侧,带有背景空白,图像不会延伸到其中,并且包括文本层。
- 在图像本身中具有鲜明的形状并在水上留有足够的开放空间。
当这两个元素单独放置时,它们是不平衡的,但是将左侧的开放空间和图像中的开放空间结合在一起,将视线移回了设计的中间内容区域。
茶艺网站使用图像中的空间进行了很好的堆叠,并在不平衡空间中的对象定位中使用了形状。请注意,将图像左侧的填充程度与右侧的暗淡程度进行了比较。甚至文本也只是延伸到一半。
这种美感可以帮助您先将视线拉到屏幕上阅读文本,然后再向下滚动到滚动条上。
Growcase可能是使用空间本身的案例研究,但应将重点放在屏幕顶部。品牌标识延伸了大约三分之一,只有小型社交媒体/组合链接三者才能满足。
下面还有很多空间,每个投资组合块都为负空间。无论您是否准备通过设计,黑色区域都会拉动设计。
2.新的图像滑块概念
直到很久以前,网站设计人员几乎所有宣布的滑块都已失效。
他们回来了。
但是它们看起来有很大不同,并且更加有趣。
滑块设计的趋势是使用带有有趣动画和形状的滑块元素,这些动画和形状看起来不像滑块。有趣的是它们之间的共性-尽管它们看起来截然不同。
每个滑块示例:
- 当您将鼠标悬停在click元素上时,使用会扩展的圆形指针
- 存在视觉提示,例如导航箭头
- 每个站点都有某种类型的投资组合内容
- 滑块图像可以独立放置,并且不会被单词或其他元素遮盖
此外,每个示例都有一些有趣的技巧。
清晰度使用的滑块会根据鼠标位置自动移动,并且所有图像都会显示在圆圈框中。
Revise Concept还使用自动滚动滑块,其图像以对角线方式移动。您也可以使用箭头自行向前和向后滚动。
Prezman仅预览主页上的滑块,但单击鼠标将其展开到全屏,以简单,整洁的动画显示各种作品集。
3.冠状病毒数据
在网站设计中,冠状病毒最明显的迹象是包含该病毒信息的网站数量。趋势似乎是网站设计,它们提供有关COVID-19的不同类型的数据可视化。
Google有一个页面(以真实的Google形式很简单),但是这些示例将数据带到了新的视觉层次。数据可视化在呈现的数据(本地数据还是全球数据)以及信息的组合方式上各不相同。
尽管这些站点都有不同的用途,但是它们提供了很好的示例,说明了如何以可视格式很好地处理大量数据。
冠状病毒现在获取各种数据,并使用虚拟的球罐显示三个数据点之间的比例关系。这种设计真正真正的优点是使用动画和标签使数据易于理解。
COVID-19全局数据仪表板按各种图表类型(条形图,圆形等)细分不同的信息和数据点。使用不同的可视化文件可以使以不同方式理解和理解数据的人们更容易理解信息。
COVID-19社区漏洞指数地图使用地图系统来显示可能发生爆发的地方。使用地图数据可以使可视化复杂数据更容易理解。
结论
尽管其中两个网站设计趋势与冠状病毒无关,但我们将开始看到更多受此全球性健康问题影响的事物。请注意,设计可能会开始转移到大批人数较少的元素上,使用口罩和图像将成为主流,甚至颜色可能会逐渐淡化。我们已经看到了对设计的影响,并且很可能会继续影响趋势。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/261987.html