宁波网络公司、宁波网站建设、宁波做网站

宁波网站建设免费咨询电话

网络营销

Network Marketing

创立于2002年,国内较早营销型网站建设及信息化咨询服务商

网页设计的排版布局

发表日期:2016-10-18 17:07:27   浏览次数:1421次

当我们拿到一个新的网页设计项目时,是不是会在想该从哪里下手,要不做点不同的风格吧,但是在时间的设计过程中,因为需求等各种因素,最后做出来的很多网页布局是相似的,我们知道网页设计的布局是千变万化的,但是如果仔细观察,你会发现,还是有一些网页布局应用范畴很广泛,今天我们就来讲讲几种经典的网页布局。

第一种,顶部大图banner+简单的栅格:内容区域为1.导航兰;2.顶部大的banner图;3.几个不同的分类,分布包含不同的内容;4.主要内容区域;5.页脚。这种布局的优点在于,无论屏幕多大,都能够为用户展示充足的内容,页面宽度可以设计成横跨整个页面或者固定的宽度,总体的模式都类似。

第二种,单页设计:内容区域1.导航;2主要内容区域;页脚。这种布局的内容区域主要一图片和文字为主,空间的控制很重要,要保留适当的留白。单页式设计适合小项目的展示。

第三种,自定义栅格排版,这种方式展示内容时,可以同时呈现大量视觉化的内容,让页面看起来足够丰富,但是要控制好栅格的尺寸和间距,保持页面整体平衡。

第四种,经典的F式布局:内容区域1.页头和导航;2.靠左的一栏较宽,展示主要内容;3.靠右为侧边栏,展示相关链接;4.页。这种布局是考虑到用户的浏览习惯,研究表面,用户的习惯从左到又,自上而下的模式,这样更方便理解。

第五种,极简分层布局:极简化的页面中加入几个分层,让页面有了视觉焦点,使被展示的内容更容易获取,这种设计并不复杂,但是适合很多不同的项目,如人们喜欢的Apple官网就是采用这样的设计。

虽然网页设计的布局千变万化,但是,只要掌握好其中的规律,给不同类型的项目正确的布局,我们还是可以用几种常见的布局来设计出大部分的版面设计。

  • 上一篇: 如何设计出理想的网站页面
  • 下一篇: 网站平面设计的三大要素