个性招牌字体设计图片-腾讯设计师私人笔记！助你全面掌握英文字体基础知识

Pearl（腾讯CDC设计师）：这是给自己准备的字体学习课程。 一开始的初衷是为了解决工作中一些关于字体的问题（比如排版、LOGO设计等），同时也想通过复习设计的基础知识来提升自己。 所以我给自己定了这个话题。 作为一个初学者，我只触及了表面。 我会整理一下，分享给大家。 如有不足之处请指正。

“版式”位于语言、文化、技术和美学的交叉点。 这是一个内涵丰富、外延丰富的大课题。 这次我只分享一些基础且有用的知识。

英文字体最简单的分类：衬线体、无衬线体。 两者的区别在于衬线体有爪形衬线，且笔画粗细有变化。

1.衬线体

非常古老的石柱铭文可以追溯到罗马时期。 其风格古典、正式，具有历史传统和意义。

根据历史发展的顺序，衬线可分为：古罗马衬线、旧式衬线、过渡衬线和现代衬线。 我们选择其中两个节点 – 旧式字体和现代字体。 通过比较两者的特点，我们可以了解整个衬线字体的发展。

旧式字体：

特点：对角强调线、倾斜和括号衬线、粗细之间的柔和过渡。

风格：传统，常用于书籍、报纸、杂志的版式。

现代字体（现代）：

特点：垂直重音线，水平线，超细衬线，粗细对比强烈。

风格：横竖、现代、酷炫。

综上所述，纵观衬线字体的发展历程，笔画对比越来越强烈，衬线变得更加锐利和细长，过渡字体的笔画粗细和衬线弧度介于Old style和Modern之间。 主要原因之一是雕刻大师的技艺越来越先进卡通形象，雕刻工作变得更加细腻，使得精确的线条和更精细的粗细对比成为可能。

强调线的倾斜角度逐渐“变直”，这是从手写体向现代印刷术转变的表现。

古罗马和旧式衬线字体示例：

《亲人》是一本倡导慢生活的杂志。 经常介绍美食、旅游、时尚家居设计，欣赏小而质朴、回归自然之美。 在这样的背景下，它的标题使用了古罗马：Optimus Priceps，有一种工艺感、古色古香的感觉，还有书法的感觉。

您可以注意到 F 衬线的左右两侧不对称，以及 O 笔划不均匀。 这个字体风格很符合kinfolk的定位。 内部文本使用旧风格 Calson 和 Garamond。 相比之下，我更喜欢下面第三张图中使用的Garamond。 大背景图和居中布局，显得传统、柔和、富有诗意。 美丽。

现代字体（Modern）案例：

由于现代字体（Modern）具有鲜明的工业感，同时还保留了传统的衬线元素，因此看起来现代而优雅。 因此，非常适合时尚行业。 《Vogue》、《Elle》等杂志都使用现代字体。

许多奢侈品牌还使用现代字体作为标志，以强调其百年传统工艺和卓越设计。 比如Giorgio Armani和Burberry使用Didot，Valentino使用Bodoni。

人们普遍认为衬线代表古典的正式，而无衬线则代表现代的亲密。 但衬线难道不能真正传达现代性和亲民性吗？

答案是否定的。 Converse使用的Rockwell字体是slab serif，如下图所示。 其特点是衬线和字符的粗细相同。 几何和单线条的设计呈现出现代、年轻的感觉。 不像现代那么精致，适合复古时尚品牌。

所以，字体的情感其实是相对的。 只是在衬线字体内部，不同情感之间也有区别。

2. 无衬线字体

无衬线体的特点和风格：

(1)完全放弃装饰衬线，只留下主体卡通形象，使造型简洁有力，更具现代感。

(2)适合标题、广告，即时识别度高

(3)笔画粗细对比小，视觉上看起来基本相同。

(4)x高度较高

无衬线又可以分为四类：早期无衬线（Grotesk）、新衬线（Neo-Grotesk）、几何无衬线（Geometric）、人文无衬线（Humanist）。 ）。 下面，从各个类别中选取具有代表性的字体进行介绍，首先是 Neo-Grotesk。

1.新格罗泰斯克：

代表字体是大家熟知的Helvetica。 有无数品牌使用 Helvetica 作为徽标字体。 在这种字体诞生50周年之际，有一部纪录片《Helvetica》客观地记录了它的诞生背景、流行影响以及历代设计师对它的评价。 相信很多设计师都看过。

“设计师的一生就是一场战斗的一生，一场与丑陋的战斗。” ——马西莫·维涅里，《Helvetica》

先说Helvetica的优点：

(1) 中性

现代主义认为字体本身只是传达信息的媒介。 简洁的字体可以更快地传达信息，这比视觉表达和风格更重要。 因此，Helvetica在设计之初就遵循了这一设计理念，保持中立，正如隐喻所说“字体应该像一个透明的容器”。

由于其中性的特点，Helvetica可用于地铁引导系统，给人现代、高效、清晰的感觉，也可用于AA等时尚品牌。 因为中立，所以有更广阔的适用空间和更开放的解释方式。

(2) 形式扎实

我在这里说“坚实的形式”而不是“良好的可读性”，因为它的可读性具有挑战性，但Helvetica确实在字体设计上进行了仔细的考虑。 在Helvetica出现之前，广告和杂志中的字体充满了夸张、花哨的笔迹。 Helvetica的出现就像一股新鲜空气。 它去掉了多余的设计，专注于字体本身的结构，为设计界带来了更好的选择。 。

整体感觉简洁、清晰，没有手动的感觉，字体也很沉稳。

细节：

A。 切口齐平，笔划始终水平或垂直结束

b. 平顶

C。 方点

d. 据说Helvetica字母所包围的面积与其笔画所占用的面积相同

ea的负空间是水滴的形状

(3)与瑞士平面设计密切相关

Helvetica 的成功并非仅由一种字体实现。 这与一系列新衬线（Neo-Grotesk）的出现及其与整个瑞士平面设计的融合密不可分，从而风靡全球。 它们共同构成了一套完整的理念：主张绝对理性、客观性、系统化。 正如我们熟悉的网格系统一样，它提倡系统化、数学化的视觉表示。

瑞士平面设计的典型做法是使用纯粹的文字排列来实现极简的沟通。 1960年后，因其表演简单直接、操作易于标准化、系统化而风靡全球。

当时，美国公司正在寻求一种能够快速传播并具有统一标识的视觉解决方案，以进行全球扩张。 瑞士平面设计和Helvetica的出现，加上各路大师的成功运用，将它们推上了顶峰。

然而，Helvetica 并不完美。 缺点如下：

(1)缺乏节奏感。 Helvetica的设计理念是一致的、非个性化的。 字母整体形状呈圆形，缺乏阅读节奏，也不适合小字阅读。 在优秀字体和细分丰富的当今世界，Helvetica的优势已经减弱。

（二）中立也是一把双刃剑。 在冷静客观的同时，也抹杀了情感和活力，忽视了形式可能给读者带来的情感体验。

(3) 滥用。 您可以参考当今扁平化设计的激增。 误用和滥用造成了人们的审美疲劳。

关于该字体的使用，点击右键查看：“大开眼界！” Helvetica字体的15个奇妙用途》

如果你喜欢中性性感的字体，又想纠正 Helvetica 的可读性缺陷，可以尝试 Univers，它的造型比 Helvetica 更简洁，字体粗细也齐全。

另外两种新的无衬线字体（Neo-Grotesk）是Helvetica的前身，也是被称为Helvetica杀手的字体。

2.几何：

代表字体是Futura。 所谓“几何”，是指将字母概括为圆形、正方形、三角形等几何形状的字体。

Futura受到包豪斯的影响，其造型颇具设计感。 笔画以竖、横硬笔为主。

细节：

(1) 顶角和底角非常锋利

(2) 字母正圆处理

(3)上升部分和下降部分较长且优雅。

iPhone 上的报纸和杂志图标使用 Futura 代表三个字母“ART”。

Futura在德语中是“未来”的意思，因此除了常用于设计产品，如LV、Omega等，也常用于“未来”主题。

上图中可以看到，为了保持设计感，Futura省略了j和t的尾部，而a和g采用了单层结构。 因此可读性存在一些问题，不适合文字排版。 而且个性鲜明，有点“引人注目”。

如果您喜欢几何无衬线外观，但想要更柔和、更易读的字体，请尝试 Avenir。 Avenir虽然也是几何无衬线字体，但在设计时并不局限于几何形式。 而是以视觉为主，看起来人性化、柔和。 例如，尾部添加了一点向外卷曲的细节。

3、人文主义：

代表字体是Myriad。 人文无衬线有较好的节奏感，气质开放友善，不生硬冷酷。 通过与下图中的Helvetica对比，你可以直观地感受到什么是“人文”特征。

（1）人文无衬线的x高度较小个性招牌字体设计图片，使得字母之间的垂直变化更加清晰，整体更有节奏感。

（2）人文无衬线中的e、s等字母结尾采用半封闭式结构，更加开放，不像Helvetica那样全包围死板，显得友善、随意。

（3）人文无衬线，线条柔和，不是Helvetica的工程感，而是更加流线型，有一定的手写感

案例：Apple的VI字体，用于促销：广告、网站、产品铭文等。地铁地图上的部分字体。

同样属于人文无衬线的字体包括：Frutiger、Segeo

人们普遍认为衬线代表古典的正式，而无衬线则代表现代的亲密。 那么无衬线就不能表达优雅和古典主义吗？

答案是否定的。 无衬线字体 Optima 融合了衬线基因。 虽然没有衬线，但是粗细的变化还是比较明显的。 笔画末端加粗，显得十分飘逸迷人。 （在处理logo的时候，如果想要优雅经典又不显得迂腐，可以参考这个思路。）

无衬线字体的情绪轴。

1.视觉平衡

(1) 相同粗细的线条，由于视觉误差，水平线显得比垂直线粗。 因此，设计英文字母时应充分考虑视差。

(2) Futura是一种几何无衬线字体，它的O看起来像一个完美的圆形。 当我们将它与真正的完美圆形进行比较时，我们会发现Futura的几何形状也得到了优化，横向的笔划也得到了微调和细化。 三个“圆”相比，Avenir虽然最不像完美的圆，但作为字母O，它在空间上看起来最舒服、最稳定。

（3）这是一个圆弧和直线拼接在一起的O。 然而，由于视差，看起来两侧是锯齿状的。 因此，在加工时，我们会将侧面稍微向外抬高，并对水平线条进行微调，使生硬不圆的圆形转变成视觉上柔和的O字母。

(4)X的形状不是对角线直接相交的结果个性招牌字体设计图片，而是对角线稍微交错，使其看起来像是相连的。 并且为了避免四条对角线相交导致中间黑色部分过密，中间的笔画稍微细化了一些。

（5）无衬线字体的笔画粗细虽然基本相同，但实际还是存在细微差别。 从正面看A是很正常的（左图）。 然而，当A水平翻转时（右图），立刻感觉有点怪怪的，不稳定。 A右侧的笔画比左侧粗，这是受平写和衬线字体的历史习惯影响。 翻墙观看视频《罗马大写字母是如何组成的？》 》

(6)我们都有绘制图标的经验。 由于图标的轮廓和内部复杂程度不同，视觉上的体积感也不同。 不能完全根据大小来判断，而必须根据视觉体验来判断。 字体设计有一些共同点。 对于相同字体大小的文本，圆形O和三角形A应高于参考线。 制作LOGO时可以注意这一点，参考NIVEA的案例。

2.负空间

负空格是指字母内部的空格和字母之间的空格。 在字体设计过程中，设计师不仅需要设计字母的笔画结构，更重要的是要考虑留白的设计，使其平衡协调。

引用字体大师马西莫的话：“我们通常认为排版是黑白的。排版实际上是白色的，而不是黑色的。因为字体是由形状之间的空间定义的。这有点像音乐，音乐不是由音符定义的，而是由音符定义的。”据说英文字体设计师可能会花费整个字体设计大约1/3的时间来考虑负空间的关系。

(1)单个字母内部的空格：“B”上下两个内部空格必须小于底部。 如果顶部和底部相同，顶部在视觉上看起来会更大，并且字母的重心会不稳定。 类似的字母是 S。

(2)字母之间的相互平衡：字母在负空间中也必须达到视觉一致性。

(3)字间距：调整字母之间的间距，追求视觉分布均匀而不是数字均匀，达到视觉上的节奏感和平衡感。 比如字体中的I和小写l之间的距离要大一些，因为两条竖线之间的间距最小； V、Y和其他字母的相邻字母之间的距离应该更小，因为倾斜笔划产生的空间更小。 大的。

1. 信息应该如何设计

与其说我们在学习字体设计和版式，不如说我们用字体来思考“如何设计信息”的问题。

在这个问题上，《字体设计》至少为我们提供了两条参考路径。

(1) 形式服从功能

英文字体一直是“形式追随功能”设计的典范。 针对什么功能、什么场景、要解决什么问题，生产什么样的字体来适合它们，细分甚至非常明确。

从历史上看，《泰晤士报》是为报纸设计的； Bell Centennial为电话簿黄页设计，应对文字极小、印刷纸张和油墨较差的恶劣环境； 以及为显示屏设计的熟悉的 Georgia 和 Verdana。 解决分辨率低的问题。

1913年，伦敦地铁总监弗兰克·皮克对当时地铁的企业形象和字体设计提出了这样的要求：“这种字体必须准确反映我们生活的时代，让乘客能够快速、无误地阅读。”如果使用字母单个符号（没有上下文）也必须清晰可辨。

而且，这种字体必须是系统的，必须能够与周围的广告文案和其他不相关的信息清楚地区分开来。 “这些要求明确定义了设计的功能目标：高精度、可识别性以及极端情况下的清晰识别。”

以下是为法国戴高乐机场设计的Frutiger字体。 由于其字碗大、开口大、字粗细适中，即使在光晕的干扰下，文字也能保持相对清晰、不粘手。

(2) 透明容器

现代主义的理念认为，优秀的字体就像一个“透明的容器”。 字体只起到承载作用，重要的是信息的传递。

Frutiger大师的另一个有趣的比喻是，“如果你喝完汤后还能记得勺子的形状，那么勺子的设计就是失败的。”

这个比喻有点极端，但实际上信息和设计并不相互排斥。 他们完全融为一体，融为一体，堪称完美的搭配。 设计可以像空气一样存在，不可或缺，但用户不会明显注意到。

2、技术与设计的关系

设计过Georgia、Tahoma、Verdana、Meiryo等著名字体的大师Matthew Carter在TED上发表演讲——“我的字体生活”。 读完后，我非常感动，能够深深感受到一个设计师的要求和专业精神。

字体设计其实和技术有着非常密切的关系。 书写工具、纸张、书籍、电子屏幕、互联网，媒体和印刷技术的每一次创新都改变了字体的呈现方式，也影响着设计师的理念和方法。 然而，在那个科技创新的时代，设计师并没有回避科技，而是想要受到未知思想的影响，想要回应未知，想要推动自己去探索未知的世界。

在探索技术和设计的过程中，难免会有矛盾和疑惑：为了缓解技术问题而做出的设计会不会因为技术的变化而彻底消失？ 由于技术原因而“不完美”的设计是否就缺乏价值？

马修的设计回应道：一款字体的价值取决于它能否在应用场景中有效发挥作用，字体的品质决定了它能否独立于技术而存在。

马修在演讲中表示：“所有设计师的工作都有局限性。设计不是艺术。问题是，限制会导致妥协吗？会降低设计的质量吗？限制和妥协之间有一个非常微妙的区别。” ，但这种差异是我工作态度的核心。”

3.设计趋势与轮回

(1) 世界变得更加柔软

或许经历了两次工业革命和两次世界大战的激烈之后，大家都变得轻松多了。 从政府公关，到企业管理，再到个人生活利益，一切都逐渐人性化。 举大横幅、喊口号的宣传方式已经不再那么有效，甚至可能引起民众的反弹。 现在已经不再是音量大到有人听得见的时代了。

上图两个LOGO的修改版在字体、图形形状、颜色等方面都变得更加柔和。 从LOGO来看，美国航空的形象似乎已经从严肃的“我们是航空领域的专业专家”转变为亲民的“我们提供舒适、愉快的旅程”。

（二）传统复兴

Gotham 的设计师 Frere-Jones 感叹随着机械技术的到来，传统手工卡片的终结。 他的灵感来自 1930 年代至 1940 年代纽约的旧建筑招牌、商店招牌和店面广告。 他认为，这些当时普通美国人手绘的文字代表了纽约的“直率、真诚、坚韧、丰富的个性”。

因此，Gotham字体不仅让美国人感觉熟悉，而且还具有新字体的现代感。 它有着值得信赖和稳定的造型，而且也非常简单和友好。 这种字体在奥巴马当选后成为流行字体。 Squarespace 和 Tesla 网站使用 Gotham。

历史上很多代的艺术家和设计师都经历过对当下社会的不满，推崇古典经典，追求传统的复兴，比如文艺复兴和手工艺运动。 然而，就像字体设计一样，这些领域不断轮回，同时为其注入新鲜的活力，从而螺旋式上升和发展。

终于：

回顾我们的UI设计，Windows Phone网格和磁贴的设计不仅是对瑞士平面设计的回归，而且开启了扁平化的新时代，遵循“简约现代、去除装饰、以内容为核心”。 ”

但过度的极简给人留下单一、乏味的印象，很容易流于形式。 此后，iOS7用纤细优雅的线条和更加柔和的图形，温和地解决了扁平化设计的情感和差异化问题。

转向谷歌的新设计，无论是充满人情味和细节的插画，还是带有极客精神的有趣插画，你都能感受到更多的个性和细节。 拟物化是否也以另一种形式的插画形式复兴？