字体设计基础-字符间距.doc

Spacing. Some words about spacing type. Much more important than the shapes of the characters, is the rhythm of the type. A typeface with beautiful characters which are badly spaced is extremely hard to read. However, if the shapes of the letters are not that good, but when they are all perfectly spaced, the type will be fairly easy to read. Defining the rhythm is more important than defining the shapes.字符间距 这里要说一下字符间距。字符的间距要比它的外形重要得多，这关系到字体的节奏。一种间距很糟糕的字体，不管外形如何优美，一样难于阅读。相反的，一款外形稍欠的字体，如果有完美的间距调节，这种字体一样可以易于阅读。因此，定义字体的节奏，要比定义字体的外形更加重要。The white spaces inside and in between letters are defining the rhythm, much more than the black shapes of the letters. When you manage to create a good rhythm in your line of text, your type gets more readable and gives a balanced end result. While creating the black shapes, you have to take the white spaces into consideration. Because the white spaces are more important than the black shapes. However, white cannot exist without black. Changing a white shape, inevitable will have an influence on the black shape. From that perspective, one colour cannot be more important than the other.是字符内部和字符之间的白空间决定着字符的节奏，而非字符的黑色形体。如果你能够为你的文本建立一种很好的节奏，你的字体就更易于阅读，并获得均衡的整体效果。从创建黑色形体的时候起，你就应该同时把白空间的设置考虑在内。当然，白空间和黑空间是互相依存的。白空间的改变也必然的会影响黑空间的形态。从这个角度来看，我们不能说黑与白哪个更重要。For example, there has to be a relation between the space inside an n and the space between the i and the n (see drawing). In the top row you can see the space inside the n is much much bigger than the space in between the n and the i. In the bottom row they are much more equal, and in this way youll get a much better rhythm and more harmony in your line of text.例如，字母n内部的白空间，以及i与n之间的白空间，两者之间必然会存在着一种联系（见图示）。在上面一行中，字母n内部的白空间要远大于i与n之间的白空间。在下面一行中，两者则要均衡得多，你也因而获得了更好的节奏，整个文本也更和谐。The same goes for the inner form of the a and the e for example. There is a big relation between these two forms. If they have (optically) the same amount of white inside the character (=counter), your type will have a better rhythm as well.同样的，小写a和e之间的内部空间也存在着这种关系。两个形状之间的联系非常紧密。这两个字符的内部白空间（counter，中文术语翻译为字怀/字谷/字币）在视觉上应当是等量大小的，这样你的字体才会有更好的节奏。图片文字说明：文字间距基础上：太紧下：a和e的内部空间应该是相等的平衡字符的内空间和外空间Digitizing sketches. When the handmade sketches on paper are ready to be scanned, take care of digitizing them in a proper way. More specifically, take care while converting your scanned image manually with a Bezier based pen tool. Too many points on a character, or points at the wrong position can have a negative influence at your font.线稿的数字化。在纸上画好线稿之后就可以扫描了，这时候要开始要注意，要用正确的方法将其数字化。说的更明确一点，在你用贝赛线钢笔工具手工描摹你的线稿的时候，要留神。一个字符如果有太多的节点，或者是节点放置在不正确的位置上，都会给你的字体带来负面的影响。Too many points (=nodes) can not only cause technical problems -e.g. the printer cant print the font anymore- but it is also much harder to control the shapes of a character. Controlling a curve between two nodes is much easier than changing a curve with twelve nodes. Of course its possible, but it will not end up in a fluent form.过多的节点不仅仅会导致技术上的麻烦，例如打印机无法打印输出，还会使得字符的外形更加难于控制。在两个节点之间控制一条曲线，要远远容易过操纵一条有12个节点的曲线。当然这并非不可以，但多余的节点必然会导致外形的不平滑。Having the nodes at the wrong position can cause technical problems -e.g. its impossible to hint the font perfectly- but also practically it is recommendable to put nodes at extreme positions at your glyph. For example, digitizing an o would only need 8 nodes. Four at the outer form, four at the counter form. Putting nodes at extreme positions (most top & down, most left & right) means the BCP (Bezier Control Point) will always be totally horizontal or vertical. In that case they are much easier to control. In most software programs you can use shift key to keep the BCP totally horizontal or vertical.节点放置在错误的地方也会导致技术问题，例如无法实现字符在屏幕小字号下的完美显示（hinting-在计算机屏幕上显示小字号时的优化显示技术，是设计者嵌入字体内部的提示信息）。建议是，把节点放置在字符的顶点位置。举例说明，用贝赛线绘制一个“O”要用到8个节点。外面4个，内部的字怀4个。将节点放置在顶点（最上点、最下点、最左点和最右点），意味着BCP（贝赛线控制点）将全部是水平或者垂直的。这样它们就非常易于控制。在大多数的软件中，你都可以通过shift键来将BCP（贝赛线控制点）的移动限制在水平或垂直方向上。图片上的文字：右：为初学者热身下1：将控制点限制在水平或者垂直方向上下2：只在必要的地方使用节点（能用一个点完成的，就不要用两个点平面设计师张行谈设计：汉字编排技巧先要说一说汉字与拉丁字母的区别，字母是一种纯粹发音符号，每个字母本身并没有意义，单词的意义来自于这些字母之间的横向串式组合，而汉字的组字方式是以象形为原始基础，也就是每个字都具有特别的意义，一个简单的字可能在远古时代就代表了一个复杂的生活场景，因而它也是世界上最形象的文字。两者之间的阅读方式和解读方式都有本质的不同，因此，汉字的编排不能照搬英文的编排方式，它们两者之间在编排上有一些客观的区别。 首先就是同样字号的实际大小不同，英文因为都是字母，字母的构成结构非常简单，一般在印刷上3号大小的英文都能清晰可辨，而汉字因为结构的复杂，在印刷上5号字已经接近辨认极限了，因而在设计时汉字因为要考虑可阅读性，在设计中就不如英文的字号大小灵活多变。还有英文字母线条比较流畅，因为弧线多，所以画面容易产生动感，这一点上比汉字生动多变。第二就是英文编排容易成段，因为英文每个单词都有相当的横向长度，有时一个单词就相当于中文一句话的长度，单词之间是以空格做为区分，所以英文在排版时，哪怕是一句话，也大多做为段来考虑编排；而这点中文就完全不同，中文的每个字占的字符空间一样，非常规整，一句话的长度在一般情况下是不能拆成段来处理，所以中文在排版的自由性和灵活性上比不上英文，各种限制严格得多。虽然现代设计中有大量的对汉字进行解构的实验作品和商业作品，但总体来说，还是不能大量推广，毕竟，这种实验牺牲的就是人们习惯的汉字阅读的方便性。汉字的整体编排容易成句、成行，视觉效果更接近一个个规则的几何点和条块，而英文的整体编排容易成段、成篇，视觉效果比较自由活泼，有更强的不连续的线条感，容易产生节奏和韵律感。第三就是英文的篇幅普遍比相同意义的汉字的篇幅要多，在设计时，英文本身更容易成为一个设计主体，而且因为英文单词的字母数量不一样，在编排时，对齐左边那么右边都会产生自然的不规则的错落，这在汉字编排时不太可能出现的，汉字编排每个段是一个完整的块，很难产生这种错落感。 第四，汉字的编排规则比英文严格复杂得多，比如段前空两字，标点不能落在行首、标点占用一个完整字符空间，竖排时必须从右向左，横排时从左向右等等，这些规则也给汉字编排提高了难度。而英文段落在编排时只能横排，只能从左向向，段前不需空格，符号只占半个字符空间，这给英文编排提供了更大更灵活的空间。这些区别在设计时都需要特别注意，不要照搬英文的排版模式来编排汉字，处理不好就会不伦不类！那么对于汉字，究竟应该以一种什么样的原则和原理来进行编排才能使字、句、段、篇看起来美观清晰呢？本人在实践中，有一些经验可以拿出来与大家商讨，我在进行汉字编排时一般遵循的流程是：理解分类粗排精确细排校对。 1、理解在进行文字的编排之前，首先要理解文字的内容。我见过很多设计师只注重版式美现而不关注文字内容，把文字一拿到手就开始编排，从不考虑文字在说什么，他们的原则是文字一定要服从于版式需要。这是不正确的设计方法，对于一篇文案稿，如果我们不去理解它的表述内容，就很容易本末倒置。一个标题，究竟用什么字体？用多大字号？横排还是竖排？这些是由整体版面气质和文字表述的内容所共同决定的，而不是按我们的惯性思维理解，标题一定要大，要突出，要用粗壮的字体。我们要深刻理解文字到底在说些什么，才能为我们选择字体字号提供依据，才能让文字的视觉感受与表述内容保持统一，才能为我们选择合适的插图提供指导方向。当然这种理解不是表面性的理解，还是真正吃透它所表达的意思，有时一些文字的意义是指东道西的，表面上是说这件事，其实它真正想表现是却是另一个道理，这就需要设计师有较强的理解能力。2、分类分类也就是把我们理解的文字段分成几个层级，并为其分配相应的占用空间和大致的视觉位置。谁是主标题，谁是广告词，谁是副标题，谁是内文，内文的组成结构是怎样的，是否需要进行视觉归纳或者是内容归纳等等，把这些问题搞清楚了，我们就可以为把这些文字分类成几个层级。第一级是最重要和突出的，比如主标题、广告词、副标题等，第二级是对第一级的辅助说明或者是次于第一级的，比如内文和某些特别需要强调的电话号码等，第*是最次要的，比如跋、通联、页码、旁注等等，一般情况下分成三个层级就足够了，但有时会有一些很专业的技术图表和技术参数类的文本编排就另当别论了。需要特别说明的是，这种分类并不是绝对的，只是一个模糊、大概的基本轮廓，可以让我们了解到编排对象的在版面中的功能和意义。最后要做的就是为各个层级的文字内容分配视觉空间，如果有插图配合的话，应该同时考虑插图和文本的空间占用（在这个过程中，最容易出现的问题就是，很多设计师喜欢先把插图定位得很死，把空间都计算好了，在编排文字的时候发现文字的空间不够，这时只能到处找多余的空间把文字硬塞进去，或者牺牲文字的字号大小来妥协，最后的效果就是到处都很挤，到处都不合理，这些对于新手来说要特别注意，文本的容量和插图的容量一定要同时考虑，在有必要的时候一定要对插图的空间进行调整，不要舍不得，整体效果永远都要比局部的效果重要）。这里的空间分配的原则就是：每个文本元素都一定要有相对独立的空间，要让它看起来本来就应该在那儿，那块空间本来就是为它而留下的，而不是让人感觉是没有地方放了硬塞在那儿的。这是一个考验设计师整体调控能力的过程，因为空间是固定不变的，而每个元素之间又是互动的，A元素的空间多一点就意味着另一个B元素的空间就会少一点，那么如何让其占用空间均衡合理，要需要从版面美感、视觉流程、表述内容、版面风格、阅读习惯等多方面去考虑，千万不要过早为它下定论，多实验几次才能找到最佳解决方案。3、粗排经历了前面的过程，设计师心中应该已经有了一个初步的构想，粗排的过程就是把这些构想视觉化，以形成一个基本的编排风格，这个过程仍然是一个创作的过程，是对前面提出的编排构想实践和检验的过程，主要是检验各个文本元素占用空间的情况是否合理，（这里要特别注意的一点是，现在已经是在做成品了，因此要随时把自已调整到做成品的状态上来，成品的实际有多大，有时在电脑上体现不出来的，要以实际的印刷经验来判断文本的大小是否合理，是否适合正常的阅读习惯）。粗排主要是针对以下几个方面来进行：A、对于内文，如果篇幅过长，应该考虑为其分栏。分栏的方式有两种：一种就是把整个篇幅平均分成几个相同容量的段块，另一种就是根据文本内容的结构，以自然段为基础进行分栏，也就是每一段分为一栏，这种分栏方式能产生比较灵活自由、错落有致的视觉风格，但不是所有的篇幅都可以这样来分，它只适合于自然段比较明显均衡，段落数量不多，各个段之间的文本容积相差不大的条件下才可以实现。分栏的另一个要注意的地方就是栏宽的确定，一般来说，15-25个字的栏宽视觉效果比较适舒，超长或超短都会引起阅读的不方便。B、字体的设置：字体的问题牵涉很广，由于篇幅有限，在这里我也只能简短介绍一些实践过程的经验与大家共勉。首先要明白的一点就是：不同的字体有着不同的性格和气质，也就是说字体是有生命的。许多设计师对使用字体很迷茫，不知道什么情况下该使用什么样的字体，其实这就是没有去真正关注字体性格的结果。现在电脑上的字库五花八门，基本上我们所需要的字体在里面都能找到，但似乎选择的余地越大情况却越糟糕，各种字体出现在不应该出现的场合已是司空见惯！所以我们要学会区分各种字体的适合范围，一个基本原则就是字体的气质与版面的气质是否吻合？比如说楷体，楷体是一种非常经典的字体，经过一千多年文明和无数书法大师的不断锤炼，已经非常成熟了，每一个字都经得起推敲，具有很强的文化气质，因此在做具有文化感和传统味的设计中可以使用。宋体也是一种历经几个朝代的字体，被前人们修饰得无可挑剔，端庄秀丽，有贵族气质，还有仿宋体，刚柔结合，精致细腻，很唯美的字体。黑体是一种现代字体，刚挺稳重，有力量感，很醒目，但稍嫌笨重粗糙，但后来发展出来的等线体却非常精致耐看，很有现代小资的感觉，低调却不粗俗，且自成一派。但有些字体在设计中却尽量少用或避免使用，比如文鼎的新字库里面的稀奇古怪的字体，非常粗俗，层次很低，然后就是综艺体、中行书、隶书之类的电脑字体，粗糙难看，气质很差。真正经得起推敲的几种字体是：宋体（标宋、书宋、大宋、中宋、仿宋、细仿宋）、黑体（中黑、平黑、细黑、大黑）、楷体（中楷、大楷、特楷）、等线体（中等线、细等线）、圆黑体（中圆、细圆、特圆），这些字体是一些标准的基础字体，虽然普通却很耐看，一般内文都使用这些字体。当然，也有一些未列入进来的好字体，比如方正繁秀丽体和汉鼎的繁黑变，我就觉得非常不错。好的字体要用好的表现方式，对于每一种字体的挑选，一定要根据版面传达的内容和气质进行对照选择，不要带有个人喜好，许多平常不用的基础字体要尝试着去用，这样能加深对字体的理解，还有就是参考好的设计作品，看他们是如何使用文字的。总是就是不要乱用，要有切实可行道理，最关键就是一定要有视觉美感。关于字体，还要补充一点，书法字体和手写字体是对字体过于雷同的一种好的解决方法，某些特别的版面上，使用这种很自我的字体能让版面产生灵气和个性。C、字号大小的确定。粗排过程中，每个层级的文本字号应该基本确定，这对于形象画册、书籍装帧设计来说尤为重要，因为这种多页的设计物需要在文字上有统一的视觉风格，每个层级的文本元素应该在不同的版面上保持相同或统一的视觉性格。字号的大小确定需要有三个依据：一是各个层级元素之间的对比关系，a应该比b大多少，c应该比b小多少，应该要把各个层级之间的轻重关系体现出来。二是版面整体比例关系，也就是让文字突出但不唐突，弱化但要可见。三是成品的视觉效果，这是最重要的，比如一段内文，在报纸广告上可能8号至10号就足够了，但在海报招贴上，因为阅读距离的不同，可能需要24号字以上才能看清楚，而在形象画册上，6号至8号字都能看得很清楚，10号字都已经感觉偏大了一点。所以根据不同的成品媒介考虑不同的字号大小是非常重要的，千万不能依赖电脑屏幕的显示效果做为最终依据，要经常培养对字号大小的敏感程度，在一个经验丰富的设计师眼里，8号字和9号字的区别是非常大的，它们代表着完全不同的表现力。总之一点，字号的大小是一种固定物理尺度，在设计中不能以单纯的感性观察作为确定依据，而要同时加入理性经验和成品概念来作为参考的依据。另外要注意的一点是字体的不同也可能对字号大小的造成视觉偏差，一般来说，字符的占用比较满的字体（如黑体）在同等字号情况下看起来偏大，反之（如楷体）则偏小，这些在不同字体混排时经常出现，需要对其进行视觉修正，一般可以加入正负0.1-0.2的修正值就可以解决。在编排时，字号的大小级数不能出现太多（除非你在刻意创造某些特殊视觉效果而需要进行混排），最好每个层级只使用一种字号大小，对于同一层级的不同隶属关系的文本，可以用字体进行区分，否则字号级数过多，将造成整个版面的杂乱无章。一般来说，第一层级的字号大小与第二层级的大小区别要比较大，而第二层级与第三层级的字号大小差距应该要小一点，这样可以清晰地体现出各个层级之间的区别。D、字距和行距的再设计：这个问题是很多设计师都忽略的问题，所以要在这里重点说一说。为什么说字距和行距的再设计而不是字距和行距的调整，因为这里面的变化如同中国古代的八卦阵，复杂多变，不同的字距和行距设定会产生完全不同的视觉风格，已经可以说成是一种再设计。看到过很多设计师在进行文字编排时，直接使用电脑默认的字距和行距进行排版，花了大量精力在字体和字号大小或者段落形状上做文章，却完全忽略或者不重视字距和行距的再设计，以至于最后总是不得要领，结果不尽人意。汉字是方块字，每个字的占位空间完全一样，所以编排中非常容易出现呆板、沉闷、粗糙的视觉效果，解决这个问题的法宝就是字距和行距的调整。如何让一段文字看起来精致、清晰可辨？不单单是字号大小的问题，而是每一个字、每一行字、每一段文本、每一篇章的上下左右的空间间隔距离是否合理。一般来说，字距的确定是由字体结构来决定的，因为每种字体对字符的占用空间是不一样的，比如楷体，结构比较自由灵活，对字符四边的占用率比较小，所以它所要求的字距也相对较小，字距太宽的话视觉效果就会散，阅读起来很吃力。而黑体和宋体则对四边的空间利用率很高，字符很满，因此它所需要的字距空间就比楷体要稍微大一点，才能让阅读者感觉舒适在正常情况下，电脑的默认字距都偏宽，应该适当把字距调小一点。而行距的设计，则最能体现一个文字篇章的气质，汉字的行距设定一定要比字距大（除非你纯粹在追求一种特殊效果），行距最小应该在字高的50%以上才会看起来舒适，才能让行的感觉出来。单个汉字在设计中是一个个点，汉字的编排就是把这些点连成我们需要的线、面、形体，让它为设计服务，至于是让它成为点还是线或者是面，就完全由字距和行距所决定，有时我们在做一些比较大气的版面时，为了寻求一种视觉张力，会把文字行距处理超常地宽或窄，以加强每行字在设计版面中的作用力，充当节奏线的概念。有时也可以夸张字距，让字距超常地宽，让文字在设计中起到点的作用。总之，或严谨传统，或反叛突破，字距和行距的再设计可以为版面提供更加灵活、富有感染力的表现形式，诸位多多试验就能体会其中奥妙。有一点需要补充的，不要牺牲可阅读性作为代价！E、对齐：汉字编排中的对齐是让人头痛的事情，有时为了让一个标点符号避开行首行尾，就要对整个段落进行大调整。对齐主要是指头尾对齐、段落对齐，一般来说，一段文字要想让它看来整齐划一，最好让标点不要在行头和行尾出现，这样可以保持文字段的完整性，当然调整起来是很吃力的，但就我的经验来说，有时候我为了对齐一行字，甚至会把所有的文字都打散了来重新进行微调。因为电脑的自动对齐命令是基于一种相同的定位数值，而不能考虑到不同字体和字号之间的视觉偏差，设计师就需要对这些视觉偏差进行修正。设计师要具有这种严谨的编排习惯，对每一个元素都要斤斤计较，要做到分毫不差，才能有完美的作品产生。 F、气口的设置：汉字的编排不象英文，英文有上标下标，有单词之间的空隔，所以排列起来感觉很有节奏感和韵律感，汉字每个字之间都太规则，所以排列起来沉闷无趣，要打破这种局面，就要学会设置气口。所谓气口，就是能让大篇幅文本透气的空间，让阅读者有喘气的机会。一般来说，汉字编排中气口的设置在段前段后进行，气口的基本特征就是比正常的行距要大、与文字篇幅外围的大面积留白相连接、具有与空气对流相同原理的空白视觉通道。气口的设置根据设计的具体需要进行设置，篇幅小的时候一个气口就足够了，篇幅大而复杂时，则需要设置多个气口，尤其是抽象、枯燥的技术型文本块，由于层级关系复杂，更需要针对不同层级设计不同的气口，这样能缓和阅读的紧张感，让文本块看起来有节奏感和趣味性。要注意的是，气口的设置一定要在自然段或自然章节的前后进行，不要勉强拆分一个完整段来设置气口，这样会破坏文本本身的完整性。G、文本块的趣味性：汉字编排是很严谨的工作，但有时太严谨就会呆板，这时我们就要考虑文本块的趣味性，当然现在的电脑技术有很多的特殊效果可供我们选择的，比如首字下沉、文本阴影、文本绕图、任意形状的文本框等这些效果，就能让枯燥的文本块产生很好的趣味性。但作为设计师来说，不能一味依赖电脑提供的程序化的效果，很多时候我们需要独立创造一些有趣的编排效果，以体现设计的某种特别意图。比如让自然段之间有意识的错开、设置特殊的文本块的摆放角度、增加其它的可视化的效果、让文字同时具有图像的效果、颠覆传统的编排习惯等等，在设计的领域里，只有你敢想敢做，就一定会有出乎意料的收获！但不管何种趣味性的效果，最多同