房山建站：Web设计中不对称分割屏幕的例子

2019.07.01 房山建站

122

有些趋势永远伴随着我们，变成了经典的解决方案。其他的消失而没有留下任何痕迹。你可能认为所有的趋势都分为这两类，但这并不完全正确。还有一类趋势，其生活有起起落落和平静的时期。这种趋势一直在出现和消失。其中一个趋势是使用分裂屏.

几年前，分裂的屏幕掀起了网络风暴。那时候它非常流行。甚至还有溢价WordPress主题围绕着这种方法。这是件大事。然而，它的巨大受欢迎逐渐消失，我们开始忘记这个有趣的英雄区域布局解决方案。

最近，它唤醒并提醒每个人它的不可思议的魅力与一些微小的变化外观。不对称分割屏幕是旧趋势的一个新转折，它点燃了人们的热情，激发了Web开发人员的思想。

想要看到它付诸行动吗？以下是一些在野外使用不对称分割屏幕的很好的例子。

努里塞茨(Nourisheats) / 金绿

谈到不对称，首先想到的当然是欢迎屏幕的不均匀划分。Nourisheats和GoldenGreen是两个典型的例子。他们的英雄区域被分成两个部分，其中一个比另一个大。

Nourisheats使用分割屏幕将常规滑块变成真实的滑块。中心件网站。注意，这不是通过一组图片循环的传统滑块；它是一个支持顶部导航条的全屏导航。访问者有机会同时查看门户的两个不同部分。

房山建站

金绿背后的球队走上了老路，使用的不是英雄区域的解决方案，而是整个网站的解决方案。美丽的图像脱颖而出，吸引了整体的注意力，使信息更加戏剧化。团队还交替设置块，以提高内容流和可读性。

房山建站

效果实验室 / 人工智能-Cytora

另一对采用同样技术的例子是“效果实验室”和“人工智能-Cytora”。他们两人都利用更大的左边的裂口。原因很简单。左边是用户开始浏览屏幕的地方。这是我们自然的阅读行为模式。所以，这是一个重要的地方-比如一个标识，标语，等等。效果实验室的团队正是这样做的。

他们把标题呼吁采取行动进入左边的那部分，由于它的大小和大量的空白，自然引起了人们的注意。右边变成了一个互补的元素，包括指向博客风格的内部页面的链接。由于生动的背景，他们获得了视觉重量，使他们能够与相邻的块竞争，但仍然没有获胜。

房山建站

在Cytora的例子中，团队使用了分裂的屏幕来使讲故事的体验更令人兴奋。因为这个话题是人工智能，所以对某些人来说，它可能有点吓人和烦人。所以团队做了正确的事。他们设法利用动画来获得兴趣，这些动画，由于布局的分割，不会压倒访问者。相反，它们是令人愉快的伴奏材料。

房山建站

家庭兴业 / 费利克斯·莱苏夫

HomeSociete和FelixLesouef的个人投资组合在我们的收藏中呈现了一组无缝的非对称分割屏幕。虽然在前面的例子中，由于鲜明的对比，左右两面很容易被区分开来，但这两种概念却表现出一种微妙的、几乎脆弱的本质。

HomeSociete以干净的表面和大量的新鲜空气与在线观众见面。而第一个区块包括一个欢迎的图像和垂直导航，第二个导航包含以“约”部分开始并以“联系人”结尾的所有内容。这两个区域之间的转换是非常无缝的：您从一个部分轻轻地流到另一个部分。

房山建站

FelixLesouef充分利用了最小的方法，不仅在内容上，而且在设计方面。他的投资组合看上去并不温和。它看起来既复杂又优雅。虽然你可以描绘三列，但只有两个街区。第一个块包含分为两个部分的导航。它总是静止不动。第二个块显示内容，取决于所选项。干净。

房山建站

15只雀

下面是一个你如何玩的例子白空间或者重叠让事情更有趣。考虑15只芬奇。它与前面的示例中的两个块相同。然而，团队在正确的区域增加了一些生动的空白处，并让标题与之重叠。在这样的方式，屏幕似乎是分开的，但仍然在这里的两个部分形成一个大的图片。简单优雅。

房山建站

果岭

就像在前面的例子中一样，这个团队也使用空格来扭转分割屏幕的解决方案房山建站。和往常一样，在这里你可以看到两个街区。注意，它们在宽度和高度上是相同的。然而，由于图像大小的差异，以及大量的空白，左边的块看起来比右边的小。因此，后者有更大的视觉重量和更好地吸引我们的眼睛。

房山建站

GQ日本 / 机车

GQ、日本和机车在使用非对称分割屏幕概念的滑块中呈现出一种小趋势。实质上，解决方案是基于传统的垂直分割布局，其中左侧大于右侧。以这种方式，左侧执行一个伴随的角色。您可以将导航、标志类型、标题等放置在此区域。

右边是用来承载内容的。这还不是全部，另一个街区就在两边的交界处。在GQ杂志上，它显示一张图片，而机车用它播放视频。这个街区把一切都团结在一起，同时，也充当了一个捕捉眼球的人.聪明有趣。

房山建站

活动拍摄-新航

在布局中引入不对称的一种时间证明的方法是使用对角线，就像事房山建站件拍摄背后的团队一样-新航做了。由于其梯形块，他们的组合块滑块很容易将自己与竞争对手分开。

具有两个矩形块的传统分割屏幕唤起了这样一种感觉，即这些块彼此跟随，而对角线形状则使这两个块看起来就像构成一个区域的拼图中的两个缺失的部分。

房山建站

分手的理由

几年前，当分裂屏幕首次出现在网页设计领房山建站域时，它被用来同时向观众展示两块不同的信息。今天，情况略有不同。

现代分割屏幕被用来使布局更有趣，使内容充满活力，并以创造性的方式呈现一小块信息。

房山建站：Web设计中不对称分割屏幕的例子

努里塞茨(Nourisheats) / 金绿

效果实验室 / 人工智能-Cytora

家庭兴业 / 费利克斯·莱苏夫

15只雀

果岭

GQ日本 / 机车

活动拍摄-新航

分手的理由

相关推荐