排版和网格
排版网格是由一系列垂直和水平的轴线构成的二维结构，它用来使内容结构化。当使用得体时，网格可以作为设计师以一种合理的、自觉的、自然的方式组织文本和图片的支架。它是看不见的灵魂，它会产生韵律、秩序和连贯，它经常被设计师用来更好地预见信息将被放置在哪里，以及使创意变得理性化。图像元素必须快速而有序地合并时，也可以使用网格。平面设计中，网格表现出了最具生命力的意志。
 |
|
Blueprint 是许多CSS 框架中的一种，它使设计师能够更容易地使用 网格开发网站。与此类似的还有Typogridphy（基于960.gs）、YUI Grids 和YAML。 |
不是靠直觉来决定设计元素该被放置在哪里，网格在一个固定的二维结构中，允许元素精确地定位，回答了设计元素或文本该被放在哪里的问题。网格，很多设计师认为，它是内容之前的先觉条件。挑战是在于内容将被构建在其中的网格，和内容的主要特征之间找到合适的平衡。一些人说网格破坏创造力，然而另一些人把它当做一个强大的框架，它可以让设计者做出完美、精确和准确的设计。
当基于网格进行设计时，设计者通常从空白画布或白纸开始。为了寻找合适的网格，他们使用了一般的布局规则和公式（比如黄金分割、三分法等）来把白纸分成适宜的部分，并且选择内在的、令人满意的页面和分栏比例。最后，通过对外边距进行试验来创建一个完美的、动态的排版结构。剩下的是用内容来填充结构，用内嵌在网格中的严格规则来限制设计。
 |
| 使用了黄金分割的布局构图。 |
有意思的是，正如MarkBoulton 在他的文章“通过简单5 步来设计网格系统”中陈述的那样，“作为结果，这样的尝试意味着，那些被设计出来的美丽事物在本质上更可用”（也被称为美学可用性效果）。一个平衡的构图自然在美学上更令人喜欢、更好用，更能引导你和用户进行沟通。
黄金分割可能是最常用的网格布局方式。为了给访客提供一个令人满意和直觉性的布局，考虑一下纸张的分割方式。黄金分割是等于1.618033988749895（≈ 1.618），是彼此相邻放置的事物的长度比值。它也被称为Fibonacci 序列。这个比例的强大之处在于，在宇宙的各个角落都可以发现它。
考虑上面的例子。你可能想增加布局的固定宽度。布局宽度是960 像素。你想要大块的内容（<content>）和小块的边栏（<aside>），该如何计算栏目的宽度？
首先计算<content> 版块的宽度。确保版块和整个图层的宽度比例为1.62。因此，可以把960px 除以1.62，将近似得到593px。
从图层整体的宽度中减去593px，你将得到367px。 广州网站建设,网站建设,广州网页设计,广州网站设计
现在，如果计算<content> 版块和<aside> 版块的比例（593px :367px ≈ 1.615）和容器宽度和内容版块宽度的比率（960px : 593px ≈1.618），你会发现差不多都是相同的比例。
这就是黄金分割背后的思想。对流动和弹性布局同样适用。
广州网站建设,网站建设,广州网页设计,广州网站设计
