浅谈网页设计中的网格系统.pdfVIP

华中科技大学文华学院 毕业设计（论文） 浅谈网页设计中的网格系统 学 生 姓 名： 肖旎 学号：080201041117 学 部 （系）：城市建设学部艺术系 专 业 年 级：视觉传达专业方向 08 级 2 班 指 导 教 师：谢梦华 职称或学位：副高 2012 年 4 月 22 日 目 录 摘 要………………………………………………………………………………………3 关键 词……………………………………………………………………………………3 Abstract…………………………………………………………………………………3 Key words………………………………………………………………………………4 前 言………………………………………………………………………………………5 一、 绪 论…………………………………………………………………………………1 （一）研究目的及意义…………………………………………………………1 （二）研究方法………………………………………………………………1 （三）研究过程…………………………………………………………2 （四）研究成果及结论…………………………………………………………1 （一）网页设计的意义…………………………………………………………1 （二）网格设计的运用…………………………………………………………1 二、 网页网格系统分析…………………………………………………………… 3 （一）网页网格的概述……………………………………………………………3 1、 网格的定义与基本功能…………………………………………4 2、 网页网格设计的分类……………………………………………4 （1） 对称式的网格设计……………………………………5 （2） 不对称式的网格设计…………………………………5 （3） 模块网格设计………………………………………6 （4） 复合网格设计………………………………………6 3、 网页网格设计的作用…………………………………………6 （二）网页网格设计特点………………………………………………………7 （三）网页网格设计的方式…………………………………………7 1、 组合网格……………………………………………………………7 2、 水平网格…………………………………………………………7 3、 垂直网格……………………………………………………………8 4、 成角网格……………………………………………………………8 三、网页设计创意原则…………………………………………………………3 （一） 六栏固定宽度网格布局………………………………………………1 （二） 960，24X40 网格系统………………………………………………1 （三） Responsive 设计概念…………………………………………………1 四、网页制作实例分 析…………………………………………………………………9 结束 语……………………………………………………………………………………10 参考文 献…………………………………………………………………………………11 附 录………………………………………………………………………………………12 致 谢………………………………………………………………………………………13 目的、意义、研究方法、研究过程、研究成果及结论 浅谈网页设计中的网格系统 摘 要 网格的目的就是让设计得以成立的基础。就本质来说，