建站百科Website News

    借助栅格系统所提供的结构，网页页面在将内容组织得井井有条的同时，还可以兼顾到漂亮的布局和响应式的变化。这种情况在各类新闻、博客和网络杂志类的网站中并不鲜见。不过这些四四方方的区块呈现在用户面前的时候，通常是用炫酷的内容抓住眼球，布局设计大多隐于幕后发挥作用。当然，也有一些设计师会强化布局设计来吸引用户，栅格系统的自由度和兼容性就在此可见一斑。在这类页面设计中，有一种不算主流但也并非鲜见，别具一格同时也具有很大的拓展空间的布局设计，这就是今天我们要聊的两栏均分式页面布局。

    通常意义上的两栏式的页面布局其实很常见，但是它们大多都不会将两栏均分。等分式的设计需要设计师和站长有足够的胆量和魄力。这种网页可以设计得清爽可人，但是要有做好轻重对比、搞定视觉重心且避免用户的“选择强迫症”，需要设计师巧妙地运用各种设计技巧。今天，我们来看看这类网页设计作品中成功的案例，从中汲取经验，总结技巧。

西安网站设计：Masi Tupungato

壮阔而漂亮的风景图片占据着整个页面，色调相似的图片让整个页面的风格保持了一致性，左右布局的差异让页面视觉有了轻重之分，别致而有趣。

西安网站制作：Wreck’s Valentines

毫无疑问没快速情人节必然会牵涉到两个人，而页面等分也正好符合这个为请人们而设的渡假网站的设定。页面左侧维持不动，右侧形同我们常见的单页滚动式的设计，展示相关的细节。

西安网站设计：Formlets

*页借由左侧的插画来营造轻松愉悦的氛围，而将功能性的按钮布置于左侧，分工明确。

西安网站制作：World of Warships

战舰世界的网页借助两栏式的布局来平衡视觉和文案，这种方案非常有效。尽管页面所含内容很多，但是轻重对比之下用户也能更为轻松找到他们想要的东西，避免在大量信息中迷失。

西安网站设计：Project 360

页面在两个等分的区块中展示了一幅图片的两个不同的可能性，作为一个专注于创造壮观图景的项目，这样的展示方式非常贴合项目本身的属性。

至成科技（西安网站建设）结语

等分两栏式的页面设计重点在于视觉设计上。复杂的栅格布局自由灵活，单页设计直接有冲击力，但是它们也更容易让人审美疲劳，这个时候不妨试试等分两栏式的设计，开开脑洞试试新布局，也许会有意外之喜。