menu

几大经典网页布局设计,你get了吗?

2016-08-29
在开始一个新的网页设计项目的时候,第一个就会考虑如何进行页面布局设计。网页布局虽然千变万化,但也有可循的规则。有一些网页设计布局适用范畴相当广,经久不衰,它们为用户所熟知,它们本身也更贴合用户对内容的识别模式和使用习惯。今天要说的就是这几个经典网页布局。

顶部大图Banner+简约的栅格。这几乎是我们经常能看到的一种经典网页布局,也是最不容易出错的。它干净清爽,有足够强的视觉表现力,并且常常采用的响应式设计。顶部大面积的轮播图,能够为用户展示充足的内容,如果视觉希望更大气一些,也通常会设计成横跨整个页面布局。这种布局中,每个元素都各司其职,并且整个流程是富有逻辑的,顶部大图足以营造氛围,给予用户特定的体验,下面的次一级元素能够做的很好的支撑。越来越多这类网页开始采用色彩丰富的插画式的图标,而扁平化的设计和这种布局页面有着天然的契合。
宁波网页设计

单页设计,单栏布局。single page设计这几年非常热门,如果你需要展现极简的内容或者专注呈现一个主题,采用这种设计风格是非常好的,能够强化内容的形式感和重量感。当网站的主题集中,内容也比较固定的时候,无需复杂的布局来呈现,单页单列式的布局足以应付一切。不过单页面设计也十分考究设计师的功底,需要很有分寸地把握好空间感,留白、布局平衡和元素和元素之间的疏密关系这些都是需要仔细思考好的。如果空间控制不合理会给用户一种混乱的感觉,如果过于紧密则会产生局促感。

经典的F式布局。研究表明,用户在浏览网页的时候,习惯于沿着F式的阅读轨迹来浏览信息,也就是说,用户喜欢从左到右阅读,然后向下移动,再继续从左到右阅读。这种F式的阅读模式对应的网页布局就是F式布局,最关键的信息靠左显示,从上到下尽量保持在一条线上。


极简分层。极简化的设计已经不陌生了,它因为开放式的空间让用户感觉更加轻松,也使得其中展现的内容更容易被聚焦。如果极简化的页面中加入不多的几个并列的内容层,可以让信息更有层次,也使得极简的页面拥有了细节。这种设计并不复杂,但是让页面更加有趣了,它可以适配更多不同类型的项目了。这也解释了为什么用户如此的喜爱类似Apple 官网这样的设计。


这些布局是经过时间洗炼的经典设计,挑选合适的设计趋势同这些布局结合起来,常常能够带来不错的效果。

宁波网站设计:http://www.city-design.cn/News/873.html
相关新闻
work案 例
about关 于
Tel

0574—2772 9591
158 2427 9580

很遗憾,您现在使用的是低版本的浏览器,为了更好的浏览体验,建议使用Chrome(谷歌浏览器)访问我们的网站。