版式设计网格系统的构建

版式设计网格系统的构建文/韩敏婕内容摘要本文主要介绍了版式设计中的网格系统。网格设计是按照一定的规律，结合各种平面设计的具体特点，运用分栏和单元网格，将各种文字图形及其他视觉形象加以设计，进行设计表现的一种视觉传达设计方法。通过阐述网格系统在版式设计中的秩序性和重要性，对网格的主要表现类型与网格在版式设计中的具体运用方法进行了归纳，分析了如何将网格系统应用到实际设计中。计师在设计版面时有明确的设计思路，能够构建完整的设计方案。网格可以让设计师在设计中考虑得更全面，能够更精细地编排设计元素，更好地把握页面的空间感与比例感。网格设计字面释义为安排均匀的水平线与垂直线的网状物，将事先设计好的网状格子，按照一定的间距均匀地分布在版面上，并根据形式法则合理地配置图片、文字。网格设计也称栅格系统、分割设计等，源于现代设计先驱们对设计语言探索的结果。他们利用各种系统化分割形式，给予设计元素以某种特定的构成基础，由于其追求简单的、理性的美，使网格设计方法成为了版面设计走向现代主义最重要的标志。各种各样的网格为文字、图形提供标准的结构，在设计初期首先建立为元素进行布局的固定格局。形象地说，网格是个房子，是盛装编排元素的；格局尺度框是把尺子，它是通过测量，决定编排元素在网格中的大小、位置的。本质上讲，设计的功能性离不开秩序性。功能是秩序形成、完善的最终目标。同时，秩序的形成必须依托于功能，秩序通过功能验证，证明其是否能构成为富有美学价值的载体。秩序的实现必须经由网格计算，网格成为通往秩序的桥梁。三者之间的关系依次为网格秩序功能。由此看来，网格设计是这三者关系中的基础。秩序的性质决定了设计的相关元素之间本身所含有的标准化、系列化、级数化内容，它与网格设计的数理特性天然地紧密联系在一起，是设计美感的重要核心。网格设计是以纵横方向线条交织而成的网状格子而得名。这种网状格子必须随作品内容的不同，呈现出千变万化的组合方式。秩序则以有条理、不混乱的状态出现，它体现出设计的韵律美。网格的作用旨在参照、辅助和约束视觉元素，它的划分终为秩序服务。相反，秩序的形成离不开网格的限定，两者为设计环节上紧密联系、不可分割的整体。网格显示着设计的秩序美，秩序则必须经与网格相关的方法才能得以彰显。既然秩序与人的关系如此密切，那么设计对于网格形式的探索必然合乎人类对于秩序的自然追求，网格设计正顺应了秩序性的这一普遍功能要求而诞生。设计作为一门说理艺术，任何形式的产生必须建立在功能的基础上，只有功能完善的形式才具有说服性，才有理。功能的合理性本身就包含着完善的秩序性，功能与秩序之间有着天然的联系。秩序性的形成离不开网格的数理级差分析，网格设计体系关键词网格的秩序性和重要性格思维的建立网格的类型和应用网格的萌芽和发展网有位著名的设计家说过等待设计师进行创作的一个平面一张招贴广告、一个包装的立面或样本广告的封面，都是有生命的，会呼吸的。当设计师面对他的设计对象一张白纸时，他会调动自己所拥有的全部智慧、感情与想象力，将各种文字图形赋予它，使它们按照视觉美感和内容上的逻辑统一起来，形成一个具有视觉魅力和组织严密的织体。这个过程就是给予平面设计作品生命的过程，它使原来杂乱无章的版面变得秩序、美观。这个被设计过的版面会呐喊、会喧嚣，会抓住人的视线，会打动人的情感，会将特定的信息清晰、快捷、有力地灌输给阅读者。在这个过程中版面设计起着非常重要的作用。版式设计师就像戏剧中场面的调度，使各种承担信息传达任务的文字图形艺术地组合起来，使版面变成一个有张有弛、且刚且柔、充满戏剧性的舞台。版面设计也像创造音乐的作曲家，将各种不同色调、肌理与形态的视觉要素组织成为变化丰富同时又高度统一的乐曲织体。那么如何设计一张完美的平面设计作品，并给人美的享受，就要借助于版式设计中的网格系统。网格可以提高工作效率，事半功倍。一张充满节奏感、形态张扬的版面设计作品和一张严谨清晰的版面设计作品，可以给人完全不同的心理感受。富有特色、形象典雅的作品才会长久地记存在人们的脑海中。网格设计和应用不仅是一种研究版式平面设计的方法，也是培养设计师基本的审美和版面调度能力的重要训练手段。一、网格在版式设计中的秩序性和重要性网格是用来设计版面元素的一种方法，主要目的是帮助设美术向导53ARTGUIDE艺术放谈的建立正是抓住了事物的这一核心，才形成了从20世纪50年代网格体系诞生完善之后，迅速风靡全球的真正动因。应用网格可以将版面的构成元素点、线、面协调一致地编排在版面上。网格设计在实际版式设计中具有严肃的、规则的、简洁的、朴实的等版面艺术风格。随着版式设计的电脑化进程，网格在版式设计中越来越受到重视。格，除了著名的蒙德里安的作品外，即使是古典绘画的艺术家们，也会用网格来帮助构图。在音乐上，每个音符都在各自的区域内代表着不同的音域，最后组成一首美妙的乐曲。宗教上也非常追求秩序的美感，他们认为神就代表最高秩序，所以在创造佛像时也会按照一定的规格和比例来制造，按照等级高低，为不同的神创造出从高到低的尺寸。藏传佛教中的曼陀罗就是很典型的网格系统，僧侣们就用它建立起自己的理论来解释世界万物的变化。西方在建造教堂时也会根据“神圣的尺寸”来进行设计。在设计领域，法国数学家尼古拉斯加宗首先在字体设计上利用了网格系统设计出了帝国罗马体。乌尔姆设计学院的奠基人之一，奥托艾舍就利用了网格对1972年的慕尼黑奥运会的标志设计图形进行设计，并为以后的标志设计设立了标杆。在建筑上，最早应用网格来进行设计的是第一届伦敦世界博览会上的水晶宫。它也成了历史上最早以钢筋为骨架、玻璃为主要建筑材料的建筑之一。现代主义建筑大师勒赫布西耶根据黄金分割的原理建立起了模块理论，并把这种理论应用在了他的建筑作品中。网格也应用在了地图的设计上，特别是地铁的地图。自从英国人亨利贝克在20世纪30年代设计出了第一张伦敦地铁之后，世界上大多数的地铁地图都沿用了这种网格式的设计。二、网格的萌芽和发展网格设计体系从它的萌芽、诞生、发展和最后形成完整的设计体系，经历了数百年乃至千年以上的时间。网格设计的萌芽，约始于公元前6世纪的古典主义时期，其中以黄金分割的发现和建造古希腊巴特农神庙为代表。除此之外，精通数学和几何学的希腊人也将这个网格应用在了字体设计上。1962年，法国国王路易十四感到法国的印刷水平差强人意，因此命令成立了一个管理印刷的皇家特别委员会，由一批学者组成，要求设计出新的字体。他要求新的字体设计原则应该是科学的、合理的、重视功能的。科学家尼古拉斯加宗在一个由2304个小格组成的几何方格网络中设计字体的形状，版面的编排，实验传达功能的效能，这是世界上最早对字体和版面进行科学实验的活动。15世纪末，以德国书籍设计家、插图家阿伯里奇丢勒所撰写的一本名叫运用尺度设计艺术的课程为代表，从此用几何数级设计版面的方法便开始产生。在他的作品新印刷一书中，他拒绝了所有之前采用的方法，明确了其激进、理性、精力充沛的现代书籍设计的新方法。现代主义思想对图书网格的发展有两个关键阶段第一个是来自于20世纪早期的包豪斯、构成主义、风格派；第二个阶段是第二次世界大战后，新一代的设计者们发扬了简奇措德和早期现代主义字体先锋派的思想。在瑞士和德国，马克斯比尔、缪拉布洛克曼等人开始系统研究网格来决定所有元素的位置，使文字和图片按合理的结构来搭建。四、如何创建网格及类型近一百年来，编排设计的方法经历了多次变迁，从崇尚繁复装饰的维多利亚风格开始，到极具理性与提升效率的网格构成，再到不受任何约束的、反理性的自由版式构成，完成了一个跨越两极变化的形式历程。至今，在平面设计中，各种编排方法并存，甚至融合，为平面设计提供了丰富的编排语汇。网格设计是建立在一定的比例关系和数字计算的基础之上的，所形成的网格要么具有重复美，要么具有节律美。因此，在极为理性的前提下，也搭建起了现代主义的审美基础，游走于科学的可读性和情感的可读性之间。网格设计是包豪斯所开创的构成语言的经典运用成果，其原理可以借由一般的构成关系进行解读。在没有计算机的时代，人们如果要用网格进行版面设计时，需要先用铅笔画出小样，然后再进行修改，最后才能用于印刷。如今可以在电脑里直接看到最终效果。国际主义的平面大师沙拉布洛克曼曾在他的著作网格系统中指出在一个成熟的网格系统中不仅有文本对齐网格，图片、注释、标题文字、副标题文字都应该符合网格的结构。在实际案例中，为了区别正文三、网格式思维的建立现代编排设计的方法是建立在传统书籍版式设计基础之上的，但发展到今天，编排设计的应用媒介已经不局限于书籍的版面，而扩展到了平面设计的方方面面。但传统版式设计的构成样式和处理手法对今天的编排设计影响深远，直到今天仍有很大的使用空间。当我们把网格的概念进行扩展的时候，会发现在身边的各个地方都会有网格的帮助。它们让生活变得更科学，更有秩序。自然界中最典型的例子就是蜂巢。在绘画作品中也会用到网美术向导54艺术放谈ARTGUIDE和注释文字，注释文字都会被设置成斜体或者更小一些的字体。在网格系统中有“行”的概念，这个行并不是指单纯字的行，而是具有一定的抽象性，它的高度是指字体的大小加上行间距。在网格的页面中都是由这些抽象的行所组成的。网格设计程序的原理分解为三步。第一步创建网格。第二步依据网格自由选择使用方式。在使用中，可以将每一个网格单元都加以利用，也可以只利用部分网格单元。在每个网格项中，既可以全部占满，也可以部分利用。第三步脱格完成。将网格利用完成之后，删除网格，留下内容。简单地看，网格设计就是这三个步骤，其实并不难理解。然而在实际的应用中却并非这么简单，是需要运用一定的技巧和经验的。网格结构是采用横四竖六的单元格方式建立的，每个大单元格再分为30个小单元格。网格主要表现为对称式网格和非对称式网格两种。（一）对称式网格所谓对称式网格，就是版面中左右两个页面结构完全相同，有相同的内页边距和外页边距，而且外页边距要比内页边距大一些。对称式网格是根据比例创建的，而不是根据测量创建的。对称式网格的主要作用是组织信息，平衡左右版面。1对称式栏状网格对称式栏状网格的主要作用是组织信息以及平衡左右页面，根据栏的位置和版式的宽度，左右页面的版式结构是完全相同的。对称式栏状网格中的“栏”指的是印刷文字的区域，可以使文字按照一种方式编排。栏的宽窄直接影响文字的编排效果，可以使文字编排更有秩序，使版面更严谨。但是，栏也有一些不足之处。比如，字号变化不大，会使整个版面的文字缺乏活力，使版面显得单调。对称式栏状网格分为单栏网格、双栏网格、三栏、四栏甚至多栏网格等。在单栏对称式网格版式中，文字的编排显得过于单调，容易使人产生阅读疲劳。单栏对称式网格一般用于文字性书籍，如小说、文学著作等。双栏对称式网格，能更好地平衡版面，使阅读更流畅。双栏对称式网格在杂志版面中运用十分广泛，但是版面缺乏变化，文字的编排比较密集，画面显得有些严肃。三栏对称式网格将版面分为三栏。这种网格结构适合信息文字较多的版面，可以避免每行字数过多造成阅读时的视觉疲劳感。三栏对称式网格的运用使版面具有活跃性，打破了单栏的单调感。多栏对称式网格结构适合于编排一些有关表格形式的文字，比如，联系方式、术语表、数据目录等，不适合编排正文。2对称式单元格网格采用对称式单元格网格编排版面时，是将版面分成同等大小的单元格，再根据版式的需要编排文字和图片。这样的网格结构具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间距可以自由调整，但是每个单元格四周的空间距离必须相等。版式设计中单元格的划分，保证了页面的空间感与规律性，整个版面给人规则、整洁的视觉效果。（二）非对称网格非对称网格是指左右版面采用同一种编排方式，但是并不像对称式网格那样严谨。非对称网格结构在编排过程中，可以根据版面需要调整网格栏的大小比例，使整个版面更灵活、更具有生气。非对称网格主要分为非对称栏状网格与非对称单元格网格两种。1非对称栏状网格非对称栏状网格是指，在版式设计中，虽然左右页面的网格栏数基本相同，但是两个页面并不对称。栏状网格主要强调垂直对齐，这样的排版方式使版面文字显得更整齐，更具有规律性。非对称栏状网格设计相对于对称式栏状网格更具有灵活性，版面更活跃。2非对称单元格网格非对称单元格网格在版式设计中属于比较简单的版面结构，也是基础的版式网格结构。有了单元格的划分，设计师可以根据版面的需要，将文字与图形编排在单元格中。非对称单元格网格结构，使文字编排灵活多样、错落有致，层次清晰。非对称单元格网格较多地应用在图片编排上，使整个版面更生动，打破了版面的呆板无趣。（三）成角网格成角网格在版面中也很难设置，因为，网格可以设置成任何角度。成角网格发挥作用的原理跟其他网格一样，由于成角网格是倾斜的，设计师在编排版面的时候，能够以打破常规的方式展现自己的创意风格。在设置成角网格角度的时候，要注意版面的阅读性特征。一般情况下，设计师出于对页面构图、设计效率和连贯性的考虑，成角网格通常只用一个或是两个角度，使版面结构与阅读习惯在最大程度上达到统一。网格与基线一般呈45角，这样的版面编排方式，可以使页面内容清晰、均衡，具有方向性。值得注意的是，向上倾斜的文字比向下倾斜的文字更方便阅读。网格必须精密设计，应该有多种多样的形式。形式的多样化是网格设计的属性之一。除了对文字和图片有规定的栏目宽度限55美术向导ARTGUIDE艺术放谈制外，还可以为其他版面内容提供复杂多变的结构，如注释、图标、小幅说明性照片等相关元素。足版面功能性需求，同时也能使得版面富有节奏和变化。网格设计是建立在一定的比例关系和数字计算的基础上的，所形成的网格要么具有重复美，要么就有节律美。因此，在极为理性的前提下，也搭建起了现代主义的审美基础，游走于科学的可读性和情感的可读性之间。可见，网格设计就是巧妙处理字体、图形、图片并和审美意识相互协调一致的手段，是将秩序感引入版面中的设计方法。网格并不是一成不变的，设计者应该发挥自己的想象力创造出各种各样的网格系统，进一步利用网格系统设计的各种优势延展到设计的各个领域。用网格的方法进行版面设计并不难，而真正能够掌握这一方法，并始终如一地贯彻下去并非那么简单。就像网格本身的基本含义一样，它貌似简单却并非简单，简单与复杂是相对的。在这里简单仅为表象，而复杂却是真正的审美内因，其结果是为了追求良好的视觉秩序。几乎每一个有经验的设计师都碰见过难以处理和意想不到的设计难题，网格设计的成功关键在于，能够合理地统配好版面中诸多复杂的设计关系。当然，只有灵活和富有创造性地运用网格原理，才能够创造出优秀的设计作品。网格的主要目的是帮助设计师编排版面，使版面更方便阅读。打破网格的版面更具有灵活性，能有效地传达一种特殊的设计风格，呈现设计师的创意。设计师虽放弃使用网格，但是在潜意识中仍然存在一定的准则指导他们编排版面。现实中，无论多么合理的网格配置，最终都要通过视觉经验这一关。只有视觉经验才是最终检验设计品是否合乎审美规律的评判者，任何编排理论都必须服务于这一终极目标。视觉经验包含着设计师个人的艺术修养、知识范围、审美情趣等相关的总体艺术价值观。五、网格在版式设计中的应用网格设计虽然是以纵横方向的线条交织而组成的网状格子得名，但这种网状格子必须随作品内容的不同，体现出千变万化的组合方式。因此，网格设计必须具有创意性，它并非被界定为一成不变的僵死的格子。如何将看上去僵死的网格变成有生命的艺术，这就要发挥设计师的创造性。网格的产生是建立在水平线和垂直线的基础上的，垂直线决定网格的宽度