预览加载中,请您耐心等待几秒...
1/9
2/9
3/9
4/9
5/9
6/9
7/9
8/9
9/9
在线预览结束,喜欢就下载吧,查找使用更方便
如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
第PAGE\*MERGEFORMAT9页共NUMPAGES\*MERGEFORMAT9页网页版面设计技巧网页版面〔制定〕技巧以下就是网页版面制定技巧等等的介绍,希望为您带来帮助。1.页面尺寸:页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围就变得越来越小。一般,分辨率在1024768的状况下,页面的显示尺寸为1007600;分辨率在800600的状况下,页面的显示尺寸为780428个象素;分辨率在640480的状况下,页面的显示尺寸则为620311个象素。从以上数据可以看出,分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因,目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏和关闭全部工具栏时,页面的尺寸是不一样的。在网页制定过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家,除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果必须要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,以方便访问者浏览。2.整体造型:什么是造型,造型就是创造出来的物体形象。页面的整体形象,应该是一个整体,图形与文本的接合应该层叠有序,有机统一。虽然,显示器和浏览器都是矩形,但关于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。关于不同的形状,它们所代表的意义是不同的。比如矩形代表着正式,规则,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形代表着柔和,团结,温暖,安全等,许多时尚站点喜爱以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形则代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义,但目前的网页制作多数是结合多个形状加以制定,其中又以某种形状为主。3.页头:页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面制定的关键,它将涉及到下面的更多制定和整个页面的协调性。页头常放置站点名字的图片或公司标志以及旗帜广告等。4.文本:文本在页面中多数以"行'或者"块'(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。5.页脚:页脚和页头相呼应。页头是放置站点主题的地方,而页脚则是放置制或者公司信息的地方。你能看到,许多此类信息都是放置在页脚的。6.图片:图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。7.多媒体:除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是常常能被利用到,但随着动态网页的兴起,它们在网页布局上也变得更重要起来。网页排版制定的学习技巧空间共享式文字排版这种空间共享式排版是一种相当容易识别的制定手法。实际上,在一些海报和明信片制定中,也可以采纳这样的制定。它的最典型的特征是,文字或者相似的元素横跨多个图层、模块或者区块。从广泛意义上来讲,这个制定手法的核心概念是某个元素和其他的元素共享空间,横跨不同区域,元素互相叠加。这种制定经常被视作为分屏制定的一种延伸。图片和文本的混排美丽的排版和精美的图片总能相辅相成。许多制定师都喜爱在使用共享空间式排版的时候,采纳垂直定向的图片(不过由于各种屏幕的高宽比不同,这种技术使用的比例并不高。)。这样的制定有一个好处,由于文本必须要跨越不同的区域,配色不用坚持完全的统一,依据文字四周的背景色进行调整,这样的制定简单而容易上手。难的地方在于文本内容的分拆和合并的状态下,表达的含义是否都合适。减少不同类型字体的使用使用超过3种不同的字体让网站看起来没有结构且不专业。记住,太多的尺寸类型和风格也可能破坏任何布局。一般来说,将字体数量限制在最小限度(两个很充足,通常一个就足够了),并粘贴相同的字体到整个网站。如果使用多个字体,请保证字体系基于字符宽度互相补充。行间距的重要性在排版中,我们有一个特别术语,用于两行文本之间的间距(或行高)。通过增加行高,可以增加文本行之间的垂直空白空间,通常提升可读性以换取屏幕空间。作为一个规则,行高应该是字符高度的30%,以提升可读性。沿着视觉流向排布沿着视觉流一直排布信息是一项重要的技巧。文字与图片发生逻辑关系,两者相辅相承,所以此时文字不能覆盖到图片的主体部分比如必须要展示的人物,或者产品本身。信息按照视觉流向排布的时