249045439
网站建设

网站建设版面布局的步骤

发表日期:2025-05-05   作者来源:www.3fmc4.com   浏览:476   标签:    
就象传统的报刊杂志编辑一样,大家将网页看作一张报纸,一本杂志来进行排版布局。虽然动态网页技术的进步使得大家开始趋向于学习场景编剧,但固定的网页版面设计基础依旧是需要学习和学会的。它们的基本原理是共通的,你可以领会要素,举一反三。版面指的是浏览器看到的完整的一个页面(可以包括框架和层)。由于每一个人的显示器分辨率不同,所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。布局,就是以比较适合浏览的方法将图片和文字排放在页面的不同地方。你可能注意到:“比较适合”是一个不确定的形容词,什么才是比较适合的呢?抱歉的是阿捷不可以也不可能给你一个完整的正确的答案。就好比有人期望了解成功的诀窍是什么,成功者只能建议你用什么办法,什么渠道才能最易获得成功,而不可能有一步成功的"诀窍"告诉你。大家在设计考虑系列文章第四篇说过站点整体的创意,版面布局也是一个创意的问题,但要比站点整体的创意容易,有规律的多。让大家先来认识一下版面布局的步骤:草案新建页面就象一张白纸,没任何表格,框架和约定俗成的东西,你可以尽量的发挥你的想象力,将你想到的"景象"画上去(大家建议你用一张白纸和一支铅笔,当然用作图软件photoshop等也可以)。这是创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张,最后选定一个认可的作为继续创作的脚本。2、粗略布局在草案的基础上,将你确定需要放置的功能模块安排到页面上。(注:功能模块大家在"首页设计-引子"中提过,主要包括网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意,这里大家需要遵循突出重点、平衡谐调的原则,将网站标志,主菜单等非常重要的模块放在最显眼,最突出的地方,然后在考虑次要模块的排放。3、定案将粗略布局精细化,具体化。(靠你的智慧和经验,拐弯抹角多方联想,才能作出具备创意的布局。)在布局过程中,大家可以遵循的原则有:
1、正常平衡---亦称"匀称"。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信任的成效。
2、异常平衡---即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的成效。
3、对比---所谓对比,不只借助色彩、色调等方法来作表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
4、凝视---所谓凝视是借助页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的成效,一般多用明星凝视状。
5、空白---空白有两种用途,一方面对其他网站表示突出卓越,其次也表示网页品位的优越感,这种表现办法对体显网页的格调十分有效。
6、尽可能用图片解释说明---此法对不可以用语言说服、或用语言没办法表达的情感,特别有效。图片解释说明的内容,可以传达给浏览者的更多的心理原因。以上的设计原则,虽然枯燥,但大家假如能领会并活用到页面布局里,成效就大不同了。譬如,○网页的白色背景太虚,则可以加些色快;○版面零散,可以用线条和符号串联;○左面文字过多,右面则可以插一张图片维持平衡;○表格太规矩,可以改用导角试一试。
如没特殊注明,文章均为博久网 原创,转载请注明来自https://www.360002.com/news/jianzhan/1/https://www.360002.com/news/jianzhan/10.html
相关案例