18/10/14

一款新字体:CalmfaceHead

人在看一件东西久了以后会产生陌生感。随意一个中文字,识别和书写仿佛是本能,可盯着它多看几秒,就觉得四不像了。所以这让我并不是很相信设计中眼睛的作用。眼睛可以分辨不同、区别好坏,正如方和圆,显而易见,但是参数相差些许的椭圆,可能就会逃脱我们眼睛的法网了。正如Google的LOGO,虽然乍一看很规整,其实其中的六个圆没有一个是老实的。

 

Google

Google logo

虽然使用规则的圆、框、线以及黄金比例来对图形进行分割的方法早有介绍,正如大名鼎鼎的Apple LOGO,让人十分着迷。

 

Apple

Apple logo

读了许多年书,ABC这些字母看过也书写过无数遍,却在读小林章《西文字体》时才明确了A、V、W这些字母左右两边斜线的粗细是不同的,圆圈型的字母要比方块型字母大一点才能在视觉上看起来一致。比如Sony的logo,S与O的高度要大于N和Y,但我们却极少发现这一点。

设计Google logo的人肯定无数次战胜心里面的“规则恶魔”,我们理所当然觉得Apple logo是规则的,却也有人会说那是牵强附会。而字体设计师可能是战胜“规则恶魔”次数最多的人群吧。可不得不说,规则图形让强迫症欲罢不能。这一次制作新字体的过程,可以看作是我心里面的规则和视觉平衡不断打架的过程,因为并不相信眼睛的作用,前者一度占据了上风,但后者却也保存了最后的尊严:我的“O”是个正圆,但它也比“N”要大一点。

Sony

Sony logo

制作新版的网站标识系统时,要制作“CALMFACE”/“calmface”字样的主题logo。因为我对于网站的理念是规则、干净、朴素,这就要求十分规则的字形,比如我要求C的开口能够符合一个特定的角度、A的左右斜线宽度相同、小写a需要书写形状等,可是在我目前所有的字体中,没有一款能够符合这个条件。于是我在AI中划定字母的宽高,使用图形和路径描绘字母的外形,以达到我心中所想。

相比普通字体而言,用作主题的字体需要确切的笔画和弧度,不需要太为了可读性作视觉上的微调。这不管是一个原因,还是一个借口,我在绘制字形的过程中尽可能以正圆、矩形、平行四边形等组合与切割。

 

3 结构

CALMFACE 字母外形

调整的过程中,我想要不直接制作一款英文字体好了,不管是大小写还是以后一些特殊的字形制作都可以方便得多,重要的是可以自己动手,实践出真知,可以发现一些只凭借看不能体会到的问题。

 

字形探索草稿

以上是使用AI对字形进行初步探索的草稿,可以看到,所有的字形结构,都是基于描边线段及规则图形的切割。在这个过程中,可以体会到虽然同是非衬线字体,相同的字母在不同的字体里表现形式的具体差异:比如“B”的上下两个弯,有的一样大,有的上小下大;“G”右下的转角,有的凸出来,有的和圈融为一体;还有Q的尾巴,有的留外边,有的是穿透,还有让我印象深刻的Avenir字体居然可以从下面拉出一横来……

 

q

不同表现形式的Q

做取舍的过程其实是随喜好的,在制作字形的时候并没有选取某一款字体作为参照,只是在确定自认为“好看”的字形。这样做有一个好处,那就是能够对字型有一个从0到1的认知,每一步都是源于直接的观察和实验。比如在制作小写“r”的时候,我觉得只保留右边的小弯会很简洁,在制作出第一版时却发现十分怪异,首先看起来特别像展示用的字体,其次这种简洁只是在笔画上,实际看起来相当花哨,于是最后还是采用了普通的形状。

除了制作字形以外,还需要对字偶间距进行调整。图中可以看到,我分类了字形,并设置了左右间距。在不同字形放在一块时,字偶间距需要特殊调整,典型的例子包括“AV”、“FA”、“TA”、“Ty”等。在逛商城时,可以发现,ONLY的logo,“L”和“Y”的字面面积其实是重叠的。

 

Only

Only logo

字母的Ascent line、Cap line、x-line、Base line、 Dscent line等参数关乎比例和显示的大小,一开始我考虑到是一款标题字体,就只考虑的比例,没有考虑大小,所以最终产出的字体在设置相同大小参数时,会比其他字体看起来小一点。所以建议在使用时,尽量调大字体的尺寸。注意到这个问题时已经积重难返了,可能以后会修改完善这一点。

该字体有如下特点:

  1. 包含英文大小写字母、数字、基本的标点符号
  2. 所有字形尽可能规则,由正圆、矩形、弧角切割,
  3. 为平衡视觉,圆型字母的宽高要稍大于方形字母,a、m、n等字母笔触衔接处微调粗细
  4. 小写a使用手写形式

作为一款标题字体,字重需要更大,但同时我也提供了另外两个字重较低的版本。相比前者,后者除了笔画的粗细有区别以外,字间距要更大一些,以方便阅读。目前我还没有找到设置字重的可靠参考资料,所以这三款字重都是凭借我的眼睛和感觉来调整的。

以下是字体的预览图片,并提供了字体的下载。如果有需要的朋友可以直接下载使用。

三种字重

点击下载字体文件

相关文章

评论 (0)

还没有任何评论

发表评论 Leave a comment :