名奢网 名表 名表日报 查看内容

衬线体的进化:从纸面到屏幕

2023-1-20 15:22| 发布者: 挖安琥| 查看: 181| 评论: 0

放大 缩小
简介:▲ 全新设计的 Apple Books 中布满了衬线(Serif)字体 九月,苹果(Apple)公司在其最新的 iOS 系统中,为 Apple Books (苹果公司电子阅读器软件)带来了全新的设计。在这次设计更迭中,一切的题目字体都被换为了 ...

衬线体的进化:从纸面到屏幕

衬线体的进化:从纸面到屏幕


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


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


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

衬线体的进化:从纸面到屏幕


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


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


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

衬线体的进化:从纸面到屏幕


▲ 石碑与屏幕上的字体(第一代 Mac 上的 hello,留意,上面并没有「衬线」)


由于屏幕技术的限制,想要在屏幕上展示出美观的衬线字角十分艰难。而字体在屏幕上的显现也阅历了从适配屏幕到顺应屏幕的进程。


衬线体的进化:从纸面到屏幕


在光谱的另一头,关于屏显衬线体的需求不时没有中止。


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


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

衬线体的进化:从纸面到屏幕

衬线体的进化:从纸面到屏幕

衬线体的进化:从纸面到屏幕

衬线体的进化:从纸面到屏幕

衬线体的进化:从纸面到屏幕


▲ 西文新闻媒体的屏显字体搭配, 向右滑动查看更多


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

衬线体的进化:从纸面到屏幕


▲ 《华尔街日报》网页版字体的变更进程


正是由于 iPhone 4 与高清屏幕(好比前文提到的视网膜屏幕)的提高,令这些媒体在屏幕完成字体统一有了可能。


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

衬线体的进化:从纸面到屏幕


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


Escrow 均衡的字形结构和笔划间的高对比度为整个《华尔街日报》设定了一个共同的品牌形象,既有益于读者辨认,又进步了阅读的温馨度,特别在像手机这样的小屏幕上。

衬线体的进化:从纸面到屏幕


Exchange 吸取了来自历史的阅历。1850 年代的英国爱奥尼式衬线字体(Ionic)的衬线竭尽所能得夸大,各自拓宽每个字母的字面,字母与字母之间的衬线紧紧地衔接在一同。Bell Gothic 这种出生就带着浓浓新闻报纸气的字体,小写字母的内外设计截然不同,内部故意夸大的字怀构成错误称的状态令它的外部看起来巩固笔挺。Exchange 融合了这两种阅历,让其变得明晰可读,又严肃牢靠。

衬线体的进化:从纸面到屏幕


2002 年,To-bias Frere-Jones 计划设计 Retina,他想要制造一款用最小号字打印出来依旧无比明晰的字体,很侥幸,在屏幕时期,Retina 也持续了这一特性。

衬线体的进化:从纸面到屏幕


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

衬线体的进化:从纸面到屏幕


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

衬线体的进化:从纸面到屏幕


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


与中文网络的状况相似,阅历了漫长的低清屏幕时期,英文媒体的读者们曾经开端厌倦在屏幕上看到众多的无衬线体了。在同质化的屏幕界面上,运用衬线体为读者提供了另一种阅读选择。适合的衬线字体被引入到屏幕中,为单调的无衬线字体世界带来了新颖的阅读体验。(依据设计博客 Webdesignerdepot 的数据显现,选择衬线字体曾经成为拉丁语系一种新的潮流。)

衬线体的进化:从纸面到屏幕


时间在向前蔓延,西文曾经开端呈现出这样一种趋向。那么,中文呢?宋体呢?


宋体?中文的宋体与西文衬线体有着近似的视觉特征,中文世界中的「宋体」与「黑体」也面临着相近的矛盾与问题。但是,中文字符海量的字符数与笔划搭配和西文字符不在一个数量级上。这也让制造一款屏幕宋体的进程要慢得多。


下一篇,我们来看看宋体。



《中文宋体的屏显之路》系列



《衬线体的进化:从纸面到屏幕》


《宋体的嬗变:从雕版到屏显》


《第一代中文屏显宋体:方正悠宋》



编辑+设计:杨林青、周南、范晔文




路过

雷人

握手

鲜花

鸡蛋
已有 0 人参与

会员评论

文章排行

  • 阅读
  • 评论

最新文章

文章列表

 名表回收网手机版

官网微博:名表回收网服务平台

今日头条二维码 1 微信公众号二维码 1 抖音小程序二维码 1
浙江速典奢贸易有限公司 网站经营许可证 备案号:浙ICP备19051835号2012-2022
名表回收网主要专注于手表回收,二手名表回收/销售业务,可免费鉴定(手表真假),评估手表回收价格,正规手表回收公司,浙江实体店,支持全国范围上门回收手表
返回顶部