黑体字一统手机屏幕?打破垄断的新字体诞生了

百家 作者:AppSO 2018-11-20 13:07:50

<iframe class="video_iframe" data-vidtype="2" data-cover="http%3A%2F%2Fshp.qpic.cn%2Fqqvideo_ori%2F0%2Fd0794qhtidp_496_280%2F0" allowfullscreen="" frameborder="0" data-ratio="1.7777777777777777" data-w="480" data-src="http://v.qq.com/iframe/player.html?vid=d0794qhtidp&width=352&height=198&auto=0" width="352" height="198" data-vh="198" data-vw="352" style="display: none; width: 352px !important; height: 198px !important;"></iframe>


如今,随着移动设备的广泛使用,屏幕已经成为了人们获取信息的主要途径。在这其中,大部分中文的内容则都交由黑体呈现。


市场上也偶尔出现过一些尝试使用宋体的应用。几年前,《澎湃新闻》上线之时选用了一款宋体,引发了一片惊诧。但波澜过后,鲜有其他成规模的屏幕宋体应用案例再次出现。除阅读惯性之外,再深究下去,我们似乎并未有一款真正为屏幕打造的宋体。


雅宋、书宋、标宋这些字体虽然很棒,但在设计之初,它们并未被考虑用于屏幕。同时,相较于黑体,宋体在屏幕上依然能够展现出令人惊叹的视觉风格。而且,宋体也与英文的衬线体类似,能够显著提高内容的可识别性,这在长篇阅读环境尤为重要。这也是在纸质书上我们看到的内容大多是宋体的原因。


▲《澎湃新闻》应用的内文界面


宋体历经雕版、活字、照排,逐渐形成了自己的风格。正如上一篇《宋体的嬗变:从雕版到屏显所说,宋体适应着技术的发展,不断地变化和演进。然而,进入屏幕时代,宋体的进化曲线出现了一个垂直落体,早期屏幕分辨率并不适于表现宋体细腻的衬线和边角。



这直接导致我们当时在互联网上看到的中文内容,大部分都是由黑体承载的。长此以往,这种现象成为了一种通例,几乎成为了一种惯性。在这种惯性下,宋体就等于纸质内容,而黑体就天然等同于互联网内容。


那么,现在屏幕已经到达高清时代,技术壁垒已被碾碎。是时候来制作一款专为屏幕显示的宋体了。



在此之前,并没有一款专门为屏幕设计的宋体,要为屏幕设计宋体,几乎是在一个全新的领域从零开始,没有多少案例可循。不过,在屏幕上制造黑体,我们已有一些经验可以沿用。




那么,就从黑体开始吧,“悠黑”的骨架加上“宋体”的特征,这就是“方正悠宋”的基本形态。




为了提升屏幕阅读的效率,方正悠宋吸收了黑体的优点,它的基础是方正字库另一款饱受好评的黑体——方正悠黑。


宋体与黑体最大的区别,是笔画端点处的装饰角与笔画粗细的对比,方正悠宋将传统的倒三角样式改为直角三角形样式,使得字形与像素更为契合,提高字形在屏幕上显示的清晰度。在这样的设计理念下,方正悠宋的设计拥有了黑体的特性,也更加适合矩阵式的像素排列。



黑体因其横平竖直的特性,完全贴合像素边缘,传统宋体的边缘会虚化。悠宋融合了这两点,在拥有宋体特征的同时,也同黑体类似,尽力贴合了像素边缘。





宋体笔划末端的装饰角令人在阅读时能够有所喘息和停顿,我们其实比较熟悉,我们看的纸质长篇内容,无论是报纸还是书籍,其中的内容大多都是利用宋体呈现的。“方正悠宋”拥有这种特性,却使用得非常克制。


在方正悠宋的设计上,主创设计师仇寅刻意地减低了宋体的特征。


 ▲方正悠宋的笔形特征



六种宋体的折笔处笔形对比


对比这六款宋体,在折角处,悠宋主动将宋体的特征降低,这样做既保留了宋体能够给阅读带来停顿的优势,也让小字号下的显示更为精致。




纸面和屏幕呈现文字的原理各有不同。纸面就像月亮,反射光线而不自主发光。屏幕就像太阳,无论是通过背光面板(LCD),还是像素自发光(OLED),能够自主发光是其相较于纸面最主要的特征。那么,为其设计文字,也会因此不同。


▲笔划间适当离散,避免在屏幕显示时笔划粘连


方正悠宋专门为屏幕的特性进行了调整,在传统宋体的基础上适当放大中宫,笔画之间也进行了适当离散,这样避免了在屏幕显示过程中的笔画粘连与虚化。


▲适应屏幕自主发光特性,相对其他传统宋体,方正悠宋在不同显示环境中都拥有良好的阅读表现


在屏幕显示中,无论是白色还是黑色背景下,方正悠宋的阅读效果都更为舒适。而方正雅宋与方正书宋偶尔都有过挤或过松的问题,虽然它们也可显示于屏幕上,但“可用”和“适用”还是有所区别。




方正悠宋也拥有多种数字字体的新特性。第一,字重与中宫的无级可变特性令方正悠宋可以满足不同媒介情景的视觉需求;第二,精心调整的全套英文与标点系统让方正悠宋能够适应多种文本环境;第三,完整的字体家族增加了悠宋的视觉识别与信息层级的可塑性层级。


▼ 可变字体不仅能让设计师主动变化字重, 也能改变“中宫”的大小,令设计师可以在横竖两个方向和字面宽度各个方面对字体进行更为细微的调整。



▼ 方正悠宋拥有了专门为之适配的的英文与标点系统,不同字重的英文字体在与中文混排的时候也更加协调一致。


同时,方正字库也与 Typetogether 合作,为方正悠宋提供了一个与 Portada 英文组合的版本,以满足设计师在多语言环境下更为精细的排版需求。



▼ 极细到极粗,方正悠宋可以用来排印不同类型与层级的内容。今年,方正字库将正式推出方正悠宋的七款字重,将来会持续推出更多字重(总计十三款)。方正悠宋支持 GB2312-80 与 GB-18030-2000 标准,包含多达 27533 个汉字和1124个符号,可以满足不同尺寸便携屏幕的阅读要求。



方正悠宋家族同时适用于多种电子媒介,例如新闻媒体、电子阅读器以及 UI 设计等。与此同时,方正悠宋在传统纸质媒体上也同样拥有良好的设计表现。


屏幕阅读正持续在改变我们的阅读方式,从它诞生的那一天起就没有停歇。在西文新闻媒体已经开始大量使用衬线来统一自己品牌形象的今天,我们对于屏幕宋体的需求正在与日俱增。


在我们积累的大量优秀字体财富的基础上,以科技趋势为导向,总结优良经验,第一代中文屏显宋体——方正悠宋就此诞生。


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

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

2.宋体的嬗变:从雕版到屏显

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

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


-END-


 关注 AppSo,回复「nno

 获取隐藏刘海的星球壁纸 




你一定不能错过
/ 新硬件
三星可折叠手机正式亮相!打开就是平板,明年就能买到
/ 薅羊毛
四大视频会员哪家强,怎么买最划算?这里有一份最全攻略


关注公众号:拾黑(shiheibook)了解更多

[广告]赞助链接:

四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

公众号 关注网络尖刀微信公众号
随时掌握互联网精彩
赞助链接