基于网格网页设计概念及实际应用案例.docVIP

基于网格的网页设计概念及实际应用案例 网格基础 我们来看一些网格的术语。网格是用竖直或水平分割线将布局进行分块，把边界、空白和栏包括在内，以提供组织内容的框架。网格常在传统印刷中使用，但对网页设计也是非常合适的。网格设计不能使一个网站的布局看起来像报纸一样，但它的确可以辅助我们设计结构统一的站点。网格是一个简单的辅助设计工具，而不是什么对设计产生不良影响的东西。 理解并遵循规则 当你开始学习任何一项技能时，都应当遵循它的一些指导原则。从一开始就把基础的东西学好，能使你高效地应用这些规则。学习网格也不例外。你应当按照网格来设计布局，并让所有设计元素对齐到它们所在的位置。在设计中使用网格能结构化内容并且给你一个设计起点，但这不应当阻止我们的任何创意灵感。 两种途径建立网格模板： 1、自己创建网格系统 对于建立自己的模板系统，尽管有很多不同的理论，但归根结底，还是要选择你手边用起来最顺手的工具。 你可以把一个空文档按照数学原理分割成奇数栏或偶数栏，而且通常要把栏之间的空白考虑在内。 只要你喜欢，你的网格可以很复杂或者很简单。你的网格越复杂，你就拥有越多的自由发挥空间；而网格越简单，留出的空白也越多。这完全取决于你自己的决定。 下面是一些用Photoshop制作的例子，它们可以在Photoshop中用网格来查看。 2、下载现成的网格模板 相比制作自己的网格，从网上下载一些标准的网格同样可以