版面设计参考资料.docx

版面设计参考资料.docx

《版面设计参考资料.docx》由会员分享，可在线阅读，更多相关《版面设计参考资料.docx（40页珍藏版）》请在冰豆网上搜索。

版面设计参考资料

第一章：

版版式设计

•第一节版式设计概念

导入：

版式设计四大要素

图形（图片）、标题字、正文和色彩

版式设计？

版式设计又称编排设计，是平面设计的一个组成部分，为视觉传达设计的重要环节。

版式设计是调动各类视觉元素进行形式上的排列组合，突出版式上新颖的创意和个性化的表现，强化形式和内容的互动关系，以期产生全新的视觉效果。

第一节整体性原则

1主次分明

主体形象突出并成为视觉中心，以此表达主体思想。

2分类编排

对文本信息进行分类编排，建立信息等级，使信息传

达清晰连贯。

3设计元素处理

将编排元素抽象化。

第二节简洁性原则

•构成简洁的方法：

1使图形具有对称和规则的轮廓线

根据平面构成的原理，左右对称的形较之左右不对称的形容易形成图，同时，形的轮廓线越单纯越易成为图。

在板式设计时，我们要习惯于将编排元素抽象化，将他们归纳成一定的图形，并使形的外轮括出现对称性和单纯性。

2整体形应具有单纯性

版式设计是由各编排元素的抽象形共同构成的整体结构，这个整体结构也同样呈现出形的特征，只有当整体形的简洁程度比各个组成部分的形的简洁程度高时，版式才显的简洁，整体才愈显得统一。

3正负形之间的构成关系

在版式设计中图形与图形，图形与文字，文字与文字之间都是可见的形与形之间的构成关系。

表现为三种关系,1正形大与负形,2正负形反转,3正负形等值.

•第一节分类

一同类合并原则

•信息分类通常分为三到四个级别.诸如:

标题副标题子标题引文或说明文正文等,有意识的将同类同级别的信息合并在一个区域内.

•具体设计时对文本与相关的图片信息进行细分类,找出图片与文字之间关系进行同类合并.使文字与图片一一对应,形成明晰的信息分区.

2面构成

（1）通过实践把握不同字号的文字形成的面积大小.正确的估算分类后的引文与正文的字数在版面中所占的面积.

（2）通过实践把握不同字形字号行距字间距所形成的面与面的明度关系.文字的字体字号粗细行距字距的选择不同决定版式设计中形成的面的明度也有所不同.由此决定版式构成中黑白灰的整体布局.

3空白空间

又称虚空间、负形、受限空间等，是一个被编排元素包围的空间。

空白空间是提供视觉休息的地方，位于图形与文字之后，但它不仅仅是作为设计的背景而存在，空白空间决定版式设计的整体效果，是一种实实在在的形状，与编排元素共同构成版面中虚与实错综复杂的空间层次。

第二节分区

（3）空间如何留白

A页边空白：

页边、页眉、页尾

页眉空白在页面顶部留出连续的大面积空白。

页尾空白在页面下方留出空白空间，可以是不规则或略有变化的形状，目的是不引人注目，编辑起来容易。

页边空白页面左右两边空白。

B版心空白

版心中大的空白空间起分隔作用，可以重点突出，小的空白空间起连接作用，使编排元素近距离连接，形成整体块面，信息级别的呈现更加清晰。

总结：

（1）空白空间宜于表现为简练的“形”。

板式设计中，负形中“形”的性质越明确，整体形状越有规律，衬托出编排元素相互间的构成就越整体简洁。

因此，空白空间应该被和谐、均匀的用在设计中。

（2）版式设计中，空白空间与编排元素之间要自然流畅地穿插交融在一起，空白空间创造出的空白路径引导读者的阅读视线。

（3）空白空间的连接作用。

在版式设计中当空白空间（负形）与编排元素（正形）在大小、节奏、外形上保持一致时，空间空白就把页面各编排元素连接起来了。

1网格

一种包含一系列等值空间（网格单元）或对称尺度的空间体系。

在形式和空间之间建立起一种视觉和结构上的联系。

形式和空间位置及其相互关系通过二维网格来限定。

网格由水平线和垂直线构成网格单元，网格单元之间的空白区域成为分隔线。

网格使用原则：

文本版式：

使用两栏或三栏

图片、插图版式：

使用三栏以上。

（2）网格的分类

A一次性运用于设计作品的网格。

图3-30

B用与多页面或多主题出版物的网格系统

第一节字体

汉字基本字体：

宋体、黑体

外文基本字体：

文艺复兴字体、古典主义字体和现代自由体。

1宋体

特征：

字形方正，横细竖粗。

（横细竖粗，撇如刀，点如瓜子，捺如扫）

形状：

长方形（3：

2）、扁方行（3：

4）、和

正方形（3：

5）。

•黑体

特点：

横竖笔画一致，方黑一块，笔形两端略成方形。

点、撇、挑、勾均是方头。

也称方体.

字形：

正方形，横竖笔画一样粗，竖笔画占正方形书写格的八分之一。

•文艺复兴字体（老罗马体）

特征：

以圆形的轴线左右倾斜，粗细线条对比不大，字脚线和笔画线之间夹角成园弧形。

•巴洛克字体

文艺复兴之后古典主义之前的过渡字体，最具代表性的是英国的卡斯龙体（CASLON）

特点：

粗细线条对比强烈，明朗舒畅。

适合排用任何文体的书籍。

•现代自由体

格洛退斯克体（GROTESK）和埃及体（EGYPTIENNE）。

格洛退斯克体特征：

粗细一致抛弃字脚，只剩下字母的骨骼，也叫无脚字。

•埃及体特征:

粗细一致无字脚体上添加短棒形的字脚。

风格粗矿，因此也叫加强字脚体。

•拉丁字母基本字形比例

拉丁字母结构：

圆弧线和直线组成几何形结构。

分单结构和双结构。

归纳为（方圆三角）

视觉上：

方形最大，圆形其次，三角最小。

宽窄比例上有4：

43：

44:

2图4-6

•字体选择原则

1清晰易懂是文字编排的重点所在，文字的最终目的是为了阅读。

2阅读中，如果读者意识到了字体的形状，字体的选择就需要再做推敲，因为它使读者从信息自然平稳的过渡中分心。

3文字编排质量取决与文字部分与非文字部分之间的关系，不可忽略文字编排外的空白空间

4当文字与图片进行重叠组合时，尽量选择与图片意境相符的字体。

第二节字号字距行距字系标题字

字号特征：

1大粗字体易造成强烈的视觉冲击力，细小字体则能温和引导视线连续阅读。

2细小的文字构成的版面精密度高，整体性强，给人一种纤细，现代和雅致的感觉。

3方向字体需要特殊的处理方法，黑底或明度底与40％的色底上编排白字，通常字体看起来会比本身显得稍微小些，字号选择不宜小与六号，字的粗度要加强。

自间距和行距可以适当加大些。

•字距行距

行距的增加比字体大小更重要，行距太小造成视觉上的混乱，行距应为上伸字母和下伸字母留下可供伸展的空间，一般情况下行距一定要大于字间距。

•字系

1同一字系：

由相近似的字体组成。

在同一字系中，基本设计保持不变，可以考虑改变字体大小，粗细或色彩以求变化和重点突出。

2一套字系：

包括大小写字母，阿拉伯数字和标点符号。

第一节图形与文字的对比关系

1大与小的对比

图形与文字之间,在”面”的关系上可以进行大之间的对比.

大小弱对比给人温和沉稳之感,大小强对比,给人的感觉是鲜明,强烈,有力.

2明暗对比

黑与白虚与实反与正都称之为明暗对比

3曲与直对比

图片与文字之间在外行上进行曲与直,圆与方的对比,会让读者产生强烈的情感和深刻的印象,许多圆中放一个方,方会显得尤为突出;曲线的周围是直线,则曲线轮廓给人印象强烈.

•动与静对比

将富有流动形态和扩散感的形状以及散点的图形或文字的编排称为”动”.而把水平或垂直性强的,具有稳定外轮廓行的图片或文字称为”静”

第二节图形与文字的编排形式

（1）上下分割

平面设计中较为常见的形式,将版面分成上下两个部分,一部分配置图片,另一部分配置文案

2左右分割

左右布局易产生崇高肃穆之感.由于视觉上的原因,图片宜配置在左侧,右侧配置小图片或文案.

3线性编排

线性编排的特征是多个编排元素在空间被安排为一个线状的序列.图5-9

4重复编排

把有内在联系的图片与文字进行形式上的重复构成,使较为繁杂的信息变的简单明了.

A大小的重复:

外形不变,大小比例发生变化,构成重复.

B方向的重复:

外形不变,在一个平面上形的方向发生变化,构成重复.

C网格单元重复:

网格单元相等,位于单元内的形由不同的编排元素组成,构成重复.

5以中心为重点的编排

中心编排是稳定集中平衡的编排,用于营造空间中的场.

6对称与均衡的编排

对称与均衡是编排元素之间在版式中以对称或均衡的形式表现.

7重叠编排

重叠编排是各元素之间上下重叠覆盖的一种编排形式.

8蒙得里安式编排

运用一系列水平线垂直线长方形和正反形构成骨骼单元,将编排元素放置在骨骼单元中进行构成.

9边框式编排

编排方式为2种,其一为文案居中,四周围以图形;其二为图形居中,四周围以文案.

10散点式编排

版式采用多种图形字体使画面富于活力充满情趣.

第三节展开页设计

什么是展开页设计?

将信息通过连续的页面进行设计.

常用于杂志设计宣传手册网页设计报纸设计

大型展览展版设计系列广告设计.

面设计概论

版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是技术与艺术的高度统一。

版式设计是现代设计家必须具有艺术修养和技术知识。

版式[format]－指书刊等的版面格式。

版面－（报刊、书籍的一）整页。

版式设计：

就是在版面上，将有限的视觉元素进行有机的排列组合将理性思维，个性化地表现出来的，一种具有个人风格和艺术特色的视觉传送方式传达信息，同时，也产生感官上的美感。

版式设计的范围：

涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。

当我们面对设计主题，有了一个好的设计创意时，接下来就是如何把这一创意表现出来。

设计创意的表现元素不外乎图形（或图片）、标题字、正文和色彩，这些，统称为版式设计的四大元素。

可以说，任何具体的设计，最后都会落实到对这四大元素的编排上来。

目的是把版面上所需要的设计元素进行必要的编排组合，成为直观动人、简明易读、主次分明、概念清楚的美的构成，使其在传达信息的同时，也传达着设计者的艺术追求与文化理念；从而通过版式设计，给阅读者提供一个优美的阅读“空间”!

书的形态中国有着三千多年辉煌的书籍艺术史。

智慧的祖先给我们留下了甲骨刻辞、钟鼎、石刻、简策、帛书、卷轴装、经折装、旋风装、蝴蝶装、包背装、线装等一长串千姿百态的书籍形态，在此我们介绍几种重要的传统书装。

 1、简策.2、卷轴.3、经折装.4、蝴蝶装5、包背装6、线装书

第二章版面设计的组织原则

1.主题鲜明突出2.形式与内容统一3.强化整体布局

1版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果

按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想;

将文案中的多种信息作整体编排设计，有助于主体形象的建立；

在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。

2版式设计的前提－版式所追求的完美形式必须符合主题的思想内容。

通过完美、新颖的形式，来表达主题。

没有文字的版面，最难设计

3强化整体布局－将版面的各种编排要素在编排结构及色彩上作整体设计。

加强整体的结构组织和方向视觉秩序。

如水平结构、垂直结构、斜向结构、曲线结构；

加强文案的集合性。

将文案中的多种信息合成块状，使版面具有条理性；

加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果。

一、版式设计中的整体概念

专业的眼光——“整体”，是版式设计的前提。

好的版式设计，最终目的是使版面具有条理性，更好的突出主题，达到最佳的诉求效果。

如何帮助学生在版式设计中建立整体概念，我们从以下三个方面去理解：

1.建立信息等级，以明确的主次关系传递设计主题①信息等级的建立②表现元素的选择

构成版式设计的四大元素是标题、正文、图形，我们将此称为版式中的可见元素、或称正形；不可见的元素是空白空间，又称负形。

2.将编排元素抽象化，用以研究黑、白、灰的整体布局

版式设计中如何把握正负形之间的整体关系呢？

正负形之间通常表现为三种形态：

（1）正形大于负形并且在感觉上是“明亮的”，形易于从背景中突出。

这种方式，反过来也能成立，比如，德国设计常常在版式中留出大面积的空白空间，编排元素在版面中面积较小，就是充分运用了逆向思维；

（2）正负形反转这是形与形构成的一个特例，通常在版式中很少运用。

（3）正负形等值当形的面积之和与空白空间面积之和接近之时，如果正负形之间连续并穿插在一起，形就处在断裂的状态，形的呈现就会含糊而不明确，这也就是我们常说的版式很“乱”，这时就需要将正形进行聚合，构成一个整体形。

一旦正形有规律可循，负形也会整体明确，整个版式就会变得非常简洁。

3.简洁的图形构成版式的整体感

整体而不杂乱的版式设计取决于三个方面:

其一，编排元素所形成的外轮廓形；其二，分区所形成的外轮廓形；其三，空白空间所形成的负形。

形与形之间只有具备简洁的外观，才能使版式呈现出整体的视觉效果。

构成简洁的方法：

①使图形具有对称和规则的轮廓线。

②整体形应具有单纯性。

③空白空间应具有形的性质。

版式设计中，空白空间“形”的性质越明确、形状越有规律，衬托出其它编排元素相互间的构成就越整体。

因此，空白空间应该被和谐、均匀地用在设计中，而不是被四分五裂的分割。

设计过程中，要经常审视负形呈现出的整体形状。

二、通过版式的语言分析建立整体概念

如何在版式设计中进行信息等级的处理以建立整体概念？

纯文本信息包含标题字、副标题、引文、说明文、正文几个部分，是用来构成画面黑白灰关系的主要编排元素。

标题区的明度关系可以通过字型、大小、粗细、色彩来表现；正文区可以通过字号、字型、字间间距、行间间距的不同选择来表现灰度层次，这些可变元素的灵活变化，营造出版面的美感和空间感。

某种程度上，平面设计就是形状的安排和组织，通过分析作品来建立整体观，必须在脑中抛开标题、文字、视觉资料和其他元素的含义，抽象的去看待它们，通过将编排元素归纳成几何形，便于分析形与形之间黑白灰的构成关系，领悟如何将编排元素进行整体设计的思路。

因此，分析一件设计作品，一定要从“整体”入手。

简洁的概念：

成功的设计必须尽可能充分而简洁地描述内容，这就是设计中优美的定义。

原则上，读者必须没有意识到他们的阅读行为，导引无意识的阅读才是版式设计的成功。

在版式设计中，我们的工作并不是要占满所有的空间，纯粹以大量的信息来打动读者，那样，读者只会被过多的信息淹没而不知所措，多，并不意味着好。

在使用字体、图片或其它任何符号时，都必须要精练。

如果达不到什么目的，或仅仅为了装饰，就不要用。

尽管近年来我们看到了大量的令人眼花缭乱的设计作品，但设计质量的好坏是与它的简洁和清晰成正比的。

设计中的简洁不等于简单。

“简单”，主要是从量的角度去考虑。

是指在一个版式中只包含着很少几个元素，而且元素与元素之间的构成关系过于简单而致。

如果用这种简单的形式传达信息，肯定会产生出单调的结果，在设计中，单调往往导致厌倦感的产生。

“简洁”在设计领域里具有与“简单”相对立的另一层含意。

一个好的设计纵然表面上看似乎“简单”，但内含的复杂性和丰富性一定是存在的。

读者下意识的阅读习惯①从左往右看②从顶部开始，再沿着页面一直往下③出版物的各页是相互关联的④邻近相连而远距离则意味着分开⑤大而深的是重要的，小而浅的是次重要的⑥任何事物都有形状，包括“空”的空间。

作为一个设计师，在设计时，应遵循读者的阅读习惯，任何一种逆向设计，都应慎重考虑。

“国立包豪斯学院”，强调技术与艺术的和谐统一，通过不断完善形成了自己的体系.德国在二战以后,涌现出了一大批对世界平面设计发展产生重大影响的设计师，贡特尔基泽，皮埃尔门德尔，格特冯德利希，冈特兰博都是大师级的代表人物。

第三章：

版面设计的编排构成

任何一种版面设计的组织结构元素均归于点、线、面的分类。

点、线、面是几何学的概念，也是版面设计的基本元素和主要的视觉语言形式。

版面中的由于大小、形态、位置不同，所产生的视觉效果不同，心理的作用也不同。

点的缩小起着强调和引起注意的作用，而点的放大有面之感。

它们注重形象的强调与表达，给人情感上和心理上的量感。

将行首放大，起着引导、强调、活泼版面和成为视觉焦点的作用。

点在版面上的位置：

1.当点居于几何中心时,上下左右空间对称,视觉张力均等,既庄重,又呆板。

2.当点居于视觉中心时，有视觉心理的平衡与舒适感。

3.当点偏左或偏右时，产生向心移动趋势，但过于边置也产生离心之动感。

4.点作上、下边置，有上升或下沉的心理感受。

在设计中，将视点导入视觉中心的设计，如今已屡见不鲜。

为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。

另外，准确运用视点的设计来完美地表述情感及内涵，使设计作品更加精彩动人，这正是版式设计追求的最高境界

点移动的轨迹为线。

线的形态很复杂，有形态明确的实线、虚线，也有空间的视觉流动线。

然而，人们一般对线的概念都停留于版面中形态明确的线，对于空间的视觉流动线却往往容易忽略。

实际上，我们在阅读一幅画的过程中，视线是随各元素的运动流程而移动的，对这一过程人人都有体会，只是人们不习惯注意自己构筑在视觉心理上这条既虚又实的“线”，因而容易忽略或视而不见。

实际上，这条空间的视觉流动线对于每位设计师来讲有着相当重要的意义，这也正是我们下一章将要探讨的“视觉流程”。

版式中的线包括三种：

由字的编排构成的线、视觉引导线、几何线。

①字有秩序的编排构成线。

在平面构成中我们知道点的移动可以构成线，设计中常常将字符作为点进行线的编排，通过字体、粗细、大小构成不同明度的线。

②视觉引导线。

视觉引导线在版式中是一条看不见但却非常关键的导向线，它直指中心内容。

我们在分析作品时，一定要善于发现这条看不见的线。

因为它引导视线去关注设计主题，成为贯穿版面的主线，版式中的编排元素以视觉引导线为中心依信息级别向左右或上下展开。

视觉引导线是版式设计中定位的依据，表现为水平线、垂直线、曲线、斜线。

③几何线。

几何线表现为可视的网格分区线和装饰线。

⑴用线分割版面的设计

网格线通常是隐性的，仅起定位作用，没经过专业训练的受众不易发现。

但是，版式设计师有时也别出心裁的使优美的网格结构线跃然纸上，成为可视线条。

设计时，应将网格线视为装饰元素作整体上的安排，切不可让纵横密布的网格线影响信息的传递。

⑵用线装饰编排元素的设计在版式中，编排元素时常用线来装饰，引起视觉关注。

当引文需要强调时，用线作为装饰，将引文与正文加以区别。

正文中，装饰线条可以将正文进行平级信息分区；同时，线条也可以用在单词下方，对正文中重点内容起强调作用。

⑶用线框来限定版式中的编排元素。

线框可以用来加强某种编排元素视觉效果，使其在整体中显得特别出众。

当被强调的对象是说理性很强的文字或图形时，可用有规律的几何形线框来限定它，使形式与内容完美统一。

⑷用线来装饰整体版面的设计，常用于展开页的整体设计，起到连贯信息的目的。

线的分割：

在进行版面分割时,既要考虑各种形态元素彼此间支配的形式,又要注意空间所具有的内在联系,保证良好的视觉秩序感,这就要求被划分的空间有相应的主次关系,呼应关系和形式关系,以次来获得整体和谐的视觉空间。

空间等量的分割，将多个相似或相同的形态进行空间等量分割，以获得秩序与美。

图文在直线的空间分割下，获得清晰、条理的秩序，同时求得统一和谐的因素。

在骨骼分栏中插入直线进行分割，使栏目更清晰、更具条理，增强沉闷文字版面的弹性和可视性。

通过不同比例的空间分割，版面产生各空间的对比与节奏感。

线的力场：

“力场”是一种虚空间，是对一定范围的空间的知觉或感应，所以，也称为“心理空间”。

在版面中所产生的“力场”，首先是在空间被线分割和限定的情况下，才能产生“力场”的感应。

具体地说，在文字和图形中插入直线或以线框进行分割和限定，被分割和限定的文字或图形的范围即产生紧张感并引起视觉注意，这正是“力场”的空间感应。

这种手法，增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理，富于弹性的空间关系。

至于“力场”的大小，则与线的粗细、虚实有关。

线粗、实，“力场”的感应则强；线细、虚，“力场”的感应则弱。

另外，在栏与栏之间用空白分割限定是“静”、“消极”的表现；用线分割限定为“动”、“积极”的表现。

线框的限定：

线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。

在强调情感或强调动感的出血版中，如以线框配置，动感与情感则获得相应的稳定和规范。

另外，线框细，版面则轻快而有弹性，但“场”的感应弱；当线框加粗，图像有被强调和限制的感觉，但同时视觉度、注意度都有所增强；但若线框过粗，版面则变得稳定、呆板、空间封闭，“场”的感应明显增强。

骨骼的结构产生极强的约束性。

图文按骨骼的规则设计，版面稳定、理性秩序，所以流畅易读。

但过于理性，有男性感觉。

面的编排构成：

面在版面中的概念可理解为点的放大、点的密集或线的重复。

另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。

版面中产生的面有刻意去设计的，但这种版面极少，更多情况下面不是孤立表象的，面与线、面与点或面与点线之间是相互依存、相互渗透的关系。

关有面的版面显得单调、平淡，在加入了线的分割组织后，版面立即产生了精细又精神之感；若再加入点的运用，则点常常能成为版面中活跃的视觉焦点；而面常以结实、肯定、大方起着烘托及丰富版面空间层次（文字面）的作用。

骨骼设计：

在20世纪初，瑞士现代主义的设计家们经过长期的研究与实践将骨骼编排的设计方法发展成为一种成熟而可以被广泛应用的方法，可以在各类平面设计，特别是书籍装帧、报刊杂志、产品样本等方面应用。

分栏原理：

1、网格

①网格概念信息内容有着它自己的内在结构和固定的组成部分，需要一定的鉴赏力去揭开各部分的相互连续性，网格为设计提供了一个基本的框架，帮助形成清楚、连贯的信息关系和易懂的页面，给设计一种内在凝聚力。

什么是网格？

网格是一种包含一系列等值空间（网格单元）或对称尺度的空间体系。

它在形式和空间之间建立起一种视觉和结构上的联系。

形式和空间的位置及其相互关系通过二维网格来限定。

网格的构图能力来自于所有元素之间的规则形和连续性，它能够决定一个页面上元素的零散或整齐程度、页面上插图和文字的比例，通过网格建立连续的秩序或参考区域，从而产生普遍联系。

网格由垂直线与水平线相交构成网格单元，网格单元之间的空白区域称为分隔线。

网格的表现：

首先，在版式四周要留出页边，采用1磅的线条。

其次，把该空间等分，以使各列文字相互间不接触，每个单元格之间也要有一条空白的分隔带，网格内采用细线。

网格以垂直单元与水平单元的数目定义。

一个两栏三行的网格被称为6单元网格，或2×3网格。

而一个三栏四行的网格被称为12单元网格，或3×4网格。

网格一旦建立，各栏文字或图片的宽度、长度便可以随便调整，并且可以占用多个网格单元）。

网格使用原则：

对以文本为主的版式，通常使用两栏或三栏简单的网格。

对于以插图、图片为主的版式，通常使用三栏以上复杂的网格。

网格的分类：

⑴一次性运用于设计作品的网格。

这类网格通常一次性用于设计项目之中，不反复使用。

对于一些复杂的信息，如表格、科学数据、名单和一些重复的元素，如标题、多幅图片和正文，在特定的页面和版幅上都需要设计网格进行定位，使复杂的信息条理化。

提示：

2纵列、6纵列和5纵列网格是最基本的标准网格。

2纵列网格把设计空间分为4部