本文将设计中的“文字”部分单独提取出来，配合设计上的色彩、版式等，来对文字的设计使用上予以解读。

前言

在我们的设计工作中，“图像”和“文字”的重要性无须多言。无论是平面设计、电商设计、还是UI设计，这些都离不开文字。

但是文字却又一直处于“不被重视”的状态，特别是互联网的兴起，人们在设计作品的时候，几乎不太会深思，而只以“用计算机中的字体设计”进行制作。

在计算机普及之前，我们的文字设计颇具匠心，更早之前的活字印刷更是设计的瑰宝。而计算机的出现无疑让“文字”的设计选择性更多，当然大家也都不再关注字体设计上的可能性了。

本文将设计中的“文字”部分单独提取出来，配合设计上的色彩、版式等，来对文字的设计使用上予以解读。

虽不能概括所有文字的前世今生以及各种使用技巧，但我们相信，这篇文章会让你对设计中的“文字”有更进一步的认识。

文字与设计

我们每天都会接触到文字，但是，真正仔细研究文字的外部形态、精通文字设计的人却很少。

以中国来说，从商周时代开始，发展到隋唐时期的雕版印刷，宋代时出现的活字印刷，一直发展到现代的数字影像……

而文字与图像也有着紧密的关联性，因此，要将它们视为一体来认识。

在很多的设计作品中，文字并非只是客观的传达信息，文字设计本身也能够表现出强烈的情感和力量。

文字的设计注重“字体”的设计，字体各式各样，有的给人严肃印象的，也有看起来让人觉得轻松自在的。即使在同样的文章，使用不一样的字体，观者也会有不同的感受。

我们常提到设计要“易于传达”，而当语言文字无法完全表现出“感觉”时，就必须要选择适合的字体来表现来。

构成文字的要素

在理解文字之前，我们要首先来认识文字的构成要素中每个部位及其名称。

首先来看看西方语系文字的结构：

西方语系文字是以4条水平线为标准的文字构造，第三条水平线是用来当作标准的“基线”，西方语系文字几乎都是写在这条基线之上的。

随着文字设计的不同，平行线的位置也会跟着改变，从而形成各自的特色。

以小写字母“x”的高度为“x高”，“x高”决定这套字体的整体大小，小写字母的高度的平均发布也会影像文字的阅读。

像是“C”“O”这个类的字母中间的空间被成为“字腔”。字腔较宽的字体就会给人开放、轻松的感觉，相反，字腔较窄的字体就会感到非常密集，也会感觉更有力量。

接下来看看东方语系文字的结构：

我们都在田字格上写过文字，用格子来理解东方语系文字是最易懂的。

格子分为“虚拟框”和“字面尺寸”，“字面尺寸”也会随着不同的字体而有所变化。

东方语系文字的基础在于文字的骨架，我们称之为“胸线”，胸线小的字体看起来更加匀称，整齐一致，也能更好的传达出传统的感觉。而胸线大的字体则更加易读，更具现代感。

除了“骨架”之外，还有就是文字的“血肉”了，我们称为“点”和“勾”。它们决定了设计文字字体的特色所在。

介绍完文字的结构，我们接下来具体看看西方语系文字和东方语系文字的分类。

西方语系文字：衬线体

在西方语系文字中，字形笔画前端有像是爪形的装饰，我们称之为“衬线体”。

根据衬线体线条宽度的差距，我们可以分为“旧体”和“现代体”。

旧体类似于用笔尖压平的毛笔书写文字，在起笔出保留了书写痕迹，能让人感觉到传统的亲切感，整体更易于阅读。

外形特点激素笔尖会留下固定的倾斜角度，像“O”这个字母较细的部位会出现从左上至右下的角度。

现代体则属于比较工整的风格，体现了明快的现代感，给人以冷峻、严格的印象。

外形特点上，线条的宽度变化相当明显，像“O”这个字母呈现上下垂直的样子。此外，衬线体文字根据衬线变化大致可以分为“支架衬线体”、“发丝衬线体”、“板状衬线体”。

支架衬线体

是旧体中最常见的字型，其特点是衬线部分为弧形。这种字体能够表现出温柔亲切的传统风格。除了衬线部分之外都是直线，在传统中仍能使人感受到现代感。

发丝衬线体

是现代体常见的字型，衬线部分由细直线构成，其特点是看起来非常平整。粗细线条的对比非常清晰、明确，具有现代感。

板状衬线体

板状衬线体的衬线部分为粗厚的四角形。这类型的字体看起来强劲有力，多用在标题处，具有怀旧的气氛。

西方语系文字：无衬线体

无衬线体和东方语系文字的黑体很类似，无衬线体是由衬线体中的“版状衬线体”发展而来的。

无衬线体比衬线体的“x高”更大一些，整体上看内容较多的文字，会觉得整篇又黑又重。

古典型的无衬线体，适用于大尺寸的标题文字，具有及其抢眼的效果。表现处古典式男性勇猛粗旷的形象。

现代感的无衬线体，展现明快的感觉。这类字体没有多余的装饰部分，呈现处几何风格，给人留下理性、冷静的印象。多用于杂志和目录的设计。

西方语系文字：其它字体

除了衬线体和无衬线体，还有很多的其它字体，这边我们就简单介绍下具有代表性的几种字体。

首先是被成为“哥特体”的字体，运用笔尖扁平的笔书写，传达出庄严感，也有一种令人敬畏的高贵感。

“手写体”是一种充满变化的字体，每个人都风格都不一样。现代风格的手写体给人温暖的感觉，正如自己亲手写下的文字。

另外，还有一种被称为“装饰体”的文字，这种字体的出现都是为了顺应当时的潮流，不管什么时候，看到之类的字体都能感受到那个年代的风格。

东方语系字体：宋体

竖线粗、横线细，在笔画结束处有一个类似三角形、名为“鳞”的装饰，这种字体称为“宋体”。

宋体是大家最熟悉的一种字体，在大量的书籍上都有它的身影，它不仅经常被使用在正文部分，也经常出现在标题上，是一种很基本的字体。 

宋体也分为“传统型宋体”和“现代型宋体”。

传统型宋体“胸线”和“字面”都比较狭小，笔画的粗细差异大，像是用笔书写出来的效果。

现代型宋体“胸线”比较大，笔画宽度差异较小，起点和终点是如同几何形般的刚硬线条，赋予了字体明快的现代感，也增添了冷峻的感觉。

现代型宋体缺乏温暖的感觉，而传统型宋体又给人太沉闷的印象，所以取两者所长而设计处了“中间型宋体”。

东方语系字体：黑体

横线和竖线宽度几乎相同的东方语系字体称为“黑体”。

在早期的印刷时候，正文一般使用宋体，而为了强调标题部分，于是逐渐发展出了强而有力、线条粗壮的黑体。

根据文字的骨架和构成要素来看，黑体也可以分为“传统型黑体”和“现代型黑体”。

传统型黑体的“字面”和“胸线”都较小，给人凝聚内敛的印象。而字体的线条也并非单纯的直线，仔细看你会发现线条中间部分比较细，两端逐渐变粗。

现代型字体的“字面”和“胸线”较大，给人开放的印象。线条呈现强烈的水平和垂直感，不必要的线段都被除去，给人一种机械般的感觉。

东方语系字体：其它字体

除了宋体和黑体之外，还有很多其它的字体，我们接着介绍几种具有代表性的字体。

“楷书”是指书写出来的字体，其文字结构完全没有被破坏，给人一种亲笔写出来的正式感觉。也正是由于太过“正式”，一般用在企业设计或者重要场合。

“行书”属于快速书写的“楷书”，笔画简化了，使得文字较不易阅读。没有过于的庄重感，能够表现出优美的古雅韵味。

“圆体”是指将“黑体”的笔画两端变成圆角，呈现温柔可爱的感觉。经常出现在儿童相关设计种。

“书法字体”是我们最具有代表性的字体，充满了自由创作的意识，具有强烈的个性，在设计上非常有特点。

字体家族

一套文字除了字体大小的区分，还有一种概念叫“字重”，学名为“腰线”，通俗理解就是字体的粗细。

一般标准的粗细我们称之为“regular”，在粗就是“medium”，更粗的文字就被称为“semibold”。

而往细了就有“light”“Thin”“uitralight”的区分。

在很多中文字体中，按照“腰线”使用“W6”这种标注方式，数值越大，腰线差异越大。

小结

现今日常生活中，设计常常会需要使用到西方语系字体，有时候是因为有海外使用的需要，也可能是因为西方语系字体在设计上更好看。

我们只有在充分理解字体的基础上，在设计时准守文字相关的规则，这样才能更加自由的使用字体。

作者：设计师日记，公众号：设计师日记

本文由 @设计师日记 原创发布于人人都是产品经理 ，未经许可，禁止转载

题图来自 Unsplash，基于CC0协议