谈网页布局基本要素
发布人:管理员 发布时间:2012-2-29
什么是网页布局?网页布局是指网页内容在页面上所处位置的设计。网页的布局是根据网站的类型而设计的,不同类型的网站有着不同的风格。专业从事大中小型企业网站制作的的网页设计师们在此来谈谈关于网页布局各方面因素,以网站制作初学者们供参考。
1、整体造型
什么是造型,造型就是创造出来的物体形象。这里是指网页的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。
虽然,显示器和浏览器都是矩形,但对于网页的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。不同的形状,它们所代表的意义是不同的。
a:矩形代表着正式,规则,你注意到很多Icp和政府网页都是以矩形为整体造型;
b:圆形带表着柔和,团结,温暖,安全等,许多时尚网站喜欢以圆形为网页整体造型;
c:三角形代表着力量,权威,牢固,侵略等,许多大型的商业网站为显示它的权威性常以三角形为网页整体造型;
d:菱形代表着平衡,协调,公平,一些交友网站常运用菱形作为网页整体造型。
虽然不同形状带表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。
2、网页尺寸
由于网页尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的网页范围变得越来越小。
a:分辨率在800x600的情况下,网页的显示尺寸为:780x428个象素;
b:分辨率在640x480的情况下,网页的显示尺寸为:620X311个象素;
c:分辨率在1024X768的情况下,网页的显示尺寸为:1007x600。
从以上数据可以看出,分辨率越高网页尺寸越大。
浏览器的工具栏也是影响网页尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,网页的尺寸是不一样的。
在网页设计过程中,向下拖动网页是惟一给网页增加更多内容(尺寸)的方法。但除非你能肯定网站的内容能吸引大家拖动,否则不要让访问者拖动网页超过三屏。如果需要在同一网页显示超过三屏的内容,那么你******能在上面做上网页内部连接,方便访问者浏览。
3、文本
文本在网页中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个网页布局的可视性。
在过去因为网页制作技术的局限,文本放置的位置的灵活性非常小,而随着Dhtml的兴起,文本已经可以按照自己的要求放置到网页的任何位置。
4、页头
页头又可称之为页眉,页眉的作用是定义网页的主题。比如一个网站的名字多数都显示在页眉里。这样,访问者能很快知道这个网站是什么内容。
页头是整个网页设计的关键,它将牵涉到下面的更多设计和整个网页的协调性。页头常放置网站名字的图片和公司标志以及旗帜广告。
5、页脚
页脚和页头相呼应。页头是放置网站主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。
6、多媒体
除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也已变得非常重要。
7、图片
图片和文本是网页的两大构成元素,缺一不可。如何处理好图片和文本的位置成了整个网页布局的关键。而你的布局思维也将体现在这里。
1、整体造型
什么是造型,造型就是创造出来的物体形象。这里是指网页的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。
虽然,显示器和浏览器都是矩形,但对于网页的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。不同的形状,它们所代表的意义是不同的。
a:矩形代表着正式,规则,你注意到很多Icp和政府网页都是以矩形为整体造型;
b:圆形带表着柔和,团结,温暖,安全等,许多时尚网站喜欢以圆形为网页整体造型;
c:三角形代表着力量,权威,牢固,侵略等,许多大型的商业网站为显示它的权威性常以三角形为网页整体造型;
d:菱形代表着平衡,协调,公平,一些交友网站常运用菱形作为网页整体造型。
虽然不同形状带表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。
2、网页尺寸
由于网页尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的网页范围变得越来越小。
a:分辨率在800x600的情况下,网页的显示尺寸为:780x428个象素;
b:分辨率在640x480的情况下,网页的显示尺寸为:620X311个象素;
c:分辨率在1024X768的情况下,网页的显示尺寸为:1007x600。
从以上数据可以看出,分辨率越高网页尺寸越大。
浏览器的工具栏也是影响网页尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,网页的尺寸是不一样的。
在网页设计过程中,向下拖动网页是惟一给网页增加更多内容(尺寸)的方法。但除非你能肯定网站的内容能吸引大家拖动,否则不要让访问者拖动网页超过三屏。如果需要在同一网页显示超过三屏的内容,那么你******能在上面做上网页内部连接,方便访问者浏览。
3、文本
文本在网页中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个网页布局的可视性。
在过去因为网页制作技术的局限,文本放置的位置的灵活性非常小,而随着Dhtml的兴起,文本已经可以按照自己的要求放置到网页的任何位置。
4、页头
页头又可称之为页眉,页眉的作用是定义网页的主题。比如一个网站的名字多数都显示在页眉里。这样,访问者能很快知道这个网站是什么内容。
页头是整个网页设计的关键,它将牵涉到下面的更多设计和整个网页的协调性。页头常放置网站名字的图片和公司标志以及旗帜广告。
5、页脚
页脚和页头相呼应。页头是放置网站主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。
6、多媒体
除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也已变得非常重要。
7、图片
图片和文本是网页的两大构成元素,缺一不可。如何处理好图片和文本的位置成了整个网页布局的关键。而你的布局思维也将体现在这里。
上一篇:网站栏目的规划问题
下一篇:如何让搜索引擎快速收录