网页布局类似于杂志的排版。网页作为一种版面,既有文字,又有图片,可能还有动画等。同时,文字有大有小,还有标题与正文之分;图片也有大有小,还 有静态与动态的差别。文字和图片需要同时展示给用户,如果只是将它们简单地罗列在一个页面上,往往会使页面显得杂乱无章。因此,必须根据内容需要,将它们 按照一定的次序进行合理布局和编排,使其组成一个有机的整体,展示给用户。下面详细介绍网页布局一般应遵循的原则。
(1)整体布局,和谐统一。网页的整体布局在页面设计中占据关键位置,起着主导作用。巧妙的整体布局,能全面地展现出设计者的思想,尽情地挥洒出设计者的灵感,这样的网页必定是和谐统一的。
整体化布局的传统方法是使用对称的形式,通过空间、文字和图形的相互作用建立整体的均衡状态,产生和谐的美感。但是,对称均衡有时候会使页面显得呆 板、僵化,缺少一定的活力。在对称均衡中辅助设计一些新颖的文字和图案,需要时可以采用一些夸张的手法,体现强烈的紧张感和运动感,可以给对称的页面增加 一些生动性和趣味性。
(2)主次分明,中心突出。在一个页面上,必然考虑视觉中心,这个中心一般在页面的重点区域,即中央偏上的位置。因此应该把最能传达信息、最能吸引入的内容放在这个位置。在视觉中心以外的地方可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次分明。
页面布局的最终目的是使网页产生清晰的条理性,更好地突出主体,达到最佳的显示效果,因此,页面视觉中心的内容应该是主体。可以将网页的视觉次序、 空间层次、主从关系及彼此间的逻辑关系,通过条理性地把握与运用来突出主体。在空间层次上按照主从关系的顺序,使放大的主体形象成为视觉中心,以此来表达 主体思想;将文档中的多种信息作整体编排设计,有助于主体形象的建立;而在主体形象的四周适当地增加一些空白,可以便得被强调的主体形象更加鲜明突出。
(3)疏密有度,错落有致。在内容安排上要恰当地留些空白,适当地运用空格,改变字间距和行间距等来制造变化的效果;在对称性上既要使用对称美,也要兼顾非对称美;在色彩和形态的使用上可以适当使用对比,如黑白对比,圆形与方形对比等,以形成鲜明的视觉效果。
(4)图文并茂,相得益彰。文字和图像具有相互补充的视觉关系,如果页面上的图像太多,缺少文字,就会降低页面的信息容量;而如果页面上的文字太多,则会显得沉闯,缺乏生气。因此,理想的效果是使图像与文字合理搭配,互为衬托,这样既能使页面变得活跃,又使页面有丰富的内容。
整体布局,和谐统一;主次分明,中心突出;疏密有度,错落有致;图文并茂,相得益彰。当你把这4大网站布局原则运用好之后,回来看看你的网站,是不是合理了许多?用户体验是不是提高了许多?网站整体是不是专业了许多?