当浏览者踏足网站,映入眼帘的第一印象正是网页的布局。
精妙的页面排布能让访客在瞬间把握到所寻内容之所在。那么,对于刚刚起步于网页设计的初学者而言,又该如何构建出一副美轮美奂的布局呢?我们该深入了解哪些布局知识?
首当其冲的问题便是:网页布局的分类主要有哪些?
大致上,页面布局可以划分为如下几种类型:国字型、拐角型、标题型、左右框架型、上下框架型和综合框架型等。
国字型,也称同字型,是众多大型网站的首选布局。这种排布结构为:页首是网站头部和广告条,随后是核心内容,两旁则是相对较小的辅助内容栏,正文居中,底部则是一些固定的信息,如联系方式、版权声明等。这类型在互联网上极为流行。
拐角型,实为国字型的变体,但形态各异。页首同样包括标题和横幅广告,底部左侧较窄,有链接指引,右侧则是文章主体内容。底部还有网站的一般信息。
左右框架型则左右各有一页内容。
布局通常是:导航链接在左侧,有时顶部也会有标题,正文内容则在右侧。这种排布在论坛网站上尤为普遍,众多企业网站的内部页面也常常采用此类布局,其结构清晰明了。
同样地,上部和下部框架型与左右框架型有异曲同工之妙,区别只在它们是上下页面的排列方式。
而综合框架型则是左右框架型和上下框架型的结合体。
了解了网页布局的分类之后,接下来便让我们探讨下第一个屏的设计。
所谓的“第一个屏幕”,即无需滚动即可看到的区域。
其大小依赖于不同的终端分辨率,如在14*768的分辨率下,通常基于IE浏览器的默认状态来确定。第一个屏幕的内容应当是网站最重要的信息。
首先,估算一下第一个屏幕的空间。
在网站建设过程中,最难预料的就是访客所使用的终端和浏览器是什么类型。
然后,思考一下导航栏应该放置在哪里?
网站的导航栏扮演着引导访客走向不同页面的重要角色,是其核心组成部分。
设计时,应确保其清晰易懂,通常将导航栏置于第一个屏幕上,建议使用水平导航栏以充分利用有限的空间。
最后,让我们谈谈何种布局才是最佳选择。
每个网站的情况不同,对此没有统一的答案。如内容丰富多样,国字型或许会是不错的选择;若内容较为简洁,则标题正文型可能更为合适。
以上就是网络页面布局的基础教学,希望能为刚刚踏上网页设计之路的初学者带来一些启发与帮助。
Comments are closed.