网页设计要素.doc

个性网站设计之页面设计 
  页面设计包括甚多,可大可小,我分以下几个要点与大家讨论:页面平铺、整体规划、功能易用性、气氛情感表达。大家有什么问题可以给我来信relen@。    一、页面平铺 
  把页面平铺开,主要的物件有:导航栏、LOGO、Banner、按钮、图片、文字。下面我就针对最主要的几个部分具体讲解。   
 
  导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame 框架快捷导航等等各种情况的设计。有时候是横排,有时候则是竖排。另外还有一些动态的导航栏,如很精彩的Flash导航。导航栏设计要点归纳如下:  
1)导航不多的情况下,通常是一排,横竖都可以,其实栏目超过6个就可以考虑用两排。  
2)导航栏目很多的情况,也可以多排,甚至不规则地多排(一排个数不同,或长度不同)。商业设计或门户站点通常都会有很多频道,设计起来,就要考虑横向双排。使用竖排,会占用太大空间。  
3)通常内容不多的情况下,可能无所谓栏目,站点就包括了导航的具体内容,如图1所示。  
4)双排导航未必要挨在一起,可以自由一些,如图2所示:上排有导航栏,图片分隔开后则另起一排。  
5)图片式导航,很漂亮,占用页面空间比较大。如图2中每一个孩子图像就是一个点击热点。  
6)我推荐大家多用Flash制作导航,其体积小、变化多。  
7)内容很丰富的站点,可以考虑使用快捷导航,即Frame 框架快捷导航,是因为不管你进入哪个页面都可以快速跳跃到另外的栏目,不会失去方向。  
8)利用DHTML、JS、动态隐藏层等技术实现的多变化的导航,都有浏览器的支持问题。我建议大家不要给信息很多的站点作此导航。  
9)不是所有的网站都有导航的。大家可根据自己情况而定。  
(标志) 
  关于LOGO的设计我会在以后的“CI行销”一文中具体讲解。这里我暂归纳下列两个设计要点:  
1)LOGO的位置通常在页面的左上角。根据你的设计,它不是一成不变的,所谓个性的设计,不论商业或个人,都要去大胆尝试。这里为大家列出LOGO在页面上常见的布局情况(图3),以作参考。  
2)网站的LOGO,虽然有动态的,但是绝对不适宜过分的动感,且不是所有的网站标志都适合选用动态。  
(广告条)类型 
  几种国际尺寸的Banner如下:468×60(全尺寸Banner)、392×72(全尺寸带导航条Banner)、234×60(半尺寸Banner)、125×125(方形按钮)、120×90(按钮类型1)、120×60(按钮类型2)、88×31(小按钮)、120×240(垂直Banner),其中468×60的和88×31最多用,下面就常用的为大家讲解一下。  
1)468×60 全尺寸Banner  
虽然尺寸为国际标准,但是在设计页面的时候,完全可以根据你的页面占用空间来制定Banner广告位和广告条大小。  
(1)一个页面内不易超出两个468×60 全尺寸Banner。两个条的时候,一般是上面一个,下面一个,如图4所示。
  
(2)设计Banner配合页面的两种情况:单看Banner很难看,但是放入网页中,却会使