Date 2026-06-04 22:42:19
今天的文章对一些人来说可能更基本，介绍了很多内容，空间也很长。因为我担心你对字体不太感兴趣，所以我整理了各种知识点，然后以这种方式输出，这样你就可以首先对字体有一个简单的理解。
这绝对是一篇改变你对字体认知的文章，所以收藏绝对没有坏处。如果你看完这篇文章后突然对字体感兴趣，请告诉我，我知道我会深入分析字体的知识点，让你更好地学习字体。
在阅读这篇文章之前，你可能会觉得你已经很了解字体了，但请相信我，这只是你所想的。（为什么当我读到这句话时，我觉得自己很棒，什么都懂…）
在平面设计中，字体的重要性是毋庸置疑的。从海报到杂志，字体基本上是基础。然而，真正理解字体的人并不多。
近两年来，字体逐渐再次受到大家的重视，因为在这两年里 UI 在设计中，字体的使用也逐渐增加，尽管你可以看到 App 更多的是系统自带的字体，但是『为什么iOS？ 将更换新字体』、『为什么这类产品要这样排版字体？』等等都是 UI 设计师应该理解的。
在本期中，我们将从以下五个方面谈谈字体：
你所理解的字体分类可能是错误的中英文字间距的案例展示读过我文章的人都知道我上个月开始学习文本（字体设计），我可能买了它 14 本书(本来是 12 ，后面又买了 2 阅读和学习这本关于文字进化史的书。
我更喜欢以「块状时间」学习知识，然后建立自己的知识体系，然后从理论到实践（理论是阅读书籍，实践是字体设计实践）。然而，为了写这篇文章，我还阅读了市场上一些与字体相关的文章，这些文章已经被各种平台转发，阅读量很高，但事实上，许多知识点在认知上是错误的，这可能误导了很多人。因此，我一直建议通过书籍学习知识。这篇文章只知道概况，这是别人总结的结果。所有的学习行为都应该以怀疑的态度来判断。（有很多废话）
首先，你应该简单地了解字体的历史，从「哥特体」到「黑体」，最早的「罗马体」到「宋体」，以及日文的「明朝体」。了解他们之间的关系就像对待朋友一样。
对理论知识有了一定的了解后，你就会知道：「宋体」首先要掌握入门字体设计。你需要了解它的结构和装饰，然后去 AI 临摹在里面，把字当图来对待。
这样做大约一周(我是一周，每天临摹 5 宋体字，非常小心），开始继续理解其他字体知识（在此期间，复制字体不能中断）。如字体排版、字体重量、字间距、行间距等，然后继续练习，理论与实践相结合，进步将非常快。
要学习文本的相关知识，我们必须从文本的组成开始。由于文本的起源不同，构成文本的元素会有很大的不同。在这里，我们应该把汉语和英语分开，因为它们是不同的系统，但现在很多不专业的人把它们混为一谈。
英语字体结构由四条平行线组成。在这四条平行线（实际上是五条，但大写字母线在这里应该被忽略）中，从下到上的第二条被用作标准『基线』，在西文中，单个字母的所有立足点都在这条线上(除了 g、j、p、y）。平行线的位置也会根据字体的不同而改变，这就是为什么文本结构多样化的原因。
在这里，我们将讨论一个我们经常听到但不太理解的句子：小写字母的高度应该是 「x 高」这是一个重要的标准。(重点告诉你)
因为平行线可以根据你想要设计的字体结构来改变，所以 「x 高」代表中间两条线的位置。当「x 高」大的时候会觉得小写字母比较大，因为「x 高」除了决定几乎所有小写字母的高度( b、h、y 等待有头有脚的字母）。因此，在设计英文字体时，我们应该非常注意每个小写字母的高度，这就是为什么大多数优秀的字体设计师在设计其他作品时更注重细节，因为他们在设计字体时纯粹注重细节。（这并不意味着其他设计职业不注重细节，但他们不注重字体）
例如：字母 「C」和「O」
C 和 O 字母中间的空间被称为「字腔」，「字腔」宽会给人一种轻松自由的感觉；「字腔」狭窄，会显得非常密集，有力量的感觉。
之前看到有人说英文字母，放的越大，间距越小，否则识别度很低，这绝对是错误的观点。
我们来看看中文字体的套路。
做 UI 的都设计过 Icon 对吗？中文字体的设计与设计相结合 Icon 这是事实。框中还有一个字体大小的虚拟框，称为「字面尺寸」，它也根据不同的字体结构而变化。
中文字体结构被称为「骨架」，它决定了字体的整体形象。图片中标注的一个被称为「胸线」它的位置，也很重要，「胸线」小字体更具复古风格，更能表达传统魅力；相反，「胸线」大字体会更现代。这就是为什么在一些中国风格的作品中，字体看起来特别不同。我们会选择字体「胸线」用小文字来表达传统风格。
我们经常听到别人说:衬线体，无衬线体。是的，英文字体确实有分衬线体(比如 Atheias）和无衬线(如 Helvetica），以及其他字体(如 哥特体）。
有人问：宋体和黑体呢？
几天前，我碰巧看到一群人回答什么是衬线，什么是无衬线，他说：像宋体一样，明显的轮廓是衬线；黑体，笔画相对平坦是无衬线。这是一个认知错误。
中西字体不能一概而论。宋体类似于衬线体，并不意味着宋体等于衬线体。这种认知应该得到纠正。(看完这一段会爆炸吗？我一直理解错了？)
先说英语:历史上最早的衬线被称为「罗马体」，在纸质印刷中，衬线体常用于文本和标题，分为旧体和现代体两类。
旧体的特点类似于手写体，没有规则，给人一种传统的感觉；现代体的比例相对整洁。衬线现代体适用于标题，衬线旧体适用于文章内容。
如果要继续细分，衬线也可以分为三种类型:支撑衬线、发丝衬线、板衬线；我们今天看到的衬线大多是板衬线，也是老体。
无衬线稍微简单一点，主要分为古典体、现代体和温暖体（我还没有找到合适的词来表示这种温暖体）。与衬里线不同，我们现在看到的更多的是现代无衬里线。
具体怎么分类我就不说了，说话的时间会更长，不感兴趣的人可能不会往下看，感兴趣的人自然会去查资料。
再说中文:中文主要分为宋体、黑体等三类(包括楷书、行书)。
事实上，当我说中文字体时，我说了很多，所以我不会继续在这里。我只说两点：在印刷方面，我们将更多地使用宋体作为文本内容的字体， UI 在设计中，黑体或无衬线会让眼睛更舒服(这是最近阅读国外文章时看到的最新研究)。
举个例子：「我在路边找到了它 one 块钱」；「我在路边找到了它one块钱」
每个人都应该注意到这句话，第一句话，我把「到」和「块」中间的「one」做一个空间处理。所以看起来会更舒服，比第二句更轻松自由。这就是为什么我一直在写这篇文章。
我认为很多人在写文章或文档时没有这样做。他们只能说他们做事不是很仔细，没有仔细考虑这些细节，这也解释了他们对做事的态度。。。（好吧，我不会假装*）
比如我微信官方账号的文章，我会在两边留一个间距，让读者更好的集中视觉焦点，不会逃离手机屏幕的边缘。自从我去年中旬开始这样做以来，我一直被模仿，这说明它真的很有效。
希望大家平时做排版的时候，一定要注意中英文字的间距和段落边缘的处理。这些细节可以让你的作品看起来更精致。
学习字体设计大约三周后，我有幸收到一个小项目：为一家日本餐馆设计字体 Logo。
一刀日本料理，杭州一家新开的日本料理店，店铺风格是新的日本风格，带有一些传统元素。与客户交谈后，我得到了几个关键词：日本、简单、优雅、简单。 设计店铺字体 Logo：一刀。
一开始，我没有头绪，所以我翻阅了日本料理的历史，发现很多人都在阅读日本料理店的字体 Logo 有一种错误的理解，即：使用「勘亭流」设计基础。这些字体大多用于日本相扑和歌舞伎町的特殊宣传。
在了解了一般情况后，我有了一点想法。我先开始寻找感觉，但我没有找到新的形式。
但它让我想起了字体组合的形式，然后我想知道这两个词的组合是否有一个相对简单的方法，并且可以清楚地看到品牌名称。所以我找到了古代宋刻本来找到一个案例，看看古代风格是否值得学习。
在阅读资料的过程中，我看到了明代小冢的字体，所以我用它和古代文体「宋 · 米芾 · 离骚经」做了一个简单的组合，画出了以下内容「刀」。
开始看这个刀字，觉得风格太老式，不符合新日式的色调，所以还是想做个改变。
经过多次变化，我还是觉得差点感觉到左佐设计的“百年形象”。我觉得这支横笔的细节可以使用，所以我试了试。这里的「刀」字都是初设，细节没有调整。
事实上，在这里，我对这一块不是很满意。左边的刀很优雅，但不够素净。右边的刀太硬了，从食物的角度来看没有吸引力。
根据这两个词，再次在手稿中找到感觉，无意中画出了一个接近我理想的手稿。我只是简化了刀的横笔，并使用了格式塔的原理来引起观众的共鸣。它只是结合在一起「一」和「刀」这两个字。最后加上客户给我的印花，搭配字体。
然后我结合了日本菜的店铺招牌设计，找到了一张以这种花式质感为背景的图片，完成了委托任务。
以下是定稿图。
从理论到实战，我花了三个星期(目前还在每天学习，暂定三个月)。
说实话，虽然我目前的作品无法与那些字体大师相比，但我开始了字体。我学习这些并不意味着我想成为一名纯字体设计师，而是了解更多关于字体和应用的知识 UI 在工作中，因为我知道设计是相通的。
当你处于瓶颈期时，你可以试图在其他领域提高你的能力，也许你会突然通过。
例如，在学习字体的过程中，我学到了很多字体设计的过程，发现它与交互式设计有很多相似之处。所以每当我听到别人说阅读是空的，没有实质性的用途，表面上我不做任何评价，但事实上，我非常拒绝这样的人。
Anyway，好的知识都在书里，学不学就看你自己了。
欢迎关注作者微信微信官方账号:「呆呆U理」
【优设网 原创文章 投稿邮箱：yuan@uisdc.com】
================优设网==============.com“它是中国最受欢迎的网页设计师学习平台，专注于分享网页设计、无线终端设计和PS教程。设计师需要阅读的100本书：历史上最完整的设计师图书导航：http://hao.uisdc.com/book/.设计微博:拥有200万粉丝的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源，下载顶级设计材料。设计导航：推荐世界顶级设计网站，设计师必须导航：http://hao.uisdc.com