风靡全球的品牌网站分屏布局——高端品牌网站建设的布局思路_头条_资讯

风靡全球的品牌网站分屏布局——高端品牌网站建设的布局思路

文章导读：本文主要阐述了“风靡全球的品牌网站分屏布局——高端品牌网站建设的布局思路”有些网页设计趋势会一直伴随着我们，目前已经成为品牌网站建设过程中的经典解决方案，但更多的设计趋势将会消失得不留痕迹。您可能认为所有网页设计趋势都会分为这两类，但这并不完全正确。还有一类趋势，就是有起有落、有平静期的品牌网站设计趋势。这种趋势一直在出现和消...，本文由跨屏互联最后更新于2023-11-30，全文共2077个字，预计阅读时长6分55秒。

有些网页设计趋势会一直伴随着我们，目前已经成为品牌网站建设过程中的经典解决方案，但更多的设计趋势将会消失得不留痕迹。您可能认为所有网页设计趋势都会分为这两类，但这并不完全正确。还有一类趋势，就是有起有落、有平静期的品牌网站设计趋势。这种趋势一直在出现和消失。分屏技术的运用就是其表现形式之一。
几年前，分屏网页设计风靡全球。它当时非常流行，甚至高级 wordpress 主题都是围绕这种方法构建的。这显然是一个有影响力的网页设计概念，但我们现在可以确定的一件事是，它的受欢迎程度正在慢慢消失，网站设计师已经开始忘记这个有趣的页面布局解决方案。
不过，这个网站的页面布局理念最近被重新唤醒，在外观上有了一些细微的变化。不对称分屏是旧趋势的新转折，激发了网站开发人员的灵感。
想看看它的实际效果吗？以下是一些高端品牌网站建设过程中如何使用非对称分屏的示例。
滋养/金绿
说到不对称，首先想到的就是屏幕分割不均匀。 nourisheats和golden green就是两个典型的例子。它们的核心区域分为两部分，一部分比另一部分大。
Nourisheats 使用分屏概念将常规滑块变成网站的真正核心。请注意，这不是循环浏览一组图像的传统滑块；而是一个循环滑块。它是全屏导航，支持顶部导航栏。访问者有机会同时查看门户的两个不同部分。

Golden green背后的团队另辟蹊径，采用的解决方案不是针对核心区域，而是针对整个网站。美丽的图像脱颖而出，吸引整体注意力，并使信息更具艺术性。该团队还使用交替块排列来增强内容流和可读性。

赛托拉
使用相同技术的另一个例子是 cytora，它利用布局分割的左侧（较大部分）作为其主要内容。原因很简单，左侧是用户开始浏览屏幕的地方。这是我们自然的阅读行为模式。因此，一个非常重要的焦点是，什么内容应该存在于哪里，比如横幅或标志中应该存在标志、口号等？这就是跨屏网意高端网站建设团队对于网页设计的构想。
他们在左侧部分使用了标题和号召性用语，由于其大小和大量空白，自然会吸引人们的注意力。右侧成为一个补充元素，带有以博客风格呈现的内部页面链接。由于生动的背景，它们获得了视觉重量，使它们能够与邻近的块竞争。

Cytora采用分屏的方式来展示内容，确实给了我们很多启发。由于主题是人工智能，因此对于某些人来说可能有点令人生畏和烦人。所以 cytora 团队做了一件非常正确的事情。他们设法使用动画来吸引访问者的视觉注意力，但由于分割布局，又不会压倒他们。相反，它们成为浏览体验的缩影。

Home societe / felix lesouef
Home societe 和 felix lesouef 的个人作品集在这里展示了一组无缝的不对称分屏。在前面的例子中，由于鲜明的对比，左侧和右侧很容易区分，这显示了分屏概念的微妙性及其无需关联的品质。
但home societe却以其简约的整体外观和漂亮的字体设计迎接了来访者。第一个块包括欢迎图像和垂直导航，第二个块包含从“关于”部分开始到“联系方式”结束的所有内容。这两个区域之间的过渡非常无缝：您可以轻松地从一个内容流移动到下一个内容流。

Felix lesouef 充分运用了极简主义的手法，不仅在内容上，而且在设计上。它看起来精致而优雅，虽然它可以描绘三列，但它只有两块内容。第一个块由分为两部分的导航组成。它始终保持静止。第二块根据所选选项显示内容，干净整洁。

15雀
这是一个使用空白和层叠来活跃页面的示例。 15finchs 与上一个示例中的两个块相同。但他们在右侧区块中添加了一些生动的边距，并让标题重叠。这样一来，画面看似被分割了，但这里的两部分仍然构成了一幅大图，简洁而优雅。

水果
与前面的示例非常相似，fru.it 背后的团队也使用空白作为分屏解决方案。像往常一样，在这里您可以看到两个内容块。您会注意到它们的宽度和高度是相同的。然而，由于图像大小的差异和大量空白，左侧块看起来比右侧区域小。结果是后者具有更显着的视觉重量，更能吸引我们的眼睛。

Gq 日本探索
Gq japan 探索利用滑盖的不对称分屏概念来展现潮流。本质上，该解决方案基于传统的垂直分割布局，左侧大于右侧。这样，左侧就起到了与顶部相伴的作用。您可以在此区域放置导航、徽标、标题等。
右侧用于保存内容。这还不是全部；两侧交叉处还有一个内容块位。 gq japan用于显示图片，explore则用于播放视频。这个块将所有东西联系在一起，也很引人注目，这是非常巧妙的设计。

新飞
在布局中引入不对称性最常用的技术之一是使用对角线，就像 newflight 所做的那样，由于其梯形块，其滑块与其产品对齐，这种组合很容易在竞争中脱颖而出。
具有两个矩形块的传统分屏会唤起内容块之间的连续感，而对角线形状使这两个块看起来像形成一个区域的两块缺失的拼图。

为什么我们提倡在高端品牌网站建设中采用分屏设计？
几年前，当分屏布局设计首次出现在网页设计领域时，它被用来同时向观众呈现两种不同的信息。但今天的情况略有不同。
现代分屏使布局更加有趣，使内容更具视觉吸引力，并以创造性的方式呈现信息。我个人非常喜欢这个设计。