平面设计中的网格系统_网格的基础（三）

网格系统是针对于平面的，而不是网页设计和移动端的设计。网格系统、栅格系统、网格基线和网格基数，应用层面完全不同，大家跟着学慢慢就会理解它们之间的差异。平面中的网格系统非常的庞大，网格基础这块就分很多小块，如：网格的基础知识(认识网格)、网格的元素、网格的类型、网格的应用等等。

元素的比例

在设计中改变图像或文本等元素的比例，页面就能营造出跃动率和动势。在平面中运用元素之间的比例关系，就可以从不同的视角展示同一个主题。元素在没有经过比例调整的情况下，元素之间的比例只是按照它们固有的样式出现，这时它们之间存在一种消极的关系。相反，元素之间的对比关系存在，比例经过调整后，它们之间存在一种积极的关系。跃动率在 添加变化 这篇文章中提过一嘴，以后会在“图片裁剪与布置”系列文章中细讲。

这里的积极和消极可以理解为“动与不动”，页面元素没有变化就给人感觉死气沉沉的，版心上下留白一致也会给人这种感觉，这种布局适合用于古典书籍和较为传统的平面设计中。不动且没有变化给人感觉没有动势和张力并很消极，动而有变化给人感觉灵动活跃并很积极。

通过改变元素之间的比例关系就会存在积极的关系。相对较大的元素层级更高，并吸引了更多的注意力。

元素的层级

设计师利用层级的概念，通过比例大小或布局结构来定义作品，并呈现作品中最重要的信息。

消极

下图所示中的页面是处于消极的状态，两大栏目没有对比关系。尺寸一致显得整体页面很平静，也没有表现出动势和张力，文本之间也不存在层级的关系。但要注意的是，采用这种排版布局，读者的视线会自然的从左到右依次阅读，并被带入作品所传递的信息中。

位置

对设计元素的布局能明确设计中的层级关系。下图中的标题独立放置在了左页，来突显出它的优先级与重要性。

位置和尺寸

位于页面入口处的元素被放大，它与下面元素的间距也被拉大，就形成了这个元素在层级中的重要性。

完

色技手稿 | 罗耀