从混乱到秩序.doc

从混乱到秩序 栅格就是你对页面版式的规划 　　你日常所见的许多页面都有栅格存在。你可能注意不到，但它确实存在，并且支撑着设计内容，建立整体的架构，引导着页面的元素。 　　栅格是隐形的架构，用于指导你页面上各种元素的放置。栅格不会在印刷成品上出现，但却影响巨大，它控制着文本栏的宽度、照片周围空白的一致、杂志上每页重复出现元素的固定位置。栅格是一系列的辅助线，决定着印刷品的边距，页面元素（大标题、正文、照片等）之间的间距，让你知道如何在空白的页面上放置它们。 　　在决定是否使用或怎样使用栅格之前，你应该了解栅格的一些基础知识以及创建方法。虽然在印刷成品中看不到栅格，但在构建页面的过程中你还是需要能看见它。 　　在你的页面版式中可能会设置有“Margin”（页边距）。在屏幕上这些边线可能会显示为浅色的实线或虚线。上、下、左、右的边线在你的页面中部形成了一个盒子。你将以此为基点，建立单元格。通过把页面均分为几个等份，来创建多个单元格。你可以创建可见的网格来辅助页面排版：你的页面排版软件有辅助线的功能，或者你可以在非打印层绘制边线或方块。通常你可以从页面旁的标尺上“拖拽”出一条辅助线，然后放置在需要的地方。 栅格与边距　　边距决定页面的外部边界。它们象一个画框一样包围着你的页面内容。四周边距不一定是均等的，但在（同一个出版物内）每一页之间或每一版之间边距通常是保持一致的。在大部分程序中，你在设置页面格式（尺寸规格）的时候就可以设置页边距。在某些程序中，你甚至可以“实时的”在屏幕上拖动边线来调整边距。 栅格与栏空　　当你将页面的内部空间（版心）分割为几个均等部分后，每个单元之间的白空间就称为Alley （栏空）。栏空的方向是水平的、垂直的、或是两个方向兼有，取决于你的栅格设置。在某些设计软件中，也称之为白空间或文本栏的gutter（内边距）。 栅格与内边距　　两页或两版展开时，内部的边距就称为gutter（内边距），即中缝两边的边距。在某些排版软件中，两个文本栏之间的间隙也叫做gutter。 栅格单元　　栅格单元是你在页面上放置文本和图片的基本坐标。它决定的是“放置”而非“尺寸”。就是说，假如你有一幅比栅格单元大的图片，你一样可以使用它。你可以用栅格单元来帮助你缩放图片尺寸，缩放匹配1、2、3或更多个栅格单元大小，然后将它放置在页面上。 栅格提供了视觉上的条理性　　栅格有着不同的应用，但并非适用于任何设计、任何人。杂志和简报之类的出版物几乎都离不开栅格。栅格增添了页面之间的一种连贯性，并且大大加速了设计的进程，设计师不需要每一页都“从草图开始”规划版式和设计。 　　在一系列独立而有关联的印刷品（如系列海报，或是为某个广告活动或某产品线设计的一系列传单）中，一个共同的栅格有助于统一这系列独立印刷品的整体形象。 　　在一件印刷品中往往有多个独立元素（本文块、大标题，照片，图表），栅格会帮助你把这些页面元素组织得井井有条。 一以贯之 人往往喜欢有条理的视觉信息 　　简报、杂志、宣传册、年报、以及书籍等通常包含诸多视觉元素：分栏文本、大标题、照片、插图、引文等等。栅格会帮助设计师在文档中建立页面之间的一致性。 读者会期待页码出现在每一页上的相同位置。一篇文章中的全部文字，即便它覆盖于多个页面，也一样有一致的外观，例如说相同的栏宽，这样可以提升可读性。同样的，读者还往往会期待边栏，说明性的文字，以及其他重复出现的元素出现在页面上的相同位置。 　　在一个多页文档的全部页面中使用一致的栅格，让设计师更易于提供读者们通常会期待的一致性外观。一个精心设置的栅格系统同样可以引入变化，而不会牺牲可读性和一致性。它同样会加快排版的进程，因为在放置各页面元素的时候，你不必再小心翼翼的“试探”以及“回头看看前面是怎样做的”。 　　下面的页面范例，显示了如何在一个7列的垂直栅格中进行一份新闻简报的图文混排。注意图一和图二有着一致的版式（但是左右反转了）。文本栏占两个单元格宽度。一个单元格有更多的栏空，用于把正文和边栏分隔开来。页3（图二中的右页）的版式和前面两页好像没多少共同点，但假如你看看隐藏在页面背后的栅格系统（图三），你会看到这三页采用的都是同一个栅格系统。 图1　左边是7单元栅格的简报 图2　7单元栅格的对开页简报 图3　隐藏于这两个对开页简报之下的7单元栅格 用栅格来统一一系列的独立文档 　　我们可以有多种方法来为一系列相关文档建立统一的视觉形象。你可能会在全部营销资料上都打上你的标志，或是采用不同颜色的宣传册来标明不同的业务方向。同样的，你也可以使用栅格来统一你的宣传册、销售表格、展示广告、规格表、以及你“营销军火库”中的其他各种元素。 　　就像我说过的，“在一系列独立而有关联的印刷品（如系列海报，或是为某个广告活动或某产品线设计的一系列传单）