浅析网格系统在网页设计中的重要性.doc

浅析网格系统在网页设计中的重要性.doc浅析网格系统在网页设计中的重要性摘要:在网页设计中合理利用网格系统来组织页面上的内容能大大改善页面的精确性和美观性。为更高层次的创作提供了一个框架,网格系统在很大程度上使我们的排版工作压力得到了缓解。与传统印刷媒体有所不同,在网页中利用网格系统则要考虑到不同的浏览器、操作系统、屏幕尺寸等不固定因素,网格系统必须能适应这些变化。如果加以合理利用,网格系统可以使整个网站的视觉效果得到提升。<BR>关键词:网格系统;网页设计;美观;视觉效果vBR>&nbsp;vBR> <BR>TheImportanceofGridSysteminWebpageDesign<BR>WuZhijunl,QiuHao2<BR>(,Liuzhou545001,China;,Nanning530022,China)<BR> Abstract:,ountthedifferentbrowsers,operatingsystems,screensizeandotherfactorsisnotfixed,.<BR>Keywords:Grid;Webdesign;Beautiful;Visualeffects<BR><BR> 当今一些大型的网站都有着非常美观的视觉效果,因为它们很可能都在网页设计过程中合理利用了网格系统。网格系统可以使页面布局显得更加规律和稳定,给网页制作者在设计时提供了一个标准的模板。但使用网格系统并不意味着枯燥的、墨守成规的设计,一个优秀的网页制作者不仅能够巧妙的应该文档由5唤百度_需要全套资料请联系QQ:8588408咨用网格系统的布局规则,而且还能适时地突破这些规则的瓶颈,为网络用户提供更具观赏性的网页。<BR> 一、网页网格系统的<BR> (一)网页网格系统的定义<BR>网页网格系统的作用就是:将网页中的信息分布以及版面布局用划分规则的网格阵列来进一步归范。网页网格系统产生和发展于从平面网格系统中。对于网页设计者来说,合理的使用网格系统,不仅可以让网页呈现的信息更加美观易读,使之更具可用性。而且,在前端开发的角度看,网页将会更加的灵活、规范。<BR> (二)网格的基木作用<BR>在网页设计流程中,网格系统占据肴极其重要的地位,其作用卜分明显。它和“排版”决定着信息的视觉组织形式,也就是我们看到的网页样式。把页面中的信息组织到一起是网格的基木功能。合理利用网格系统来辅助网页设计,可以使我们更轻松地达到以下目的:让网页界面上呈现的信息更易读,网页布局更加美观合理,让读者能在视觉方面感觉到舒适,同时还增加了网页的实用性。因为网格系统有充分的美学依据以及科学理论依据做为辅助,可以让设计者避免以往仅凭感觉做设计的传统方法,效率较低,而且效果有时也不能令人满意。在数码媒体中,合理的利用网格,可以让制作者设计出来的作品变得更加新颖,也增强了相互之间的关联性。<BR>(三)网页网格系统的特殊性<BR> 经过印刷媒体多年的探索和改进,在不断的反复测试中发现了一些适合用来表现文木和图像信息的版式和规则。在经过几代人的改进之后,这些版式和信息已经使读者形成了固定的阅读和浏览习惯。在传统印刷媒介中,设计者拥有一个固定大小的界面,比如一张纸或其他材料,而它们的大小、尺寸都是固定的。但是在网络媒介就不同于传统印刷媒介,因为不同的浏览者使用的浏览器、系统操作平台以及电脑屏幕大小和分辨率都是各不相同的;甚至通过手机、掌上电脑来浏览网页,它们的屏幕尺寸、屏幕分辨率等也是不尽相同的。优秀的网页设计师会认识到,不同的用户对于相同网站的视觉效果需求是不一样的。与传统媒介相比,网页制作者在对版面视觉效果的控制方面失去了很多主动权。我们需要做的只是:设计出可以适应这些变化的网格系统。<BR>二、24x40,960网格系统<BR>如图1所示,雅虎是一个以信息展不为主的门户型网站,该站使用的正是著名的960网格系统。对于信息的阅读来讲,960px的网页宽度比较合适;因为比起自适应宽度布局,固定宽度的布局控制起来更容易,具有良好的E维护性和可扩展性。在Alexa全球网站的排行榜里,雅虎位列第三。像这样一个大型的综合类网站,每天的浏览量、