网页版面布局方式有哪些
网页版面布局有多种形式,这些形式是由基本结构及其组合形成的。常见的基本结构布局是按样式来划分的,主要有"厂"字形、"口"字形、"同"字形等。以下是关于网页版面布局方式有哪些的具体介绍。
1、"厂"字形结构布局
所谓"厂"字形布局是指页面顶部为横条(网站标志加广告条),底部左半部分为主菜单,右半部分显示内容布局。因为它看起来像汉字"厂",所以被称为
"厂"字形布局,这是网页设计中广泛使用的一种布局方法。
这种布局方式的优点是页面结构清晰,主次分明,强调秩序,给人以稳定、可信的感觉,是初学者最容易掌握的布局方式。缺点是规则呆板,如果不注意细节和色彩搭配,容易使人"看了索然无味"。
2、"口"字形结构布局
这就是象形的说法,页面就像一个方框一样。通常页面上下都有一个广告条,左边是主菜单,右边是友情链接等内容,中间是主要内容。
这种布局的优点是可以充分利用版面和信息量大。缺点是页面比较拥挤,不够灵活。
3、"同"字形结构布局
所谓
"同"字形结构布局,是指在页面顶部横向放置主导航栏,它大致分为左、中、右3栏,左侧一般放置内容导航、二级栏目、热点内容等,中间为主要内容板块,右侧一般放置网站图片链接、动画广告、搜索引擎链接、注册登录等。
这种布局的优点是直观,主次分明,条理清晰,重点突出,整体页面比较均衡。缺点是不够灵活,有些呆板。
4、其他字形结构布局
①"三"字形结构布局。这种结构布局是在页面中用两个色块将页面分成三部分作为"三"字。色块一般用于放置广告条或描述提示等。这种结构简单明了,但在国内使用较少。
②"川"字形结构布局。这种结构布局分为3个栏目,网页的内容按栏目分布在3个栏目中。这种结构布局能够很好地突出网页的索引功能。
网页版面设计技巧
1.页面尺寸:页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围就变得越来越小。一般,分辨率在1024×768的情况下,页面的显示尺寸为1007×600;分辨率在800×600的情况下,页面的显示尺寸为780×428个象素;分辨率在640×480的情况下,页面的显示尺寸则为620×311个象素。从以上数据可以看出,分辨率越高页面尺寸越大。
浏览器的工具栏也是影响页面尺寸的原因,目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏和关闭全部工具栏时,页面的尺寸是不一样的。
在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家,除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,以方便访问者浏览。
2.整体造型:什么是造型,造型就是创造出来的物体形象。页面的整体形象,应该是一个整体,图形与文本的接合应该层叠有序,有机统一。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。
对于不同的形状,它们所代表的意义是不同的。比如矩形代表着正式,规则,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形代表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形则代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义,但目前的网页制作多数是结合多个形状加以设计,其中又以某种形状为主。
3.页头:页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将涉及到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片或公司标志以及旗帜广告等。
4.文本:文本在页面中多数以“行”或者“块”(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。
5.页脚:页脚和页头相呼应。页头是放置站点主题的地方,而页脚则是放置制作者或者公司信息的地方。你能看到,许多此类信息都是放置在页脚的。
6.图片:图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。
7.多媒体:除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也变得更重要起来。
文搭配,这是多个元素在一起的组合排版。