PAGEPAGE19华中科技大学文华学院毕业设计（论文）浅谈网页设计中的网格系统学生姓名：肖旎学号：080201041117学部（系）：城市建设学部艺术系专业年级：视觉传达专业方向08级2班指导教师：谢梦华职称或学位：副高2012年4月22日目录摘要………………………………………………………………………………………3关键词……………………………………………………………………………………3Abstract…………………………………………………………………………………3Keywords………………………………………………………………………………4前言………………………………………………………………………………………5一、绪论…………………………………………………………………………………1（一）研究目的及意义…………………………………………………………1（二）研究方法………………………………………………………………1（三）研究过程…………………………………………………………2（四）研究成果及结论…………………………………………………………1（一）网页设计的意义…………………………………………………………1（二）网格设计的运用…………………………………………………………1二、网页网格系统分析……………………………………………………………3（一）网页网格的概述……………………………………………………………31、网格的定义与基本功能…………………………………………42、网页网格设计的分类……………………………………………4（1）对称式的网格设计……………………………………5（2）不对称式的网格设计…………………………………5（3）模块网格设计………………………………………6（4）复合网格设计………………………………………63、网页网格设计的作用…………………………………………6（二）网页网格设计特点………………………………………………………7（三）网页网格设计的方式…………………………………………71、组合网格……………………………………………………………72、水平网格…………………………………………………………73、垂直网格……………………………………………………………84、成角网格……………………………………………………………8三、网页设计创意原则…………………………………………………………3（一）六栏固定宽度网格布局………………………………………………1（二）960，24X40网格系统………………………………………………1（三）Responsive设计概念…………………………………………………1四、网页制作实例分析…………………………………………………………………9结束语……………………………………………………………………………………10参考文献…………………………………………………………………………………11附录………………………………………………………………………………………12致谢………………………………………………………………………………………13目的、意义、研究方法、研究过程、研究成果及结论浅谈网页设计中的网格系统摘要网格的目的就是让设计得以成立的基础。就本质来说，它就是网页设计作品的骨骼。就是帮助网页设计师快速完成设计的框架结构。我们通过解析网格布局方式寻求设计突破，让网页设计变得更加活灵活现，变得有意思，而不只是一个单单为信息传播而做的载体，网页设计从来都不是信息的奴隶，网格也不会是设计的阻力。让网格系统最大程度为设计提供便利是我们现在所需要努力的。如今互联网的主旋律是网页设计。根据目前网络形势，首先，我们是为设计而服务，而后我们才是为网页而服务，这跟过去以往的网页设计有着很大的不同，这是视觉设计师应该去做到的。网格系统只有沦为辅助工具，破除网格框架为设计而努力是现今网页设计师做必须努力的。关键词：网页，网格系统，960DiscussiononthewebpagedesignofgirdsystemAbstractThegridsystemisusingastandardizedwebpagegridlayoutofathought,similartonewspaperlayoutdesignandlayoutdesignformat.Thisistherecenttwoyears,themainprincipleisthatthewebpagepageisdividedintoNequalrespectively,andthenthro