版式设计网格系统的构建

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