blog名称:Biglin's Blog
日志总数:119
评论数量:897
留言数量:35
访问次数:1249012
建立时间:2005年10月26日

RandomRen's Blog
NoisyRam's Blog
杨斌空间
Dream2001's BLog
推荐一款软件,对于经常搞Ctrl+C和C
Gmail做出重大升级——可以发送和接收
[转]美国网站在中国失败的10大思路性错
Wallop Beta邀请
一百多种创意线索(转)
回复:Flashsave现已开放注册,X
回复:寻找已久的字体终于被我给找到了,P
回复:寻找已久的字体终于被我给找到了,P
回复:寻找已久的字体终于被我给找到了,P
回复:寻找已久的字体终于被我给找到了,P
签写新留言

我来踩啦!
都些什么
1
广告关了
pl!`

My GTalk



首页(119) 情感天地(5) Photoshop(10) 杂七杂八(17) Photoshop-杨斌专辑(6) 网络相关(36) 软件(17) 网页设计(23) 
[网页设计]设计网页时如何把握网页的布局
Biglin  2006/4/25 11:54:53

阅读全文(7893) | 回复(5) | 编辑 | 精华

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

回复:设计网页时如何把握网页的布局
pxdyfl(游客)  2007/10/16 8:50:54

个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除

上海婚庆公司  

回复:设计网页时如何把握网页的布局
Zhang-Zi(游客)  2006/5/8 9:57:18
个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除

以下引用Biglin在2006-5-5 12:09:58的评论: 以下引用Zhang-Zi(游客)在2006-5-5 11:51:39的评论:我还是用别人的模版好了,高人再多设计几个模版呀,上次那个很不错,只是表格代码太多了... 模版是死的,布局才是活的。你可以用DIV+CSS进行网页布局,这样几乎就没有表格了。 对于再设计另外的模版,有时间我再做做吧。网页布局表格并不多,关键是每个模块都是一个3*3的表格,很占代码空间

回复:设计网页时如何把握网页的布局
Biglin  2006/5/5 12:09:58
个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除

以下引用Zhang-Zi(游客)在2006-5-5 11:51:39的评论:我还是用别人的模版好了,高人再多设计几个模版呀,上次那个很不错,只是表格代码太多了... 模版是死的,布局才是活的。你可以用DIV+CSS进行网页布局,这样几乎就没有表格了。 对于再设计另外的模版,有时间我再做做吧。

回复:设计网页时如何把握网页的布局
Zhang-Zi(游客)  2006/5/5 11:51:39
个人主页 | 引用回复 | 主人回复 | 返回 | 编辑 | 删除

我还是用别人的模版好了,高人再多设计几个模版呀,上次那个很不错,只是表格代码太多了...

» 1 »

发表评论:
昵称:
密码:
主页:
标题:
验证码:  (不区分大小写,请仔细填写,输错需重写评论内容!)
Blogger.org.cn | More option
站点首页 | 联系我们 | 博客注册 | 博客登陆

Sponsored By W3CHINA
W3CHINA Blog 0.8 Processed in 0.078 second(s), page refreshed 144765565 times.
《全国人大常委会关于维护互联网安全的决定》  《计算机信息网络国际联网安全保护管理办法》
苏ICP备05006046号