重庆网站设计

2020年5月3大设计趋势

我们周围世界的状态可以极大地影响网站设计。从与设计的感觉相关的情感变化到要传递的信息和数据，全球COVID-19大流行的影响正在进入项目(有意或无意)。

这里是本月的设计趋势。

1. “不平衡地”使用空间

空间可以对设计项目产生巨大的影响。它会影响视觉流，并能推动用户参与。

最近，许多设计都采用了一种更加平衡和对称的方式来使用空间，但随着更多网站以“不平衡”使用空间为特点，这种情况再次发生了改变。(这很不错。)

我们称这种趋势为“不平衡”，因为开放空间可能使用或不使用平衡块来保持设计的不平衡。有很多不同的方法可以做到这一点:使用空白，在图像中，使用图层和元素如何堆叠，以及使用模式。这可能是一个相当具有挑战性的技术，因为如果您不小心，响应断点可能会极大地改变空间的显示方式。

每个项目都以一种不同但同样简洁的方式处理“不平衡”的空间。

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

在屏幕的左侧具有背景空白，图像不扩展到此空白，并且包含文本层。

在图像本身与一个独特的形状和大量的开放空间的水上。

这两个元素单独出现时是不平衡的，但结合了左边的开放空间和图像中的开放空间，将视线拉回到设计的中间内容区域。

The Art of Tea网站在图片中运用了空间，堆叠的很好，在不平衡的空间中运用了形状来定位物体。请注意图像左侧与右侧的黯淡对比是如何压缩的。甚至文本也只扩展了一半。

这种审美观有助于将你的眼睛首先拉过屏幕来阅读文本，然后向下拉过滚动条。

Growcase可以作为空间使用本身的一个案例研究，但是要关注屏幕的顶部。品牌身份延伸了三分之一，除了一个小型的社交媒体/组合链接三重奏外，没有其他的东西来满足它。

下面也有很多空间，每个投资组合块都有负空间。无论您是否准备好移动，黑色区域都将带领您完成设计。

2. 新的图像滑块概念

很久以前，网站设计者就已经宣布滑动条已经死亡。

他们回来。

但是它们看起来很不一样，而且更有趣。

在滑块设计趋势是使用滑动元素与有趣的动画和形状，不像滑块。有趣的是它们之间的共同点——尽管它们看起来非常不同。

每个滑块的例子:

使用一个圆形指针，当您将鼠标悬停在单击元素上时，该指针会展开

视觉线索，如导航箭头，是存在的

每个站点都具有某种类型的组合内容

滑动条图像可以独立显示，不会被文字或其他元素覆盖

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

Clarity使用一个基于鼠标位置和所有图像自动移动的滑块，显示在圆形框架内。

修正概念也使用自动滚动滑块与图像在对角线的方式移动。您还可以使用箭头自己向前和向后滚动。

Prezman只预览了主页上的滑块，但是点击它，它就会扩展到全屏显示各种具有简单但整洁的动画的作品集。

3.冠状病毒数据

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

谷歌有一个页面(这在真正的谷歌表单中很简单)，但是这些示例将数据带到新的可视级别。数据可视化在呈现的数据(本地数据和全球数据)以及信息的组合方式上各不相同。

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

现在冠状病毒获取各种数据，并使用虚拟球罐来显示三个数据点之间的比例关系。这个设计的真正巧妙之处在于使用动画和标签来让数据更容易理解。

COVID-19全球数据仪表板以各种图表类型(条形图、圆形图等)分解不同的信息和数据点。使用不同的可视化可以使那些以不同方式理解和理解数据的人更容易理解信息。

COVID-19社区脆弱性指数地图使用一个地图系统来显示可能发生疫情的地方。使用地图数据可以是一种更容易理解的可视化复杂数据的方法。

结论

虽然这两种网站设计趋势与冠状病毒无关，但我们将开始看到更多受这一全球健康问题影响的事情。请注意，设计很可能会开始转向人数较少的元素，口罩的使用和图像将会更加主流，甚至颜色可能会褪色到更柔和的色调。我们已经看到了对设计的影响，它可能会继续影响趋势。