专栏系列介绍:本专栏是一篇文章一本书,目标是完成100本书吧~
本书概要:《版式设计》这本书是国际平面设计基础课程系列中的一本,这本书主要介绍了关于版式设计的概念和版式设计的应用。
目录:
概念
版式和排版
黄金分割(一种美的准则)
网格(用来编排设计要素的一种工具)
应用一些版式设计方法
书本上不同部分的版式应用
不同媒体上的版式应用
音频:
《版式设计》-01-介绍-上.m4a00:0001:22未加入话题
《版式设计》-01-介绍-下.m4a00:0000:33未加入话题
《版式设计》-02-第一部分.m4a00:0009:28未加入话题
《版式设计》-03-第二部分.m4a00:0009:36未加入话题
你会想要快速系统地了解版式设计及是什么吗?版式设计如何做的吗?
这篇文章会将这本书——《版式设计》的全部重点内容包括。
根据这本书的内容也会分成两大部分,第一部分是关于版式的一些概念,帮助我们理解版式是什么?第二部分是关于版式的应用,介绍了版式设计的设计方法和版式设计用在哪些地方。
第一部分:这个部分是关于版式的概念?会从三个方面去介绍:版式和排版(是什么)、黄金分割(一种美的准则)、网格(一种用来排版的工具)。
版式和排版(是什么?)
版式就是一个页面上内容信息(设计要素)的排版形式,而排版(版式设计)就是指根据美的准则,把这些内容信息(设计要素)合理地排版进页面空间。那么版式设计(排版)的目的是什么呢?
版式设计(排版)的目的是可以将复杂的信息编排得十分合理,以便于读者能够轻松地获取所有信息,达到与内容的充分交流。
黄金分割(一种美的准则)
前面说到排版(版式设计)是指根据美的准则,把内容信息(设计元素)合理地排版进页面空间。而黄金分割就是其中一种美的准则。
将一条线段以8:13的比例进行分割,那么较短线段与较长线段的比值等于较长线段与整条线段的比值。
观赏具有黄金比例的物体可以愉悦观者的眼睛。自然界中的事物往往都具有黄金比例,例如花瓣的图案、蜂房的构造以及一些贝壳的造型。
斐波那契数列是一个整数数列,其中每个数值等于前面两个数值之和,斐波那契数列之所以重要,是因为它与8:13的比例(黄金比例)相关。由于其比例和谐,这些数列也被用于设计字体尺寸和正文编排。
网格(一种用来排版的工具)
那么黄金分割是排版(版式设计)依据的一种美的准则,而网格就是一种用来排版(版式设计)设计要素的一种工具了。它的目的是帮助设计师做出最终的设计决策。
网格是一种考虑更周详的工具,可用来更精确地编排页面上的元素,保证页面空间比例的准确性。
这部分介绍了网格的分类、建立网格需要注意的点、无网格设计三个小部分。
网格的分类(网格可以分成):对称式网格、非对称式网格。
对称式网格的左页相当于右页的复制品。
那么如何建立一个对称式网格呢?
对称式网格有以下几种:两栏对称式网格、单栏网格、双栏网格、五栏网格
单栏网格
双栏网格
五栏网格
对称式网格应用
非对称式网格一般适用于设计散页,它的左页和右页采用了同一编排方式。
非对称式网格可分成:非对称式栏状网格、非对称式单元格
非对称式网格的应用
建立网格需要注意的点:基线网格和交叉对齐。
网格可以经过不同的变化分割,版式设计(排版)可以依据它做到多种不同的版式。网格既可以使设计的整体风格一致,又可以使其灵活多变,它可以指导文字或图片的编排,而不是限制其编排。
其中基线网格可以为编排设计要素提供一个基准,如下图红线
而交叉对齐是指不同层级的文字如正文、主题和标题,在同一网格中对齐,并且相互联系的一种对齐方式。
交叉对齐案例
这就是建立网格需要注意的点中的基线网格和交叉对齐。
网格(一种用来排版的工具)这部分除了介绍了网格的分类、建立网格需要注意的点以外,还有无网格设计这个小部分。
无网格设计就是放弃网格,尽管放弃网格可以使设计师产生更多的设计创意并拥有更大的发挥空间,但是,其潜意识中也仍然要有一定的准则指导其进行设计或帮助其做出正确的设计决策,在这种情况下,结构依然存在,只不过不是以网格产生的。
无网格设计案例
第二部分:这个部分是是关于版式的应用,介绍了版式设计的设计方法和版式设计用在哪些地方?会从三个方面去介绍版式的应用:版式设计步骤、一些版式设计方法、不同媒体上的版式应用。
版式设计步骤———页面上的设计要素、编排、控制节奏。
要了解版式设计步骤,首先要了解页面上的设计要素,而文字和图片是设计中最主要的设计要素。
文字部分需要了解分栏,分栏用来给文字垂直划分空间。
分栏
分栏应用
图片部分,在页面上做好分栏加上文字之后可以加上图片,在设计中可以灵活应用图片,可以用出血图、裱图框形式来编排图片。
在文字和图片都编排到页面上之后,将文字做好对齐。对齐方式有基础的六种:上对齐、下对齐、左对齐、右对齐、居中对齐、两端对齐。
在文字编排中还会遇到字体层级,字体层级是针对文字的一种有逻辑、有组织的视觉导引体系。通过修改字体的大小和风格来区分不同文字信息的重要性。
在对图片编排中可以通过裱图框和并置来表现图片,裱图框主要是指一些设计元素或图片周围的空白边缘。
而并置是使图片之间形成对比的特殊图片编排方式,以区分它们之间的关系,暗示了这两个东西基本相同或完全不同,暗示一种感受。
在对文字和图片编排时候,需要注意切入点、导向、页面区分,切入点是指引我们从何处开始阅读的视觉助手。
也就我们开始阅读时一般的阅读顺序,我们一般会从左上角开始阅读,视线一般会如下图所示。
而导向是指设计要素的编排方向,特别是文字和图片的编排方向。读者一般是从左到右阅读文字或观看图片,而运用一些特殊的设计导向可以改变读者的阅读方式。导向的主要类型有水平导向、垂直导向、斜线导向三种。
页面区分是指将页面分割区分成两部分,分成水平区分和垂直区分,通常垂直区分可以引导读者停顿,水平区分则能引导读者翻页。
关于版式设计步骤的最后一点就是控制节奏了,节奏就是指我们阅读页面时候的节奏,有些段落读起来节奏很快,而有些段落则需要更多的思考去慢节奏读。
图标或者色块可以作为视觉上的停顿,使读者停下来。大字号的文本读者更倾向于来浏览,小字号的文本读者更倾向于阅读。
一些版式设计方法———拆分书、风格借用、拼接、不同的装订、无结构。
了解了版式设计步骤,接下来是一些版式设计方法。
拆分书是将一本书拆分了,一本书或许可以理解为是集合了相关内容、格式统一的页面。可以通过前面的版式设计的步骤,来拆分这本书上的设计元素、网格、分栏、对齐、字体层级、导向、节奏等设计特点。
风格借用是指通过模仿一些设计的特点,即前面说的拆分书的各个设计特点来达到“借用”的目的。
除此之外,拼接、不同的装订、无结构也是一些有特点的设计技巧。
拼接是指将不同的元素进行结合,产生超现实的感觉。
不同的装订是指根据不同规格和要求,采用不同的加工方法(打孔装订、骑马订、钢圈装订)。
无结构是指重构一些基本的版式设计原则来设计无结构版式。
不同媒体上的版式应用———杂志、宣传册、网站、移动图像、包装
之前一般的版式设计实例都存在于杂志与宣传册中。
网络媒体到来引发了从纸张页面到屏幕的转变,如网站之类的,当然还有我们现在的手机屏幕(本书中暂时没说手机屏幕)。
移动图像包括了电视、电影和在线体验。
包装设计为设计师提供了三维设计的平台。
《版式设计》这本书是国际平面设计基础课程系列中的一本,这个系列一共有八本书,后续会持续完成这一系列。那么,这一期就到这里了,我们下期再见吧!
【一篇文章一本书】《色彩设计》——不同波长形成的视觉感受
注:文章内容为《国际平面设计基础教程》系列之《版式设计》读书分享,部分内容为引用,《版式设计》 加文.安布罗斯 保罗.哈里斯/编著,中国青年出版社出版,部分图片来源网络,如侵权删除