新的网页设计趋势:令人兴奋的网站与分割布局

新趋势:网站分割布局

就像通常的情况一样,一些趋势需要时间才能显现出来。的分割布局是其中一个代表。在2015年大部分关于网页设计趋势的文章中都有提及,只是现在才开始大踏步前进。

该技术非常简单,因为它只是一个具有两列的结构。然而,尽管表面上是原始的,它却有一些显著的优点。例如,它可以让你赋予事物同等的重要性,或者同时提升多个事物。

您可以通过使用单独的可滚动部件来对滑动器进行调整,或者为枯燥的静态结构注入一些活力。从中获得益处的方式有很多,今天我们将研究其中的一些。

使用分割布局的网页设计

广场

正方形的“欢迎”屏幕被分成两个相等的部分。左边的是一个带有图片的滑动条,而右边的是一个开场白。这个解决方案很好地配合了网站上流行的方形标识和四四方方的氛围。

广场

Begona Monasterio

这个电子商务网站看起来很时髦。一个屏幕的主页是在一个分割的布局上创建的,它允许同时展示两个产品,并给予它们相同的优先级。更重要的是,内部产品页面具有相同的组织。

Begona Monasterio

Jan Dlugosz

该设计因其不平衡的结构和不对称的布局而别具一格。这一页被分成了两半,但它们并不均匀,这增加了一些刺激性。

Jan Dlugosz

HireLevel

hi相关度满足在线观众与视觉分离的“英雄”部分。通过这种方式,团队试图找出公司的两个主要领域:一个是针对求职者的,另一个是针对雇主的。每个部分都有自己的图像背景和不竞争的原色。

雇佣水平

Tanweer

Tanweer有一个全屏的多媒体滑块,它由两个盒子组成。作者采用了一种令人耳目一新的方法,使它焕然一新。因此,其中一个部分显示了摘录和链接以供进一步阅读,而另一个部分包含了相应的图像。

Tanweer

桌面版的Bump有一个滑动条,它很像前面的例子,把内容分成两个精心划分的不相等的区域。和往常一样,左边的是图像,右边的是文本。这个解决方案看起来很有趣,很吸引眼球。

撞

安娜韦森特

Ana Vicente的个人投资组合感觉非常宽敞和平衡。艺术家拥抱极简主义,给主屏幕灌输一种个性和魅力。分割的布局创造了一个和谐的共生关系的个人触摸和信息的一块。

安娜韦森特

Brux

该团队选择了一个不对称的双栏“欢迎”屏幕,将带有标识的图像和标题放在舞台中央。右边的实心区域看起来像一个相对较大的侧栏,容纳了额外的信息。其余的设计仅仅是典型的:它基于传统的单列结构,专业地处理所有的内容。

Brux

家庭公园

网站需要覆盖很多图形和多媒体的东西,在这种情况下,一个模块化的方法与分割布局是一个双赢的解决方案。它能够避免混乱的界面,并为读者提供一个舒适的环境充满光明和充满活力的视觉效果。

家庭公园

尼古拉斯Errera

网站的桌面版被整齐地分成两栏。每一个都包含一个单独类型的信息。因此,左边栏占据了更大的空间,展示了艺术家奖项和成就的图片和帖子,而右边栏包含了tweet。

尼古拉斯Errera

FullBundle

为了给界面增加一些艺术感和魅力,FullBundle背后的团队提出了一个原创的想法。他们把头版分成了两个部分,形成了一个单一的游乐场。这样,最初的“创意”与“逻辑”是分开的,但访问者有机会借助光标将它们混合在一起。

FullBundle

Deezer爱轮盘赌

传送门的娱乐是建立在一个老虎机的基础上,创造了整个嗡嗡声。有两个卷轴。每幅画都有一位著名音乐艺术家的半身像。为了找到一个完美的匹配,继续旋转。

Deezer爱轮盘赌

客人名单

访客列表是一个微站点,它始终保持用户对页面的关注。它由两个街区组成。一个特点是导航是静态的,并作为一个锚;显示图像的是动态的,可滚动的,用来显示菜单选项的内容。由于这种实现,用户可以在不离开主页的情况下访问必要的信息。

客人名单

麦金尼纽约建筑师

团队强调的是许多潜在客户在寻找代理时发现的有价值的东西,即工作和员工。因此,登陆页面是由描述这两个因素的两个图像构成的。

麦金尼纽约建筑师

这是我们系列中的另一个例子,它从一个巧妙重新设计的“老虎机”那里获得了令人惊叹的因素。还有两个卷轴可以滚动。像往常一样,在继续之前尝试各种组合。

媒体僧侣

TropFest看

是一个内容密集型网站,需要一个可靠的网格系统才能成功运行。数据被组织成两栏的结构,它设法覆盖了一个滑块和大量的视频和图像,而不破坏和谐。一切看起来都很干净、整洁、系统化。

TropFest看

香港

这个网站与众不同。它的线框式设计充满创意。每个页面有两个可滚动的部分,您可以分别检查它们。这里分割布局适合像手套,完成了主题。

香港

达达里奥镍铜

该团队利用视频的双重安排,以表明他们的两个主要产品之间的差异。解决方案是交互式的;你可以通过拖动按钮在字符串之间快速切换。

达达里奥镍铜

Eskor

Eskor使用了一个带有分割布局的滑块,它以一种引人入胜的方式显示数据。因此,伴随的文本,作为一个规则是在一个丰富的背景下失去了一些视觉重量变得更加突出的观众。

Eskor

露营者党卫军16

Camper ss16有一个互动活动,具有身临其境的体验。内部页面使用了分割布局,将产品展示和相应的故事叙述结合在一起。

露营者党卫军16

结论

拆分布局是模块化方法的一个特例。它看起来新鲜、有趣、原创。正如我们所看到的,它能够改进各种项目。它丰富了“欢迎”栏目,对重要的东西或商品给予同等的优先级,或作为一种媒介将娱乐带入生活。

告诉我们你觉得哪个例子最令人印象深刻?你喜欢这样的安排吗?

2020-02-12 17:11
相关热门