hg2088足彩官网 hg2088足彩官网 hg2088足彩官网

英文字体的过去、现在和未来!

这是您自己的字体学习课程。

一开始的初衷是解决一些工作中关于字体的问题(比如排版、LOGO设计等),同时想通过复习设计的基础知识来提升自己。

所以我给了自己这个话题。作为初学者,只摸了一点皮毛,整理出来分享一下。如有不足之处,请指正。所有参考文章均在文末标注。

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

“字体排版”位于语言、文化、技术和美学的交汇处。这是一个内涵丰富、外延丰富的大课题。这一次,我只选择一些基本有用的知识。

· 目录·

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

· 字体基本术语·

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

· 西方字体分类及历史·

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

最简化的英文字体分类:serif、sans-serif。两者的区别在于衬线有爪形衬线,笔划粗细不同。

· 衬线 ·

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

衬线非常古老,可以追溯到柱子上的罗马铭文。它的风格古典而正式,具有历史传统和意义。

按历史发展顺序,衬线可分为:Oldroman、Oldstyle、Transitional、Modern。

我们选取其中的两个节点——Oldstyle和Modern字体,通过对比两者的特点,可以了解整个serif的发展历程。

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

老式:

特点:对角重音线、倾斜的、带括号的衬线、更平滑的粗细过渡。

风格:传统,常用于书籍、报纸和杂志的内容布局。

现代的:

特点:垂直的重音线,水平的,非常细的衬线,粗细对比强烈。

风格:横向和纵向,现代,酷。

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

综上所述,在衬线的整个发展过程中,笔画对比越来越强烈,衬线越来越细,而过渡字体的笔画粗细和衬线弧度正好介于Oldstyle和Modern之间。主要原因之一是雕刻机的技术越来越先进,雕刻变得更加细腻,使得精确的线条和更精细的厚度对比成为可能。强调线的倾斜逐渐被“拉直”,这是从手写向现代排版过渡的一种表现。

Oldroman 和 Oldstyle serif 字体示例:

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

《亲属》是一本倡导慢生活的杂志。它经常介绍食物、旅行和时尚的家居设计。在这样的背景下,它的标题使用了古罗马文字(Oldroman):OptimusPriceps,具有手工艺感、古朴品味和书法感。注意 F 衬线左右两侧的不对称,以及 O 笔划的不均匀。这种字体风格与亲属的定位是一致的。

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

旧式字体(Oldstyle)Calson 和Garamond 在文本中使用。相比之下,我更喜欢上面文字中使用的 Garamond。具有大背景图像和居中的排版,它看起来传统、柔和,并具有诗意的美感。

现代字体(Modern)案例:

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

因为Modern具有犀利的工业感,在保留传统衬线元素的同时,显得现代而优雅。所以非常适合时尚界,Vogue、Elle等杂志使用现代字体。许多奢侈品牌也使用现代字体作为其标志,强调其百年传统工艺和卓越设计。比如GiorgioArmani,Burberry用Didot,Valentino用Bodoni。

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

人们通常认为衬线代表古典形式,而无衬线代表现代亲和力。但是衬线不是真的传达了现代性和可访问性吗?

答案是否定的。Converse 使用的 Rockwell 字体属于 SlabSerif,如下图所示。它的特点是衬线和字的粗细一致,几何单线设计呈现出摩登青春的感觉,不像摩登体那么精致,适合复古时尚品牌。

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

所以字体的意境其实是相对的,只有在衬线中,也有不同的意境。

· 无衬线字体 ·

无衬线字体的特点和风格:

(1)彻底摒弃装饰衬线,只留下树干,造型简洁有力,更具现代感

(2) 适用于头条和广告,即时识别度高

(3)笔画粗细对比小,视觉上看基本一致。

(4) 高x高

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

无衬线也可以分为四类:早期无衬线(Grotesk)、新无衬线(Neo-Grotesk)、几何无衬线(Geometric)和人文主义无衬线(Humanist)。)。下面选择每个类别的代表字体介绍,从 Neo-Grotesk 开始。

1. 新格罗泰斯克

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

代表字体是广为人知的Helvetica。有无数品牌使用 Helvetica 作为他们的标志。在字体诞生50周年之际,有一部纪录片《Helvetica》客观地记录了它的诞生背景、流行影响力以及各年龄段设计师对它的评价。相信很多设计师都已经看到了。

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

“设计师的生活是战斗的生活,是与丑陋的战斗。” ——马西莫·维涅里,《赫尔维蒂卡》

先说一下helvetica的优势:

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

(1) 中性

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

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

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

(2) 具有固体形式

在这里说“实体形式”而不是“良好的可读性”是因为它很难阅读,但 Helvetica 确实非常重视排版。在 Helvetica 之前,广告和杂志中的字体充满了夸张和花哨的字迹。Helvetica 的出现就像一股清流。它去除了多余的设计并专注于字体本身的结构,为设计界带来了更好的选择。.

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

整体感觉简洁明了,没有手工的感觉,很沉稳的字体。

细节:

一个。切口齐平,笔划总是水平或垂直结束

湾。顶部是平的

C。方点

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

d。据说Helvetica字母所包围的区域与其笔画所占据的区域相同

ea的负空间呈水滴状

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

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

Helvetica 的成功不是用一种字体就能完成的。这与一系列新的无衬线字体(Neo-Grotesk)的出现以及与整个瑞士平面设计的融合密不可分。它们共同构成了一套完整的理念:崇尚绝对理性、客观、系统化。网格系统,众所周知,是一种崇尚系统化、数学化的视觉体现。

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

瑞士平面设计的典型手法是用纯文字排列做极简的交流。1960年以后因其表现简洁直接、操作易于标准化和系统化而风靡世界。当时,美国公司正在为全球扩张寻找一种快速传播和统一识别的视觉解决方案。瑞士平面设计Helvetica的出现,以及各种大师的成功运用,将他们推上了巅峰。

然而,Helvetica 并不完美,这里有三个缺点:

(1) 缺乏节奏感:Helvetica 的设计理念是一贯的、去个性化的。字母的整体造型是圆形的,所以缺乏阅读节奏感,也没有针对小字的阅读进行优化。在优秀字体和细分丰富的今天,Helvetica 的优势正在减弱。

(2)中立也是一把双刃剑:冷静客观的同时,也抹杀了情感,忽视了形式给用户带来的愉悦。

(3)滥用:可以参考今天扁平化设计的泛滥。误用和滥用造成人们的审美疲劳。

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

如果你喜欢中等性感的字体并且想要修复 Helvetica 的可读性缺陷,可以试试 Univers,它的外观比 Helvetica 更干净,并且具有全范围的权重。

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

另外两个新的无衬线字体(Neo-Grotesk)是 Helvetica 的前身和被称为 Helvetica 杀手的字体。

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

2.几何无衬线(Geometric)

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

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

Futura受包豪斯影响,造型颇有设计感。笔画主要是垂直和水平的硬笔画。

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

细节:

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

(2) 字母四舍五入;

(3) 升、降部分长而优雅。

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

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

Futura在德语拉丁语中意为“未来”复古英文报纸图片,所以除了常用于LV、欧米茄等有设计感的产品外,也常用于“未来”的主题。

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

上图中可以看出,Futura为了保持设计感,省略了j和t的尾部,而a和g采用了单层结构,所以可读性存在一些问题,不适合内容排版。而且个性鲜明,有点“抢眼”。

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

如果你喜欢几何无衬线字体,但想选择更温和、更易读的字体,试试 Avenir。Avenir虽然也是几何无衬线字体,但在设计的时候并不局限于几何形式,而是以视觉为基础,人性化、柔和。

3. 人文主义者

代表字体是Myriad。人文无衬线有较好的节奏感,具有开放友好的气质。与Helvetica相比,它更加精致和标新立异。下图通过对比可以直观的感受到“人文”的特点是什么。

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

(1) 人文无衬线的x-height比较小,让整体更有节奏感。

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

(2)人文无衬线中的e、s等字母以半封闭结构结尾,更加开放,不像Helvetica的全包围那样内敛,看起来亲切随意。

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

(3) 人文主义的无衬线线条柔和,不是Helvetica的工程感,而是更加流线型,有一定的笔迹味道。

案例:苹果VI字体用于宣传:广告、网站、产品铭文等。

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

地铁地图的一些字体

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

属于humanistic sans serif 的字体还有:Frutiger、Segeo

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

人们通常认为衬线代表古典形式,而无衬线代表现代亲和力。那么无衬线字体就不能优雅经典吗?

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

答案是否定的。无衬线字体 Optima 包含 serif 基因。虽然没有衬线,但粗细变化比较明显,笔画尾端加粗,非常优雅迷人。(如果想在处理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) 形式追随功能

英文字体一直是“形式跟随功能”的设计范式。什么功能,什么场景,解决什么问题,有什么样的字体生成适合它,连细分都非常清晰。从历史上看,有为报纸设计的时代;BellCentennial 专为电话簿黄页设计,以应对文字极小、打印纸和墨水较差的恶劣环境;而熟悉的Georgia和Verdana专为显示屏设计的问题就解决了。分辨率低的问题。

1913年,伦敦地铁站长弗兰克·皮克对当时地铁的企业形象和字体设计提出了以下要求:“这种字体必须准确反映我们生活的时代,让乘客快速阅读和阅读。 “没有错误。即使将字母用作单个符号(没有上下文)也必须清晰可辨。而且,字体必须是系统的,必须与周围的广告文案和其他不系统的信息清楚地区分。” 这些要求都定义了设计的功能性目标:高精度、可识别性、极端情况下的清晰识别。

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

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

(2) 透明容器

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

Frutiger 大师的另一个有趣的比喻是,“如果你喝完汤还能记住勺子的形状,那么勺子的设计就是失败的。” 这个比喻有点极端。事实上,信息和设计并不是相互排斥的。完全融合,无缝融合,是绝配。设计可以像空气一样存在,它是不可或缺的,但用户并没有肉眼看到它。

2.技术与设计的关系

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

曾设计Georgia、Tahoma、Verdana、Meiryo等著名字体的Matthew Carter在TED-“MyLifeintypefaces”上发表演讲。看完后很感人,能深刻感受到一个设计师对自己的要求和专业。

字体设计实际上与技术密切相关。书写工具、纸张、书籍、电子屏幕和互联网,媒体和印刷技术的每一次创新都在改变字体的呈现方式,也影响着设计师的想法和方法。然而,在那个科技创新的时代,设计师并没有回避科技,而是希望受到未知思想的影响,回应未知,推动自己去探索未知的世界。在探索技术和设计的过程中,难免会有矛盾和疑惑:为缓解技术问题而做出的设计会因为技术的变化而彻底消失吗?一个因技术而“不完美”的设计是否因此而缺乏价值?

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

Matthew 的设计回应:字体的价值取决于它在实际应用场景中能否有效发挥作用,而字体的质量决定了它能否独立于技术而存在。马修在演讲中说:“所有的设计师都是带着限制工作的,设计不是艺术。问题是,限制会导致妥协吗?它会降低设计的质量吗?限制和妥协之间有着非常微妙的关系。区别,但这种差异是我职业道德的核心。”

三、设计趋势与轮回

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

复古英文报纸图片_手帐复古报纸素材高清_复古报纸如何做

(1) 世界变得越来越柔软

也许经过两次工业革命和两次世界大战,大家都放松了很多。从政府公关,到企业管理,再到个人生活利益,都在逐渐人性化。升旗呐喊的宣传方式已经不再那么有效了,甚至引起了反弹。这不再是一个人只在音量很大的时候才听的时代。

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

下图中两个LOGO的修改,无论是字体、图形形状,还是颜色,都变得更加柔和。

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

手帐复古报纸素材高清_复古报纸如何做_复古英文报纸图片

从LOGO上看,美航的形象似乎从过去“我们是专业的航空专家”的严肃,变成了“我们提供舒适愉快的旅程”的贴近。

(2) 传统复兴

Gotham 的设计师 Frere-Jones 感叹机械技术的到来和传统手工卡片的终结。他从 1930 年至 1940 年纽约的旧建筑招牌、店面招牌、店面广告中获得灵感。性格”。因此,Gotham 字体对美国人民来说感觉很熟悉,但又具有新字体的现代感,具有值得信赖和稳定的形状,并且非常简单和友好。这种字体在奥巴马大选后成为热门字体。网站 Squarespace,特斯拉都使用 Gotham。

复古报纸如何做_手帐复古报纸素材高清_复古英文报纸图片

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

历史上多代艺术家和设计师都经历过对当今社会的不满,尊重经典,追求传统的复兴,比如文艺复兴、手工艺运动等。然而,这些领域就像字体设计一样,在不断地轮回。并为它们注入新鲜的能量,从而螺旋向上发展。

· 最后·

手帐复古报纸素材高清_复古英文报纸图片_复古报纸如何做

回顾我们的 UI 设计,Windows Phone 网格和磁贴的设计不仅是对瑞士平面设计的回顾,也是扁平化的新时代,遵循“简约现代,去除装饰,以内容为核心” .

复古英文报纸图片_复古报纸如何做_手帐复古报纸素材高清

然而,过分的极简主义给人一种单调乏味的印象,往往流于形式。从那时起,iOS7 用细而优雅的线条和更柔和的图形来软化解决 Flatdesign 的情感和差异化问题。

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

说到谷歌的新设计,无论是充满人情味和细节的插画,还是极客精神的有趣插画,都能感受到更多的个性和细节。拟物化是否也在以另一种形式的插图复活?

复古报纸如何做_复古英文报纸图片_手帐复古报纸素材高清

相关书籍:

《西洋文字》(日文)小林明

《不可思议的字体》(日文)小林明

《新概念字体基础与应用》苏克

《人物设计原理》(日本)伊达千代

《字体设计题数:知乎徐瀚文选集》

参考文章:

《文字设计指导原则》

为什么 Helvetica 如此受欢迎?》

“为什么要使用人文字体”

《字体的发展与国家形象》

“为了更有效地沟通/交通特定的字体”

Grotesk 的过去和未来:对 Aktiv Grotesk 的批评

“拉丁字体的历史:过渡字体”%E6%8B%89%E4%B8%81%E5%AD%97%E9%AB%94%E7%9A%84%E6%AD%B7%E5%8F % B2%EF%BC%9A%E9%81%8E%E6%B8%A1%E6%99%82%E6%9C%9F%E5%AD%97%E9%AB%94/

最时尚的英文字体:现代风格

%E6%9C%80%E6%99%82%E5%B0%9A%E7%9A%84%E8%8B%B1%E6%96%87%E5%AD%97%E9%AB%94%EF %BC%9A%E7%8F%BE%E4%BB%A3%E6%A8%A3%E5%BC%8F/