PS设计教程网欢迎你!

微软雅黑字体设计方法和技巧详细剖析(2)

文章来源于 未知,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2010-11-14
要想做大字面的字,我们首先要考虑面积最小的菱形,那么,怎样才能把菱形字做大?很简单,只要适当调整改变菱形的形状,那么,我们就能得到比原来菱形面积大的形变图形,用这种方法来设计,就可以得到在视觉上比原先

要想做大字面的字,我们首先要考虑面积最小的菱形,那么,怎样才能把菱形字做大?很简单,只要适当调整改变菱形的形状,那么,我们就能得到比原来菱形面积大的形变图形,用这种方法来设计,就可以得到在视觉上比原先字面大的字。

微软雅黑字体设计方法和技巧详细剖析

图6

雅黑在设计初期就是用视觉大小这种方法来定字面大小的。

4、字面大小和屏幕显示的关系

字面大小和屏幕显示又有什么关系呢? 为了说明问题,用少点阵图来比较说明。

微软雅黑字体设计方法和技巧详细剖析

图7

从上面两图比较中我们可以看出,左图字面大,占像素多,内白均匀舒适、清晰易读。右图字面小,占像素少,因此,内白不匀称、识读效果变差。

雅黑设计时考虑到这一因素,不但采用大字面设计,同时,在字距较合理的范围内调大了字身字面,多争取到了每一点宝贵的像素,为小字号使用的清晰易读奠定了基础。

5、去掉影响屏幕显示效果的“喇叭口”

现用黑体字的笔锋过大,成喇叭状,我们戏称为“喇叭头”或“喇叭口”。传统手写的黑体本应没有这么大的“喇叭头”,只稍微有点笔锋。那么,这 “喇叭头”又是从何而来?有两个原因,第一,可能是个别写字人员认为喇叭口稍大些精神,故意写大些,第二,在把照相字模版的字翻制成电脑字库时,做字人员在不明白黑体字应有笔型的情况下,把原本制作照相字模版时,为防止在拍照缩小的过程中笔划变得虚弱、变圆走型而装上的“小辫”给融进了笔划,形成现在这样的“喇叭口”。

微软雅黑字体设计方法和技巧详细剖析

图8

过大的喇叭头,不但失去了黑体字应有的品格,在屏显时,“喇叭头”能在笔划两头多出一块,如果两笔离得较近,头就有可能连上,使笔划交代不清,可读性变差。

微软雅黑字体设计方法和技巧详细剖析

图9

雅黑属无装饰风格的字体,少了不必要的累赘,自然避免了这类问题的出现,使文字清晰易读。

三、雅黑设计中的要点

1、雅黑是根据我在90年代初期设计的黑体系列样张改进设计的。

微软雅黑字体设计方法和技巧详细剖析

图10

从上述样张中可以看出,字体符合屏显字体的基本要求,字面大,无“喇叭头”,属无装饰风格的字体,可以作为雅黑的设计基础来改进提高。

2、雅黑设计上主要改进了字的粗细,“钩”的僵硬和“八”字点的写法,使其符合规范要求。同时,更注重线条的刻画,使其柔和挺拔富有弹性。

微软雅黑字体设计方法和技巧详细剖析

图11 部分笔划笔型图

3、为了使正文字的阅读效果更好,对所有的口和带框的部件加“脚”,也就是口下面出头,其目的是为了给眼睛以适量的刺激,来提高阅读速度,这是正文用雅黑设计的一次新尝试。

微软雅黑字体设计方法和技巧详细剖析

图12 口和带框的部件加“脚”

4、为适合屏幕显示用,在字结构的处理上“计白当黑”,严格控制“白”在各部位所占的比例,使其舒朗匀称。

微软雅黑字体设计方法和技巧详细剖析

图13 黑白处理示意图

这种处理方式不但使字稳重大方,而且使字撇捺舒展、飘逸潇洒、富有姿态。

5、采用独创的手法对笔划进行特殊处理,减少交错连笔处的黑度,使字的整体灰度更好,更清晰,更适合屏显。

微软雅黑字体设计方法和技巧详细剖析

图14 特殊笔划处理示意图

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa