20个等分两栏式的网站设计欣赏

图标设计 admin 浏览

小编:借助栅格系统所提供的结构,网页页面在将内容组织得井井有条的同时,还可以兼顾到漂亮的布局和响应式的变化。这种情况在各类新闻、博客和网络杂志类的网站中并不鲜见。 不过这

借助栅格系统所提供的结构,网页页面在将内容组织得井井有条的同时,还可以兼顾到漂亮的布局和响应式的变化。这种情况在各类新闻、博客和网络杂志类的网站中并不鲜见。

不过这些四四方方的区块呈现在用户面前的时候,通常是用炫酷的内容抓住眼球,布局设计大多隐于幕后发挥作用。当然,也有一些设计师会强化布局设计来吸引用户,栅格系统的自由度和兼容性就在此可见一斑。在这类页面设计中,有一种不算主流但也并非鲜见,别具一格同时也具有很大的拓展空间的布局设计,这就是今天我们要聊的两栏均分式页面布局。

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

Masi Tupungato

1-Masi-Tupungato

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

Studio Meta

2-Studio-Meta

Meta 工作室的网站设计颇为大气,漂亮的工作室外景直接占据了页面的一半成为了页面的视觉重心,右侧的文案也同样组织严密,没有使用过重的设计自然也不会喧宾夺主。

Portfolio of Cihat Turhan

3-Portfolio-of-Cihad-Turhan1

Cihat Turhan 的作品展示页采用的是等分两栏式的……背景,一边是页面一边是代码,居中的文字介绍则正好暗示出了设计师的身份。网站的构思颇为精巧,美中不足的是对于移动端浏览支持不足。

当前网址:http://demo90.qianyikeji.com/linggan/icon/22.html

 
你可能喜欢的: