一切趋势都需要时间来证明，让用户感觉到它的存在，分割布局只是其中的一个。分割布局非常好理解，因为它只是一个结构分两列，可以赋予它一个滑块或者静态结构单独使用滚动，有很多更好的方法请看以下网页设计的例子：

网页设计使用分割布局

这个电子商务的网站看起来现代和时尚。创建一个屏幕首页上采用分割布局,允许展示两种产品同时给予他们同等程度的优先级。更重要的是,内部产品页面有一个相同的组织。

设计师这次采用了不平衡结构和一个不对称的布局。页面分为两块,但他们是不均匀的,这增加了一些特殊的底纹元素。

广场的“欢迎”屏幕分为两个相等的部分。左边有一个滑块而正确的图片显示了开幕致辞。解决方案很好地玩转平方形状的标识,四四方方的氛围,在网站上流行。

Tanweer全屏多媒体滑块,包括两个盒子。设计师采用一个清爽的组件,使它具有现代感。因此,其中一个部分显示摘录和链接为进一步阅读。

像往常一样,左边一个是留给一个图像和一个文本。解决方案看上去有趣和引人注目的。

首页的简约主义展现了它的个性和魅力，分割布局的创建是丰富和谐的。

团队选择不对称的两列“欢迎”屏幕,把图片和标题与标识为中心。右边的实面积看起来像一个相对大的侧边栏,额外的信息。其余的设计仅仅是典型的:它是基于传统的单一列结构,专业涉及的所有内容。

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

‍‍‍‍‍‍‍‍网站首页被设计成整齐的两列，每个区域具有独特的信息。因此,左边的一个占据了更大的部分和显示图片和文章致力于艺术家的奖励和成就,而右边栏包括tweet。‍‍‍‍‍‍‍‍

‍‍‍‍‍‍门户娱乐网站在构造基础上采用上特别的方式，分为两列，每一个特性为半个著名的音乐艺术家的画像。保持旋转为了找到一个完美的匹配。‍‍‍‍‍‍

‍‍‍‍‍‍‍‍‍‍客人名单是一个微博页面维护用户的关注。它由两个区。功能导航是静态的,作为一个锚;和一个显示图片是动态的和可滚动显示菜单选项的内容。由于这样的实现,用户可以获得必要的信息,而不用离开当前主页。‍‍‍‍‍‍‍‍‍‍

‍‍‍‍团队强调的地方很多潜在客户找到有价值的东西,当他们正在寻找一个机构,即工作和员工。结果,两个图像描绘的着陆页面构建这两个因素。‍‍‍‍

‍‍‍‍‍‍‍‍‍‍TropFest手表是content-intensive网站需要一个可靠的电网系统运行成功。数据被组织成两栏结构,已经覆盖一个滑块和大量视频和图片没有扰乱和谐。一切看起来干净、整洁、系统化。‍‍‍‍‍‍‍‍‍‍

‍‍‍‍‍‍‍‍‍‍‍‍团队利用两个褶皱安排视频为了显示他们的两个主要产品之间的区别。解决方案是互动的,你可以快速切换之间的字符串通过拖动按钮。‍‍‍‍‍‍‍‍‍‍‍‍

‍‍‍‍‍‍Eskor雇佣了一个滑块分割布局用引人入胜的方式呈现数据。因此,伴随文本规则是失去了在奢华的背景下得到了一些视觉重量向观众变得越来越突出。‍‍‍‍‍‍

‍‍‍‍‍‍‍‍这个网页设计页面中使用的分割布局作为工具,结合产品显示及其相应的故事。交互式的运动给人一种身临其境的体验。‍‍‍‍‍‍‍‍

‍‍总结：在网页设计中使用分割布局是一个模块化的方法的一个特例，它看起来新鲜,有趣和原始。正如我们所见,它能够改善各种项目。

原文作者Nataly Birch

由广州网页设计、广州网站设计、广州UI设计迪麦互动整理编辑，仅供参考学习使用

本文链接http://www.dimaiweb.com/article-show-398