• 微信

知音杂志排版设计思路:如何像音乐一样排文字

时间:2026-10-21作者:admin分类:排版与出版物设计浏览:4评论:0

我们这些做设计工作的人, 每天都跟字体打交道, 天天都在琢磨怎么样去用字体, 好让那个设计变得更好一点, 也就是我们说的加油添彩。可是有的时候我们也觉得很纳闷, 电脑里装的那些字体那么多, 到底该选哪一个才好? 还有文字也那么多, 怎么个排版法才能把自己内心深处的想法给表达出来呢这个问题真让人头疼。

人们常常都说, 艺术这个东西其实是相通的, 把文字的排版以及音乐这两种形式结合在一起, 通过那种视觉化的音乐表现方式, 同时再用文字排版的形式把它展示出来。这样一来, 我们在进行字体的组合排列过程之中就会显得更加容易上手一些, 能够更加充分地在设计作品里面去体现出属于我们自身的那种情感色彩。

把普通的文字变成音乐那样的艺术形式,让文字在排版的时候同时具备听起来好听的样子和看起来好看的样貌, 这样的话是能够更简单地把信息传达出去的, 同时也是能够把那些深层的含义表达得更清楚的。

当音乐响起的时候, 电脑播放器里面那种变化多端并且让人感觉很欢快的频谱图, 音响喇叭因为有震动而发出的声波, 还有那个跳动的五线谱, 以及因为乐器变化而引起的图表(也就是A-01), 这些都是我们能用来体现情感的视觉化的呈现形式。

你可以把文字的排版设计看作是一段用视觉呈现出来的音乐片段, 通过在视觉上营造出一种高低起伏、错落有致的感觉, 以及疏密相间、聚散分布的节奏, 还有轻重缓急的变化效果, 这样就具有了像曲调一样的功能。

而一个优秀的字体排版设计, 它可以被我们看作是有一段节奏和有一首韵律的音乐, 这种音乐, 它是我们能够去理解为是一首就那样凝固着的音乐。

(一) 咱们得去把字体的结构给摸清了, 还得弄明白字体都有些什么样的特性, 因为只有这样, 这才能成为我们排版时选用那些比较优秀的字体的一个依据条件。

在字体排版设计这个领域里面, 点、线、面结合在一起组成了一个设计的群体, 这些个群体呈现出的那种高低错落的状态, 还有那种疏密聚散的分布情况, 是构成形式美感的一个非常重要的关键因素。

那关于这26个英文字母, 是根据字体的粗细情况来设定节点的组合方式的, 这样的话, 每一个单独的字母就变成了一个音符的样子了。

大家看那个图(B-01),那里面的大写字母I, 等于1个长节点;大写字母O, 等于4个长节点。再看那个图(B-02), 小写a是3个短节点;小写b呢, 它包括1个长节点和2个短节点在一起。

单行文字进行排版的时候, 它有一个横向面上的韵律变化现象, 这种现象是怎么产生的, 我们只要根据字体本身的粗细情况去设定好相关节点的粗细程度以及它们之间排列的稀疏密度大小这样一做就可以, 结果就是能够产生出一种有着轻重与迟缓急迫这些感觉的高矮和错落分布的节奏意味和韵律美感的样子, 具体的效果大家可以去参考一下图片里展示的那个编号为B-03的图示内容部分。

关于多行文字排版时候的纵向韵律, 这个主要是根据单行文字的长短情况以及字体的粗细程度, 来产生一定的节奏和韵律, 如图(B-04)。

当我们把文字给变成音符那种状态以后, 咱们就可以去着手整理一下关于字体排版的那些规律方面的事情, 这样一来, 咱们的那个字体设计就会变得更加富有那个韵律感了。

(二)文字的韵律。优秀的字体排版这件事, 是具有其独特的这种美的。由文字的律动来演绎出来米这个美妙的音乐。

这就是文字本身所带有的那种韵律感, 它是通过去观察客观状态下字体发生的那些变化, 然后接着把那些本来就很普通的、属于常态性质的字体字符拿来, 让它们一个接一个地连续排列下去, 最终也就形成了一种叫做律动的形式存在。

如果一段文案完全不采用任何形式的修饰以及变化, 并且把字体的字号还有颜色这些都保持原来的样子不变的话, 那么它所产生的这种节奏感, 其实就是体现在单词和单词之间的那间隔上面, 而且字体就是那个唯一能够用来体现情感的依据部分。

如下图所示, 字体和字号的方向都是一样的。节点音符在不断重复出现。节奏是由单词之间以及字母之间的间距来体现的。大小写的区分产生了高低起伏的韵律。字体的粗细使文字发散出欢快或是稳重的气息。

如图(C-01)所示, 全部使用大写时, 呈现出平缓、稳重的韵律。如图(C-02)所示, 采用大小写混合时, 就产生了高低起伏的韵律。另外, 由于节点比左边的文字节点要细, 所以整体感觉会显得活泼一些。

如图所示在(C-03)这个部分里面的所有字母全部都变成了大写形式, 单词和单词中间的空格距离产生出一种节奏感, 同时各个单词所使用的颜色深浅不同又营造出了一种韵律感, 文字的排版设计不仅存在横向的韵律变化, 而且在此基础上还进一步形成了纵向的韵律效果。

所采用的字体风格既显得稳重踏实又没有丧失活泼的特性, 再加上位于下方的斜体字体的配合与衬托, 就让整体的文字排版内容传达出了男性所特有的稳重基调, 但是同时也并没有丢掉轻松并且愉快的韵律氛围。

字体排版设计里的韵律美, 它表现出来就是重复这件事。这个重复, 可以是间距不一样但是形状是一样的情况下的重复, 也可以是形状不一样但是间距一样的情况下的重复, 还有可能是其他方式的用来进行单元重复的情况。

那么这种重复存在的首要条件, 是单元的相似性或者是间距的规律性, 然后第二点要求就是节奏上得合逻辑才行。

(三)所谓如何赋予文字韵律这一事, 需要先把目光投向文字自身内在所具备的那些既有韵律和节奏的范畴内部去, 而后在此基础上进行一项人工的操作, 就是主动去施加一些全新的、额外的韵律元素以及节奏安排进去。

先是用那种很普通的字体, 还有那种不大的字号, 中间也没有去做什么特别出格的改动, 就只是根据文字本身的那点特质, 稍微调整了一下位置, 这样一来, 不管是横着看还是竖着看, 都能感觉到一种老老实实、自然而然的节奏感, 让字体排版那种像跳舞一样的动线变得连贯又顺畅, 这就把设计师原本想要表达的那种心情给透出来了, 感觉就跟听不同类型的音乐曲风时候的感觉一样。

如图(D-01)所示, 字体的样式是一样的, 但是字号有大有小, 粗细程度不同,颜色也不一样, 这就形成了效果不同的韵律感。

节点的粗细变化、间距的宽窄安排, 都能给人带来不一样的韵律感觉, 这种韵律可能是欢快的, 也可能是稳重的, 或者是活泼可爱的, 甚至是紧张又舒缓的节奏。正因为韵律的表现形式各不相同, 所以对比的效果也就更加明显了。

案例分析:

关于图(D-02), 它所采用的文字形式是大写的字母, 它用单词和单词之间的间隔当作一种节奏, 它通过字号的大和小进行对比, 从而形成了韵律强与弱不一样的效果, 文字的排版是理性的同时也有秩序, 这种顺序是由比较细微的韵律来引导的, 然后突然之间就变成了很强烈的声调, 主题给人的感觉很震撼, 非常醒目并且突出了主题。

在图(D-03)里, 词间距被用来当作一种节奏的表现手段, 字号的大小有着非常强烈的对比效果, 以此来突出“DENIM”这个词。因为采用了细线字体的设计, 这使得整个画面所呈现出的韵律既时尚又圆润, 这就符合了女装所要表达的主题。

在图(D-04)当中, 词间距是作为一种节奏的方式来呈现的, 同时也利用字号大小的强烈对比来进行表达。

一开始是用那种轻柔且高低起伏的音乐来作为进入的方式, 接着又通过使用强烈的音乐让全场都感到震撼, 在后面阶段还是用轻柔的音乐来做补充, 而交响曲中的韵律用来突出重点所在, 整体的节奏则是呈现出一种震撼且明朗的状态。

文字音乐化视觉化_字体排版韵律设计_知音杂志排版设计

对于图(D-05)来说, 如果从横向的角度去进行观察的话, 各个单词之间的距离构成了所谓的节奏形态, 而字形在粗细程度方面的对比关系, 直接决定了音响音律在强弱变化上的表现特征, 同时字体颜色在深浅层次方面的差异, 进一步强化了这种音响效果的呈现幅度;另一方面, 假如我们从纵向的维度来加以审视的话, 字体的大小搭配以及颜色的分布状况,共同营造出了一套包含强到弱再回到强最后到中性强度并且最终趋于弱的这样的循环变化的韵律感结构模式。

(三)如何赋予文字韵律, 这涉及到基线和特效这两个方面,可以通过改变排版方式来实现, 还可以添加一些特别效果, 像倾斜或者是手写之类的, 以此来使文字更具趣味性。

常用的方式有增加斜体, 使得文字带有动感和趣味。还有通过字行间的叠加来让文字产生双基线, 进而形成类似二重奏或者多重奏那样的韵律, 具体可以看(D-06)。

案例分析:

如图(D-07)所示, 左侧的字形排列, 在韵律的设计上, 它是把基线的改变作为主要的手段的, 它经历了由单个基线到多个基线的转换, 它还经历了由简单的旋律转化为多声部的重奏这样的过程, 字的大写和小写的高度所形成的起伏变化, 使得文字能够突出核心内容, 同时还能传达主要的信息, 整体的节奏变得更加轻快和明朗。

在图(D-08)里面, 假如把这个文字排版想象成一首曲子, 那么从左往右看过去的话, 先是出现了一段轻快的斜体韵律的开头部分, 然后突然就发生了变化, 变成了那些明快的细线条所构成的大曲调, 以此来吸引人的注意力, 到最后的话就会出现一连串比较低调的句子用来补充说明, 让看到这段文字的人能够一下子就明白, 这代表的是时尚的饰品, 特别是那开始的斜体字样式的话, 会让原本显得稳重的女性画面, 透露出一种活泼的感觉。

在图D-09中, 斜体构成了主要的旋律风格, 而文字的大小写变化形成了起伏感, 整体的韵律显得非常优美。

(三)怎样让文字拥有韵律感, 可以通过运用长短不同的句子, 以及调整字与字之间的距离来实现。具体而言, 利用文字大小的不同对比和字间距的变化, 能够为版面增添竖直方向上的节奏之美。

如图D-10所示, 单词之间的字体大小差别很大。文字的大小写以及单词的断点形成了横向的韵律。但是从字行的角度来看, 字行的长短不一样、高度不一样、间距也不一样。这些因素又形成了纵向的韵律。所以, 这种类型的字体排版具有双重韵律。

案例分析:

在图(D-11)中, 如果从纵向的视角进行观察, 长短不一的句子采用了错落的排版方式, 这种视觉上的排列给人一种直观的感觉, 仿佛那就是歌曲本身的旋律呈现。

再考虑到画面中还运用了富有重短轻长节奏感的元素, 以及那种显得格外轻松且带有几分趣味性的手写字体, 这两点因素共同作用, 使得整个视觉画面透露出一种独特的、令人愉悦的趣味气息。

在图(D-12)里, 我们日常搞排版的时候, 大部分情形下都偏爱用对齐的这种法子, 可是对于这段文字来讲, 它排版的套路跟大伙儿常见的那样完全不一样, 它是左边界也不对齐, 右边线也不对齐, 同时也并不处于居中的位置上, 从屏幕左侧的那个节点往过去看, 旋律这一块内容是先一点一点变得轻柔起来, 接着就朝着强度更大的方向去推进, 然后声音又慢慢地消失掉, 最后再恢复到那种轻软的状态,这一连串的过程展示出来一种层层递进的变化关系, 这种关系让整个画面的节奏感显得很轻松, 给人留下呼吸通畅的感觉, 同时它还具备着挺浓的韵味。

如图(D-13)所示, 这种字体排版的组合方式, 在横向方向上, 既带有韵律节奏, 也在纵向方向上, 具有韵律感。

从横向角度来看, 句子的字号大小存在对比关系, 具体是重、轻、微重、再这样的变化顺序, 再加上单词与单词之间构成的节奏感。从纵向角度来看, 句子长度的长短起伏情况, 也和这幅画面所体现出来的情感状态相互呼应。

不要做那种干扰韵律的设计。一套字体排版设计, 字体的数量采用两种是最合适的, 最多不超过三种。在这个前提下, 对字体进行调整和变化。调整的方式包括大小写、字号、粗细、行间距以及一些特殊的变化像斜体和双基线。

这样就能够产生一系列的排版变化, 从而使文字排版具有序列感, 具有对比感, 具有参差感, 具有强弱感, 具备这些设计情感的节奏和韵律。

(四)韵律设计范例: 字体排版的创作过程, 自始至终伴随的是一种理性的情感体验。

字体排版的这种分析工作, 现在已经算是基本搞完了, 那么接下来, 我们就需要去思考一个非常关键的问题, 也就是到底怎么样去把前边说到的那种排版的方法, 给真正地用到咱们自己的字体排版里面去? 为了让大家能更直观地把这个事儿给弄明白, 我们这儿, 特意举了一个实际的例子出来给大家看。

看图(E-01), 里面那一行的字, 全都没有变化。虽然排列得很有秩序, 但是太长,没有了重点, 也没有分出来主次之分。所以, 只能依靠字体本身所具备的特性来产生节奏感。结果就是韵律很平淡, 一点都不出彩。

图(E-02)把原本写得太平淡的句子给切分开, 让它们停下来。在保留原来那种节奏感的基础之上, 再加入一些新的变化, 让整个句子读起来有新的韵律。

对于图 (E-03) 这一情况, 目前的新节奏无法清晰地凸显出我们所关注的重点, 因此必须进行相关的调整, 这个过程其实就是逐步注入我们对内容的情感关注度。

对于图(E-04), 我们要把我们主观意识里希望赋予的情感付诸实践, 并且做到强调和突出这一点。我们需要去改变字体的大小, 还要改变粗细之间的对比效果等等, 通过这些手段来调整整体的节奏感, 从而形成一种新的韵律。

接着呢, 要把重点的那些词汇也进行调整, 把它们给凸显出来, 同时还要赋予相应的情感, 这样一来, 节奏就会变得更加突出, 旋律也会变得更加流畅。

对于图(E - 05), 我们需要进行细节上的调整, 这样一来能够使整体的韵律显得更加流畅。如果我们添加一些颜色的话, 可以让这种韵律呈现出轻重缓急以及刚柔并济的区别。同时在文字上使用斜体的特效之后, 整个看上去比较严肃的文字也会增加出一点点动感的元素。

图(E-06), 是这样的, 因为节奏会有不一样地方, 所以导致被赋予的情感也会有不同地方, 这样一来就能够产生出不一样的韵律来。按照上面说到的这种排版方法来进行操作的话, 我们就是可以把一些文字给排列出来, 而这些文字各自的特点会是不一样的。

文字这个东西, 它是经过很多很多次的打磨之后才形成的一种结晶, 它的本身其实是有一种非常美妙的韵律感存在的。

如果我们把它经过一个设计的过程, 然后把它选择下来作为排版的基底部分, 接着就用节点的方式把那些字母给替代掉, 再通过节点的长和短以及粗和细还有它们之间的间距这些手段的综合作用, 让文字可以通过粗细以及高矮的这些变化, 并且还要结合上字距还有行距的这些变化, 从而产生出一种具有重复特点的音乐效果, 这种音乐效果的大小、颜色、基线形状以及长短句等方面都会有所体现出来, 这样一来就赋予了文字一种节奏感和韵律感了, 最终也就就能够产生出丰富多彩而且又多样的视觉效果来了。

阿里巴巴国际站原文:http://www.aliued.com/2013/02/02/1532/

你可能想看: