字体视界
按图片找字
2020
07-06
22:40
上传者

圆子

来源

搜狐网

讲述衬线体的进化是如何从纸面到向屏幕

9eae6a91c44e48e08bb86e5469eb9ee0.png


9401b6c9f154632f6cee7d323ac1f5a9.jpeg

全新设计的 Apple Books 中布满了衬线(Serif)字体

九月,苹果(Apple)公司在其最新的 iOS 系统中,为 Apple Books (苹果公司电子阅读器软件)带来了全新的设计。在这次设计更迭中,所有的标题字体都被换为了衬线体(Serif),要知道,这几乎从未在 iOS 系统中发生过。在屏幕上使用西文衬线体的机遇,似乎近在眼前。

时间回到二〇一〇年,iPhone 4 横空出世。抛去其精妙绝伦的工业设计不谈,iPhone 4 是第一款真正意义上带有接近纸质视觉效果屏幕的民用电子设备。就像电力、互联网、微型计算机的发明一样,从这件事物出现以后,之前的时间和之后的时间就被立刻划分成了两个时代。从这一刻起,在屏幕上欣赏像素点这种事,只能被当作一种情怀了。

1ccc8502d7734748aa0a96ee73cea970.gif


苹果公司将 iPhone 4 所携带的高清屏幕称之为视网膜(Retina)屏幕。伴随着视网膜屏幕的出现,此前还看得过去的手机屏幕变得再也无法忍受。自此以后,一切都变得更为清晰。像素点、颗粒化的图标与点阵字,再难寻踪迹。与此同时,设计(Design)也同样经历着一场革命。屏幕的进化升级解开了一个桎梏已久的视觉枷锁,从而拉近了屏幕与纸面的距离。

字体的设计也逐步突破了屏幕“分辨率”的限制。在这之前,要想在屏幕上展示“衬线体”,那可真是要难为人。但彼时也终于有机会得以在屏幕上施展拳脚。

为防止你迷失在即将到来的术语迷潭,迅速带上这个快速启动包。所谓衬线,就是我们常见的,在字母或笔划边角处起到装饰作用的那些细线,这些饰角来自于古罗马时代工匠们在石碑上的悉心凿刻。伴随着现代平面设计发展的近百年的历史,优秀的设计师们不断创造了大量优秀的衬线字体。然而,从家用微型计算机出现之后,它们就统统都被挡在麦金塔那块 512 x 342 px 分辨率的单色屏幕之外了。

7db382956b8a410298c8ef35d3d9fdd1.jpeg

石碑与屏幕上的字体(第一代 Mac 上的 hello,注意,上面并没有“衬线”)

因为屏幕技术的限制,想要在屏幕上展现出好看的衬线字角非常困难。而字体在屏幕上的显示也经历了从适配屏幕到顺应屏幕的历程。

05729ce4be9a4c6fa45429a0c40e1524.png

在光谱的另一头,对于屏显衬线体的需求一直没有停止。

媒体,天然对字体选择有需求。好的媒体会试图为自己的内容塑造鲜明的特征。选题、文风、视觉缺一不可,而要拥有这种特征,在视觉呈现方面,字体的选择尤为重要。

许多优秀西文媒体的设计师们为了达成这一目标殚精竭虑。刊头、一级标题字体,和正文字体都经过了最优秀设计师的精心打磨与挑选。《纽约客》(The New Yorker)的刊头字体 Irvin 识别度之高,无论任何时候只要扫一眼版面哪怕在数米开外也能立即认出这是《纽约客》。《连线》(Wired)、《卫报》(The Guardian)与《纽约时报》(The New York Times)更甚,所有的文字字体都经过了严格地设计与选择,以求读者能更准确地识别到自己

← 向左滑动

61a67f1038f544bab0602a0f2a22bb4c.jpeg

西文新闻媒体的屏显字体搭配

无独有偶,这些被选择的字体居然大多都拥有优雅的曲线与衬线。但很明显,上不了屏幕,上了也看不清。要在屏幕上显示这些经过精心设计的衬线字体,成了一件令人头疼的事情。这些媒体网站很可怜地只能被迫在默认的系统字体中做选择,统一视觉风格这种事,只能暂时先按捺下来。

d14f8565c7c9443889583c9b9445f487.jpeg

《华尔街日报》网页版字体的变化历程

正是因为 iPhone 4 与高清屏幕(比如前文提到的视网膜屏幕)的普及,令这些媒体在屏幕实现字体统一有了可能。

二〇一七年,《华尔街日报》的设计师马修 · 斯特伦(Matthew Ström) 为《华尔街日报》重新设计了整体版面。这次改版的目标之一,就是在《华尔街日报》的屏幕产品和纸质产品一统视觉风格。马修选用了三款字体(EscrowExchange,与 Retina),既在纸面上风格鲜明,也在屏幕上清晰可见。

d4db8350267b429aa899a642490704e9.jpeg

《华尔街日报》用三款字体统一了纸面与屏幕的设计

Escrow 平衡的字形结构和笔划间的高对比度为整个《华尔街日报》设定了一个独特的品牌形象,既有益于读者识别,又提高了阅读的舒适度,特别在像手机这样的小屏幕上

9d1940bad2ff4736bc9b056e1be4fae1.png

Exchange汲取了来自历史的经验。一八五〇年代的英国爱奥尼式衬线字体(Ionic)的衬线竭尽所能得夸张,各自拓宽每个字母的字面,字母与字母之间的衬线紧紧地连接在一起。Bell Gothic 这种出生就带着浓浓新闻报纸气的字体,小写字母的内外设计截然不同,内部故意夸张的字怀造成不对称的状态令它的外部看起来坚固笔直。Exchange 融合了这两种经验,让其变得清晰可读,又严肃可靠。

4662889579284891b436bb3d3288b3db (1).jpeg

4662889579284891b436bb3d3288b3db.jpeg


二〇〇二年,To-bias Frere-Jones 计划设计 Retina,他想要一款用最小号字打印出来依旧无比清晰的字体,很幸运,在屏幕时代,Retina 也延续了这一特性。

3e1be5eb87364406ba50656bd0c1e010.png

于是,在这三款字体的帮助之下,马修重塑了《华尔街日报》在电子屏幕上的阅读体验,统一了其在纸面与屏幕上的品牌形象。

72e77137bac54ff4a60f394ade9a8c0a.png

想要达成这一点,高清屏幕功不可没,低分辨率的屏幕无法准确地传达西文媒体在字体上的巧思。现在,这些限制已经不复存在。

00f0836c814949208bc92d81474aed21.gif


西文新闻媒体应用的首页界面设计

与中文网络的情况类似,经历了漫长的低清屏幕时代,英文媒体的读者们已经开始厌倦在屏幕上看到泛滥的无衬线体了。在同质化的屏幕界面上,使用衬线体为读者提供了另一种阅读选择。合适的衬线字体被引入到屏幕中,为单调的无衬线字体世界带来了新鲜的阅读体验。(根据设计博客 Webdesignerdepot 的数据显示,选择衬线字体已经成为拉丁语系一种新的潮流。)


3f932ea596af4453ae10c47399f8ce7b.jpeg


   免责声明:该文来源上传者上传或转载,也有作者本人供稿或转载,不代表字体视界、字体资讯、本公司的观点和立场,本公司并不对其真实性负责。内容展示传播目的仅为传递更多信息供广大网友阅读与学习,丰富互联网信息。【该文如有涉及内容、文章、图片、字体侵权,请及时与我们联系下线处理。(举报邮箱:font@17font.com ;举报者请提供:姓名、电话、如涉及版权请提供版权所属证明文件),我们会在收到举报邮件后尽快给予回复,经查属实会对内容进行下线处理。】
热门资讯 / 热门问答
推荐文章