王琦
摘要:网格系统作为设计师常用的一种设计技巧,它带来的视觉感受是秩序感、逻辑感、系统化。在平面设计中巧妙的利用网格系统,可以更加快速、准确、清晰的传递给人们需要的信息,使用网格系统设计板式就意味着要遵循普遍、合理的原则。
关键词:网格系统;版式设计;秩序性
一、什么是网格系统
网格系统英文为“grid systems”,运用有规律大小的固定格子设计排版布局,以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网格系统将平面规划成一个个小的单元格,这些单元格的大小可以相同也可以不同,网格之间也可以留出缝隙,单元网格的高度就是文本的整行数,单元网格的宽度是与文本栏的宽度相当的。这些高度和宽度都是排版中特有的度量单位来进行计算的,即点数和西塞罗。将版面划分为若干个单元格后,将我们的文字、图片等信息安排在这些网格中,将我们需要展现的元素以网格的标准调节大小和位置,将所有信息形成视觉上的统一。
那么,网格系统是有怎样的由来呢?1692年,新登基的法国国王路易十四感到法国的印刷水平不尽人意,因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的, 重视功能性的新字体。委员会由数学家尼古拉斯加宗担任领导,他们以罗马体为基础,采用方格为设计依据,每个字体方格分为64个基本方格单位,每个方格单位再分成36个小格,这样,一个印刷版面就有2304个小格组成,在这个严谨的几何网格网络中设计字体的形状,版面的编排,试验传达功能的效能,这是世界上最早对字体和版面进行科学实验的活动,也是栅格系统最早的雏形。网格系统又被称为栅格系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格,它可以把不同大小的文字和图片编排在一起,形成整齐有秩序的视觉效果。
二、研究网格系统的目的和意义
设计师往往将网格系统作为一种秩序系统来将各种信息进行整理和排列,使作品充满数学逻辑美感,看起来更加的客观和易懂。使用了网格系统的设计有着耐人寻味的特点,具有建设性、可供分析和理解的设计作品,不仅是设计师个性的彰显,还是其设计能力和情感的体现。
板式设计中使用了网格系统,会使版面更加的秩序系统化和清晰化,使读者一目了然抓住众多信息中的重点,此时可注意力高度集中的揣摩关键信息,将理性的情感融入其中。这样直接明了、清晰易懂的设计,在设计中具有着极为重要的意义。
快速传递关键信息是网格系统在版式设计中其中一个重要的作用,使用了网格系统的版面会富有逻辑感和清晰感,系统的分类各种信息,将主要的信息放在一目了然的位置,突出要表达的重点,次要的信息则放在次要的位置,这样的板式内容主次分明,更加的有层次和科学合理化。在排版过程中采用网格系统使各个视觉要素规范化、合理化, 让排版中的内容准确、迅速的传递给需要的人群,这样使得排版内的内容传达的顺序整洁有序、清晰易懂, 起到预期快速准确传递和引导信息的作用。
网格系统另外一个作用则是使整体布局合理有效,排版过程中利用网格系统合理、科学的编排每个信息要素的布局,控制元素的数量和编排组合,使得编排设计中的字体大小、页边距、页码、版心、正文和标题等内容都得到一个合适的布局安排,使得阅读变得更加快速和容易,让信息更容易被理解和记忆,形成视觉统一。
三、网格系统中的要素
字距、行距以及行的长度是否合适会直接影响到阅读的方便程度,良好的排版会给人加深记忆的印象。例如,阅读过程中,行距过窄,读者无法将注意力集中某一行,就会让文本变的难读,甚至容易错行,眼睛容易被相邻的行干扰,极大地降低了工作效率,阅读十分不舒适导致疲劳感;而一个合适的行距,会让阅读的效率提高,甚至一目十行。
能否让读者轻松愉快的阅读文本,栏宽也是影响力巨大的。我们的视力与书本的阅读距离一般在30-35cm,栏宽必须对应合适的文字字号,栏宽太长会增加视力疲劳感,栏宽过短会干扰阅读的流畅性,总是让眼睛不停的变行会极大降低阅读速度,分散读者的注意力。
页边距会对版面的整体视觉感产生影響,页边距在版面中占的比例太小会让版面太满,容易使读者产生烦躁感;页边距占的面积太大会浪费版面的面积,传达信息不够丰富。和谐、合适的页边距会让读者阅读时产生愉悦、轻松的舒适感,注意力更加集中的投入阅读。页码设计在版心的中轴上,版面会显得稳重安全,页码在版心外部会让版面更加活泼。
四、结语
在版式设计中运用网格系统,可以快速、便捷的营造一个好的视觉效果,有利于提高阅读的效率,同时也可以设计出更加优秀的作品。网格是一个非常实用的设计方法,它可以解决很多版式设计中出现的问题,网格系统的秩序性和标准化可以让设计更加的具有逻辑性和视觉美感。使用网格系统进行工作,意味着要遵循普遍、合理的原则。网格系统可以用更短的时间和更低的成本去解决问题。随着世界的发展,人们不仅注重板式的内容,也越来越注重排版的视觉美观,运用网格系统科学、秩序、合理的排版可以给读者营造更加舒适、愉悦的阅读氛围,有助于读者对内容的理解和记忆。
参考文献:
[1]王卓辉.空藏万象, 别有洞天——对版式设计中空白意象的探究[D].浙江工商大学硕士学位论文, 2012.
[2]仲晨.平面设计——设计梦想开始的地方[A]首届中国高校美术与设计, 论坛论文集 (下) [C], 2010.
[3][瑞士]约瑟夫·米勒–布罗克曼 .平面设计中的网格系统——上海人民美术出版社, 2016.7.1