Noto 海报

为 Google Noto 字体制作的海报,之前的设计课作业。

2019 年 7 月 2 日


梗概

下载转曲线后的 SVG

作者

我和 704。

关于 Noto 字体

Noto 诞生的目的是消除“豆腐”,tofu,即当计算机中没有相应字体时显示的方块。它囊括了很多的书写系统。

设计

我起初一个人创作,并选定 Noto 作为主题。最初的设计是在一个 6 列 7 行的网格中排列字符,每一行字重递减,顶上再盖上一层标题和描述。它是单色的,有黑色背景、深灰色的字符网格、浅灰色的描述文字和白色的标题。第二版为字符网格加入了透视效果,让字符看起来就像画在天花板上一样。

704 加入时,我已经把部分第一版设计画在纸上,并且正在课上考虑第三版设计。他在平板上画了两分钟,就有了一个主意。他把字符网格移动到底部,这样它看起来就像是地板——或者说,路。字符也被上了色。就是这时,灵感袭来,我不假思索地说出:NOTO 是站在路中间的,它的后面的字符全都是灰色的,并且随机地替换为方块!那节课剩下的时间里,我们完善了这一版设计,把字体的特性写在背景里,并让 NOTO 发光。

绘制

我们都承认没人能在带透视的情况下精确地画出字符的形状,于是我们决定用画图软件。我知道字体文件可以转换为 SVG 文件,所以我选择了 Inkscape。我用一款在线转换工具把 TTF 和 OTF 文件转换成 SVG,然后把 XML 元素复制到目标 SVG 里。这样我就在一个文件里集齐了我需要用到的字符。

接下来的步骤对熟悉画图软件的人来说应该比较简单。排列、分布、对齐、组合、透视、键入文字、设定颜色、阴影,海报做完了。

为什么我把字符形状提取出来,而放着字符映射表不用呢?由于我所用的所有绘图软件里的 bug,某些书写系统的文字不能在 Noto 字体中显示。有时候,知道一些技术细节会帮你解决类似的问题。

彩蛋

字符路上的四种颜色是从 Google 图标里提取的。

字符路上有两个 emoji。Noto 确实包含 emoji。