无论你是在网站制作还是印刷设计中工作,你都需要知道网格理论。尽管一些设计师积极地避开网格,转而用更直观、更自由的布局,但最成功的是多年来一直与网格合作-他们在打破规则之前就已经知道了规则。
对于自学成才的设计师来讲,作为设计工具的网格背后的很多理论和合理化都没被典型的博客文章和会议讨论所覆盖。大家来这里是要把这个口袋大小的指南直接放在网格上,包含少量的理论。让大家开始吧。
1、栅格打造了韵律和步伐
网格(至少是平面设计)的最重要目的是为元素在布局中的地方打造一套指导原则。一个有效的网格不只为设计提供了步伐,而且还概念了仪表。这是使内容可访问的要紧部分,并帮助查询器知道在布局中查找下一条信息的地方。它设定了预期,并概念了规则、音色和设计的声音。把网格看作是你的游览者旅游的路线图。
2、网格概念和反映比率
网格的一个重要方面是它帮助确定和概念比率的能力。在印刷中,比率一般与媒体的大小相呼应;比如,纸张的形状和方向常常反映在布局中包括的图像的大小和形状上。
这感觉非常舒服,由于读者潜意识地理解布局的上下文,是因为出货机制的物理形状和大小的结果,譬如一张纸。在web上,反射的定义并不那样要紧,但网格可以用同样的方法将内容锚定到屏幕上。屏幕可以更流畅,作为一个设计师,也不可能了解用同样的信心,屏幕的大小和形状将被用来查询内容。无论怎么样,比率和规模都是布局中的要紧工具,因此用网格来确定和实行规则能够帮助概念所有要紧的标志,使读者可以访问和理解内容。
3、网格与黄金比率一块工作
一个确定的网格系统的整个定义是在设计的世界中一个相对较新的创造。自人类绘画和写作的早期开始,网格就已经直观地存在了,但直到近期才开始以学术的方法来考虑布局,因此它从未与其他好实践布局规则隔离开来。其中一个交叉的例子就是黄金比率与电网的关系。
黄金比率(也称为“黄金分割”)决定了元素最让人认可的比率,并简化为“三分法则”。当与网格结合用时,这类简单的大小、地方和比率规则可以帮助确保布局看着是连贯的,同时也具备美观的吸引力。这非常重要,由于它可以帮助使内容更容易访问。请记住,网格是内容背后的无形的粘合剂――在大部分状况下,它应该对查询器是透明的。
4、互联网上有一个960网格系统
一旦你了解了打造一个网格系统有哪些好处,那样web设计职员就能用网格了。为了使商品更实用,一些容易见到的尺寸已经成为标准。最容易见到的是960px的网格系统。960px是一个非常不错的尺寸,由于它有很多方面(整数可以分为):1、2、3、4、5、6、8、10、12、15、16、20、24、30、32、40、48、60、64、80、96、120、160,等等。可以以这种方法划分网格为列的宽度提供了非常大的灵活性,提供了一个多作用与功效的、可重用的网格系统。不需要说,很多设计师都在忙着把960px的网格打包成一组有用的CSS库。一个如此的例子可以在960年找到。gs,但假如你环顾四周,还有其他可用的。
5、网格提供了坚实的基础
正如大家所看到的,网格的存在主如果为了帮助确定布局中的地方和平衡。提供这种坚实的基础可以帮助确保内容以易于理解的顺序呈现,但也可以通过将内容从网格中离别出来来突出内容的特定地区。观众会自然而然地辨别出这类突破,并被吸引到他们面前,让设计师有机会运用布局的层次结构,并调整作品的意义。
6、网格与其他重要设计原则一块工作
不要忘记,网格只不过一个工具,旁边还有很多可以用来增强布局的基本原则。不要过于严格地用网格――一些最好的设计打破了网格布局的所有规则,而且如此做更成功。知道怎么样与何时用网格只能来自经验,所以要进行实验。请参阅下面的设计理论下面的其他文章,以获得其他有用的工具和原则,你可以用这类工具来提升你的设计。
网页名字设计师对网格理论的指导