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

浅析网格系统在网页设计中的重要性 摘要:在网页设计中合理利用网格系统来组织页面上的内容能大大改善页面的精确性和美观性。为更高层次的创作提供了一个框架,网格系统在很大程度上使我们的排版工作压力得到了缓解。与传统印刷媒体有所不同,在网页中利用网格系统则要考虑到不同的浏览器、操作系统、屏幕尺寸等不固定因素,网格系统必须能适应这些变化。如果加以合理利用,网格系统可以使整个网站的视觉效果得到提升。 BR　　关键词:网格系统;网页设计;美观;视觉效果 BRnbsp;BR　　 BR　　The Importance of Grid System in Webpage Design BR　　Wu Zhijun1,Qiu Hao2 BR　　(1.Liuzhou meteorology Bureau,Liuzhou545001,China;2. Guangxi Meteorological Information Center,Nanning530022,China) BR　　Abstract:In the web design of rational use of grid system to organize content on the page the page can greatly improve the accuracy and aesthetics.For the higher level of creativity provides a framework for grid layout in large part to our work pressure has been eased.The different from traditional print media,the web page using the grid system will have to take into account the different browsers,operating systems,screen size and other factors is not fixed,the grid system must be able to adapt to these changes.Be reasonable if the use of grid system allows the site to enhance visual effect. BR　　Keywords:Grid;Web design;Beautiful;Visual effects BR　　 BR　　当今一些大型的网站都有着非常美观的视觉效果,因为它们很可能都在网页设计过程中合理利用了网格系统。网格系统可以使页面布局显得更加规律和稳定,给网页制作者在设计时提供了一个标准的模板。但使用网格系统并不意味着枯燥的、墨守成规的设计,一个优秀的网页制作者不仅能够巧妙的应 用网格系统的布局规则,而且还能适时地突破这些规则的瓶颈,为网络用户提供更具观赏性的网页。 BR　　一、网页网格系统的 BR　　(一)网页网格系统的定义 BR　　网页网格系统的作用就是:将网页中的信息分布以及版面布局用划分规则的网格阵列来进一步归范。网页网格系统产生和发展于从平面网格系统中。对于网页设计者来说,合理的使用网格系统,不仅可以让网页呈现的信息更加美观易读,使之更具可用性。而且,在前端开发的角度看,网页将会更加的灵活、规范。 BR　　(二)网格的基本作用 BR　　在网页设计流程中,网格系统占据着极其重要的地位,其作用十分明显。它和“排版”决定着信息的视觉组织形式,也就是我们看到的网页样式。把页面中的信息组织到一起是网格的基本功能。合理利用网格系统来辅助网页设计,可以使我们更轻松地达到以下目的:让网页界面上呈现的信息更易读,网页布局更加美观合理,让读者能在视觉方面感觉到舒适,同时还增加了网页的实用性。因为网格系统有充分的美学依据以及科学理论依据做为辅助,可以让设计者避免以往仅凭感觉做设计的传统方法,效率较低,而且效果有时也不能令人满意。在数码媒体中,合理的利用网格,可以让制作者设计出来的作品变得更加新颖,也增强了相互之间的关联性。 BR　　(三)网页网格系统的特殊性 BR　　经过印刷媒体多年的探索和改进,在不断的反复测试中发现了一些适合用来表现文本和图像信息的版式和规则。在经过几代人的改进之后,这些版式和信息已经使读者形成了固定的阅读和浏览习惯。在传统印刷媒介中,设计者拥有一个固定大小的界面,比如一张纸或其他材料,而它们的大小、尺寸都是固定的。但是在网络媒介就不同于传统印刷媒介,因为不同的浏览者使用的浏览器、系统操作平台以及电脑屏幕大小和分辨率