网页版式布局课程.ppt
《网页版式布局课程.ppt》由会员分享,可在线阅读,更多相关《网页版式布局课程.ppt(20页珍藏版)》请在三一文库上搜索。
1、网页版式布局课程,什么是网页板式布局,版式指的是浏览器看到的完整的一个页面(可以包含框架和层)。 因为每个人的显示器分辨率不同,所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。 布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。,网页板式布局和布局,一.拟定草案 新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的“景象“画上去(我们建议您用一张白纸和一支铅笔,当然用作图软件photoshop等也可以)。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即
2、可。尽你的可能多画几张,最后选定一个满意的作为继续创作的脚本,最后选定一个满意的作为继续创作的脚本。 二.粗略布局 在草案的基础上,将你确定需要放置的功能模块安排到页面上。(注:功能模块我们在“首页设计-引子“中提过,主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意,这里我们必须遵循突出重点、平衡谐调的原则,将网站标志,主菜单等最重要的模块放在最显眼,最突出的位置,然后在考虑次要模块的排放。,三.定案 将粗略布局精细化,具体化。(靠你的智慧和经验,旁敲侧击多方联想,才能作出具有创意的布局。) 在布局过程中,我们可以遵循的原则有: 1、正常平衡-亦称“
3、匀称“。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。 2、异常平衡-即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的效果。 3、对比-所谓对比,不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、贫与富等对比。 4、凝视-所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。 5、空白-空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体显网页的格调十分有效。 6、尽量用图片解说-此法对不能用语言说服、或用语言无法表达的情感,特别有效
4、。图片解说的内容,可以传达给浏览者的更多的心理因,以上的设计原则,虽然枯燥,但是我们如果能领会并活用到页面布局里,效果就大不一样了。比如, 网页的白色背景太虚,则可以加些色快; 版面零散,可以用线条和符号串联; 左面文字过多,右面则可以插一张图片保持平衡; 表格太规矩,可以改用导角试试。 看看我们经常用到的版面布局形式:,1“国字”型布局 “国”字型布局由“同”字型布局进化而来,因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告,页面中间主要放置网站的主要内容,最下部分一般放置网站的版权信息和联系方式等。,2T型布局 T型布局结构因与英文大写字母T相
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 版式 布局 课程
链接地址:https://www.31doc.com/p-2159525.html