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

图6
雅黑在设计初期就是用视觉大小这种方法来定字面大小的。
4、字面大小和屏幕显示的关系
字面大小和屏幕显示又有什么关系呢? 为了说明问题,用少点阵图来比较说明。

图7
从上面两图比较中我们可以看出,左图字面大,占像素多,内白均匀舒适、清晰易读。右图字面小,占像素少,因此,内白不匀称、识读效果变差。
雅黑设计时考虑到这一因素,不但采用大字面设计,同时,在字距较合理的范围内调大了字身字面,多争取到了每一点宝贵的像素,为小字号使用的清晰易读奠定了基础。
5、去掉影响屏幕显示效果的“喇叭口”
现用黑体字的笔锋过大,成喇叭状,我们戏称为“喇叭头”或“喇叭口”。传统手写的黑体本应没有这么大的“喇叭头”,只稍微有点笔锋。那么,这 “喇叭头”又是从何而来?有两个原因,第一,可能是个别写字人员认为喇叭口稍大些精神,故意写大些,第二,在把照相字模版的字翻制成电脑字库时,做字人员在不明白黑体字应有笔型的情况下,把原本制作照相字模版时,为防止在拍照缩小的过程中笔划变得虚弱、变圆走型而装上的“小辫”给融进了笔划,形成现在这样的“喇叭口”。

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

图9
雅黑属无装饰风格的字体,少了不必要的累赘,自然避免了这类问题的出现,使文字清晰易读。
三、雅黑设计中的要点
1、雅黑是根据我在90年代初期设计的黑体系列样张改进设计的。

图10
从上述样张中可以看出,字体符合屏显字体的基本要求,字面大,无“喇叭头”,属无装饰风格的字体,可以作为雅黑的设计基础来改进提高。
2、雅黑设计上主要改进了字的粗细,“钩”的僵硬和“八”字点的写法,使其符合规范要求。同时,更注重线条的刻画,使其柔和挺拔富有弹性。

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

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

图13 黑白处理示意图
这种处理方式不但使字稳重大方,而且使字撇捺舒展、飘逸潇洒、富有姿态。
5、采用独创的手法对笔划进行特殊处理,减少交错连笔处的黑度,使字的整体灰度更好,更清晰,更适合屏显。

图14 特殊笔划处理示意图
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
详细解析UI设计中搜索栏设计的技巧
相关文章6092019-03-31
21个Sketch实用高频小技巧
相关文章6572019-02-15
UI设计师必学栅格设计原理和技巧
相关文章4992018-11-29
设计师必须知道的版式设计三原则
相关文章4012018-10-10
设计师解读聊天气泡框不为人知的技巧
相关文章2182018-10-10
详细解析iPhone 2018全面屏适配详解
相关文章2572018-09-14
详解深色系网站界面的设计技巧
相关文章2092018-05-10
详细解析10个2018年网页设计趋势
相关文章5182017-12-17
