查看原文
其他

新字发布|丁卯点阵体:探索像素汉字的小尺寸极限

🍐 3type 2020-09-28







33 年前的今天,一封电子邮件从北京发至德国卡尔斯鲁大学。邮件由英德双语写成,开头一句话便是「越过长城,走向世界」。 


——这是 1987 年 9 月 20 日,中国向海外发出了第一封电子邮件,中国的互联网时代随之到来。这一年,正是农历丁卯年。


如今,计算机和互联网早已融入我们生活的方方面面,而这一切的背后,是一代科学家和工程师的付出。「丁卯点阵体」以此命名,意在致敬那些将中文世界带入信息化时代的先驱们。



「丁卯点阵体」是一套像素风格的中文字库,设计初衷是探索小尺寸像素汉字的可能性。经过实验,确认汉字在最低 7×7 的像素网格中仍然可读——这一尺寸,是最常见的国标点阵字(16×16)的四分之一。




之后,经过长达三年的设计开发,为之匹配了外文字母和标点符号,又全新匹配了一套 9×9 的像素字体。今年上半年面向公众开放了试用版本后,收到了热烈的反响;经过上个月的预售活动后,全套字体终于在今天正式发布了!


这是迄今为止第一款小至 7×7 的中文像素字体,也是唯一一款 9×9 的矢量格式的像素字体。为像素画创作、游戏开发、风格化平面设计开启了全新的可能性。



设计


「丁卯点阵体」分为 7px 和 9px 两个尺寸,全部汉字都在 7×7 和 9×9 的像素面积中表现。在这样有限的空间中,笔画的减省和粘连无可避免——但设计师尽量还原汉字的整体造型特征,让每个字都具有相当的可识别性,在上下文语境中则可以流畅地读出来。



在设计的过程当中,总体上并不回避笔画堆积造成的黑色「斑块」。尤其对于笔画多的字而言,有时「笔画密集」正是这个字的主要特征。


相对于 7px,9px 的设计空间要宽裕得多,因此有机会让笔画之间的区分更加明显,大段文字的阅读也更轻松。两者配套使用,可以在极低分辨率的环境下形成信息层级。



虽然可用的像素尺寸很小,但依然提供了一定的发挥空间,因此这套字体中,设计师根据不同字的需要,调节偏旁部首的宽度和细节,并在整体上保持风格一致。



「丁卯点阵体」中匹配设计了整套西文部分,包括拉丁字母、希腊字母、西里尔字母。这里并不只是功能性的随意匹配,而是和汉字部分同样的「小尺寸极限」的追求。



其中 7px 的大写字母是可保持清晰的最小拉丁字母尺寸——大写 5px 高;小写字母则在极限的 4 像素 x 高度(字母 n、x、 v 等所占的纵向空间)中完成。在此基础上,甚至制作了仅 4 像素高的小型大写字母!


每对字母之间的字偶间距都经过精心的调整(以像素为单位),让它们间距适中;另外也设计了可以自由开启的自动合字功能。



「丁卯点阵体」中的拉丁字母不仅 26 对大小写字母,还包括带有各种变音符号的扩展拉丁字母。这套字体不仅可以用于英语,还可以用于德语、法语、意大利语、冰岛语……以及汉语拼音。



拉丁字母的大小是根据汉字大小精心推敲而来的。这样的设计可以让汉字无论和大写字母还是小写字母混排时,都能获得最和谐的效果。



另外,还专为网页排版设计了 9px 基础拉丁字母部分的意大利斜体和等宽两个版本。意大利斜体的设计也相当有趣且极端,大家不妨自己试用体会一下!



还配备了颇有「东亚特色」的全宽字母和半宽假名。这两种字符都是早期像素游戏中的熟面孔,如今制作复古游戏的时候也少不了它们。




高级排版功能


「丁卯点阵体」虽然看上去是像素的,但并不是老旧的像素字体格式,所有的「像素」都是由轮廓围合出来的。


作为一款当代的字体,「丁卯点阵体」配备了丰富的高级排版武器——这是坊间称做「OpenType 特性」的字体功能。在专业的平面设计和排版软件(比如 Adobe InDesign 和 Illustrator)以及网页开发中,它能够让文字以更加灵活的方式呈现。


比如,按照西方排版惯例,自动将一些字母连写的「合字(ligature)」功能:


(你也可以选择关掉这样的连写。)


比如,使用更古典的、可以伪装成小写字母的「老式数字(old-style figures)」:



再比如这个小细节:Q 的尾巴可以自动给后面的字母让出位置——



以及竖排汉字的标点符号会移动到字框的右上角,这也是 OpenType 特性所实现的。




字体技术指标


「丁卯点阵体」使用 TrueType 格式和 WOFF2 格式打包,可分别用于桌面应用及网页排版等。


7px 包含 GB/T 2312–80 字符集及其他常用字(共 7300+ 汉字,遵循大陆字形标准)、拉丁字母、扩展拉丁字母、西里尔字母、希腊字母、日文假名和其他杂项符号。


9px 包含 GB/T 2312–80 字符集及其他常用字(共 11000+ 汉字,覆盖两岸三地及日文常用汉字,遵循大陆字形标准)、拉丁字母、扩展拉丁字母、西里尔字母、希腊字母、日文假名和其他杂项符号。


9px Italic 和 9px Code 包含 ASCII 字符集(基本拉丁字母及数字和标点符号)。



应用展示


「丁卯点阵体」丰富的字符集大大扩宽了它的应用范围。其中配备的各类图标字符可以显著丰富其应用效果。



<<< 左滑查看更多样张


如今像素复古之风盛行,除了常居一隅的像素风独立游戏和插画,早期的计算机界面、红白机和街机游戏、单色屏功能机以及 QQ 秀等古早产物也常常被人提起。而这些,就是「丁卯点阵体」的原生应用场景。


©五十游戏工作室


TapTap 9.4 分独立游戏《如果可以早一点回家》(应用效果)

<<< 左滑查看更多


©MMGameDev


Rogue-lite 游戏《Metal Mind》(开发画面)

<<< 左滑查看更多



©Studio S, Eroge Japan


Game Boy 风格游戏《奴隶斗士莎拉》(开发画面)

<<< 左滑查看更多


©明堂唱片


陶乐然单曲封面系列

<<< 左滑查看更多


如果可以应用在公交、地铁的 LED 显示屏上,更是能大大提高信息密度——


©通行线 Toursline


通行线点阵电牌测试效果

<<< 左滑查看更多,后附当前电牌字体对比



由于「丁卯点阵体」字形大幅简化、文件体积小,适合用作 Webfont(网页字体),这在中文字体中是极其难得的。

©PAN.ICU

《内核恐慌》播客主页

©Anyway.FM

 《Anyway.FM》播客主页皮肤「八比特复古」


作为一款现代的 OpenType 轮廓字体,「丁卯点阵体」的使用场景也不局限于低分辨率的场景。应用于平面设计、户外广告等场合,也能传达出一种复古感或科技感。



线下场景应用

<<< 左滑查看更多



获取字体


「丁卯点阵体」试用版可在 3type 官网下载:打开浏览器,在地址栏键入 https://3type.cn/fonts/dinkie_bitmap/ 即可进入页面。试用版字体仅包含常用汉字 2500 个和初版拉丁字母,在未取得授权前不可用于任何商业或非商业活动。


购买个人版字体授权,请扫码前往微店——



——或保存图片进入淘宝购买:




* 个人和一般商业应用指:可将字体作为视觉元素应用于个人创作、设计和发布,以 webfonts 的形式嵌入进个人网站等非商业性质的平台,以及以直接或者间接营利为目的的一般性商业提案和个人小规模商业应用(累计浏览量不超过 5 万人次的广告、视频、海报等,不包括应用于实体商品生产)。例如当您使用该字体软件制作视频并上传到视频网站上时,浏览量低于 5 万人次时可正常使用,浏览量超过 5 万人次时,即应当联系我们购买商业使用许可。当以 webfonts 的形式嵌入进个人网站时,本协议仅许可每月 1 万次网页浏览量。个人不可以将字体直接应用于企业 logo 定制(包括改动)、视觉系统设计、以 webfonts 的形式嵌入商业网站、以任何形式嵌入 APP、软件、硬件和游戏、为企业客户制作大批次商业产品和具有企业商业广告性质的平面和视频、展览艺术装置等领域,但可以用于以以上使用场景为目的的商业客户提案,实际的字体最终使用用户必须购买适当的使用许可。

如果您是公司、商业团体、出版团体希望购买字体用于从事具有盈利性质的商业活动,请单独联系我们进行授权。如果您不确定授权要求和范围,欢迎联系我们进一步咨询。



关于预售特典


我们为「丁卯点阵体」开启的预售活动受到了众多朋友的支持,在此我们表示由衷的感谢!目前为大家准备的预售特典还在正在作最后的打包筹备,预计下周即可发货。


3type(三言)非常荣幸能在 1987 年 9 月 20 日 33 年后的今天这个特殊的日子发布「丁卯点阵体」,所以我们也为预售版大礼包再开放了 33 个名额。点击以下链接即可以字体原价购买这批限量礼包(内含字体个人授权)。






精编版 TypeSchool 在线课程大酬宾


    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存