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