网页布局都遵循以下几个基本的原则。
● 突出重点,做到主次分明,中心突出:在一个页面上,必须考虑浏览者第一次打开该页面的时候会看到的内容,就是通常所说的视觉中心。视觉中心一般在屏幕的中央,或者在中间靠上的位置。所以,网站上一些比较重要的文章或者图片一般就可以放在这个地方,在视觉中心以外的地方可以安排一些稍微次要的内容,做到合理搭配。
● 文章长短和图片大小的搭配要合理,并相互呼应:较长的文章和标题不要都放在一起,需要保持一定的距离;同样,短文章的正文和标题也不要都放在一起编辑。对于图片的安排也应该是一样的,要做到错落有致,使大小图片之间保持一定的距离,这样可以使页面的重心不至于发生偏离。
● 综合运用各种元素,争取做到信息饱满,图文并茂:文字、图片和动画具有一种相互补充的视觉关系。一个网站,如果文字性内容太多,就会给人一种沉闷,缺乏生气的感觉,而页面上的图片或者动画太多,文字太少,又会让人感觉华而不实,而且信息容量肯定会减少。因此,最理想的状态就是文字、图片、动画密切配合,互为衬托,这样既能使网页美观,不呆板,又具有丰富的内容。
● 要保证网站的简洁一致:一个网页要想做到简洁,通常的做法就是使用醒目的标题,另一种做法就是限制所用字体和颜色的种数。要保持一致,可以使各个页面使用相同的页边距,文本图形之间保持相同间距。
● 尝试使用文本的布局协助导航:如果页面里包含几十个链接,那么,可以把这些链接分类,并且用不同的标题和颜色块来区分它们。
由上面的内容可以看到,网页布局非常重要。下面介绍一下常见的网页排版格式。
(1)“国”字型网站:此种网站布局的主要特点就是最上面是网站的标志、广告以及导航栏,接下来就是网站的主要内容,左右分别罗列出一些内容,中间是主要内容,最下面是网站的一些基本信息、联系方式和相关版权信息等。此种布局的优点是充分使用版面,信息量大;缺点是页面拥挤,不够灵活。
(2)“框架”型布局:这种网站布局一般分成上下或左右布局。一栏是导航栏目,一栏是正文部分,复杂的也可以将页面分成许多部分,常见的是上下两栏布局,上面一栏放置网站的导航条,下面一栏放置正文内容。建站咨询 SEO优化咨询 小程序咨询