首页客户案例企业网站建设外贸独立站SEO优化小程序+APP开发自媒体运营关于动态联系咨询

如何进行合理布局和编排网站版面设计

网页布局类似于杂志的排版。网页作为一种版面,既有文字,又有图片,可能还有动画等。同时,文字有大有小,还有标题与正文之分;图片也有大有小,还有静态与动态的差别。文字和图片需要同时展示给用户,如果只是将它们简单地罗列在一个页面上,往往会使页面显得杂乱无章。因此,必须根据内容需要,将它们按照一定的次序进行合理布局和编排,使其组成一个有机的整体,展示给用户。下面详细介绍网页布局一般应遵循的原则。

一、整体布局,和谐统一。网页的整体布局在页面设计中占据关键位置,起着主导作用。巧妙的整体布局,能全面地展现出设计者的思想,尽情地挥洒出设计者的灵感,这样的网页必定是和谐统一的。

整体化布局的传统方法是使用对称的形式,通过空间、文字和图形的相互作用建立整体的均衡状态,产生和谐的美感。但是,对称均衡有时候会使页面显得呆板、僵化,缺少一定的活力。在对称均衡中辅助设计一些新颖的文字和图案,需要时可以采用一些夸张的手法,体现强烈的紧张感和运动感,可以给对称的页面增加一些生动性和趣味性。

二、主次分明,中心突出。在一个页面上,必然考虑视觉中心,这个中心一般在页面的重点区域,即中央偏上的位置。因此应该把最能传达信息、最能吸引入的内容放在这个位置。在视觉中心以外的地方可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次分明。

页面布局的最终目的是使网页产生清晰的条理性,更好地突出主体,达到最佳的显示效果,因此,页面视觉中心的内容应该是主体。可以将网页的视觉次序、空间层次、主从关系及彼此间的逻辑关系,通过条理性地把握与运用来突出主体。在空间层次上按照主从关系的顺序,使放大的主体形象成为视觉中心,以此来表达主体思想;将文档中的多种信息作整体编排设计,有助于主体形象的建立;而在主体形象的四周适当地增加一些空白,可以便得被强调的主体形象更加鲜明突出。

三、疏密有度,错落有致。在内容安排上要恰当地留些空白,适当地运用空格,改变字间距和行间距等来制造变化的效果;在对称性上既要使用对称美,也要兼顾非对称美;在色彩和形态的使用上可以适当使用对比,如黑白对比,圆形与方形对比等,以形成鲜明的视觉效果。

四、图文并茂,相得益彰。文字和图像具有相互补充的视觉关系,如果页面上的图像太多,缺少文字,就会降低页面的信息容量;而如果页面上的文字太多,则会显得沉闯,缺乏生气。因此,理想的效果是使图像与文字合理搭配,互为衬托,这样既能使页面变得活跃,又使页面有丰富的内容。

整体布局,和谐统一;主次分明,中心突出;疏密有度,错落有致;图文并茂,相得益彰。当你把这4大网站布局原则运用好之后,回来看看你的网站,是不是合理了许多?用户体验是不是提高了许多?网站整体是不是专业了许多?

 

 

本文来自广州品牌网站建设网站设计公司-广帆互动

日期:2012年12月19日

标签: 广州网站设计公司 、 广州网站设计 、 广州网站建设公司 、 广州网站建设 、 广州网站制作公司 、 广州网站制作 、 高端网站设计 、 高端网站建设 、 广州高端网站设计 、 广州高端网站建设

获取您的项目定制及优化报价。

* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。
微信二维码15876521776免费获取诊断报告