网页中字体排版设计教程

作为设计师的我们，每天都在与字体打交道，我们常常希望能很好的使用他们，为设计加油添彩。文字有这么多，网页中字体排版怎样设计才能表达内心深处的思想?

常常说，艺术是相通的。将文字排版与音乐结合起来，用视觉化的音乐和文字排版相结合，会让我们的字体排版更容易组合，更能体现我们的设计情感。

将普通的文字赋予音乐的艺术形式，将文字排版赋予听觉的美感和视觉的美妙，更容易传递信息，表达其深层次的涵义。

当音乐响起时，电脑播放器里变化雀跃的频谱图，音响喇叭发生震动产生的声波，跳动的五线谱和乐器发生引起的变化图(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)字体相同，不同字号，不同粗细，不同颜色，形成效果不同的韵律。节点的粗细间距都可以给人不同的韵律感，欢快的、稳重的、活泼可爱的还是紧张舒缓的，更由于韵律的不同而有更明显的对比。