网页设计中的字体分析

我的博客从去年六月确定版式和色调以来已经调整过几次。今天十分无聊,想继续写以前那款没有完成主题,弄了一两个小时毫无成效,于是调博客主题。这次主要调整的主要是板块间距和字体,并取消每段开头空两格的规矩。

主页的文章栏被我向右挪动了几个像素,把侧边栏宽度缩小成200px,这样左中右三个白条的宽度接近,整个页面更加紧凑,阅读重心移向了文章。我需要的是直接的阅读体验,而不是点无数个链接才能一见庐山真面目;有精彩的内容可以忍了,内容本身不精彩,为秀个性让人点鼠标到手酸的设计都罪恶滔天!

我有这样一个观点,一个文字网站最难选择的不是版式,而是字体和大小。一般网吧和普通家用电脑上只有几款中文字体,分别是宋体、仿宋、楷体、隶书等,属于衬线字体,容易辨识,是纸制印刷品的不二之选;然而在液晶显示器上,由于衬线字体的额外装饰和粗细不均,这几款自己的显示效果并不出众。Windows Vista和Windows 7自带了微软雅黑属于非衬线字体,线条简洁,落笔流畅,再加上Windows ClearType技术,在液晶屏幕上,微软雅黑自然是当之无愧的中文字体。不过经过长期使用,我发现微软雅黑仍然有弊端,如果屏幕分辨率太高,比如我现在使用22英寸1680×1050的分辨率的显示器,其晶格间距比笔记本显示器的晶格间距更小,在这种情况下14px的雅黑字体容易成团,辨识效果甚至不及宋体。好在今天普遍使用笔记本,14px适合于多数读者。假如网页需要显示更小的字体,选择雅黑就不太合适了,我建议仍然选择宋体。况且由于特色国情,中国XP系统的比例高达80%,也就是有80%的用户电脑上面没有雅黑字体,选了也没用。


宋体起源于宋朝,成型于明朝,传到日本后被称为明朝体。笔画有粗细变化,一般是横细竖粗,末端有装饰部分(即“字脚”或“衬线”),点、撇、捺、钩等笔画有尖端,属于白体,常用于书籍、杂志、报纸印刷的正文排版。



微软雅黑是微软公司委托中国北大方正电子有限公司设计的一款全面支持ClearType技术的字体。Monotype公司负责字体Hinting工作。它属于OpenType类型,文件名是MSYH.TTF,字体设计上属于无衬线字体和黑体。


网页界应用最广泛的英文字体有Arial、Helvetica、Verdana、Tahoma、Georgia、Times New Roman等几款。文字较多的网页最常见的字体仍然是Arial、Helvetica、Verdana这三款非衬线字体,它的好处在于读者阅读时能够专心文字所表达的内容,而不是文字所用的字体;Georgia和Times New Roman是两款衬线字体,显示效果优美,非常适合做文章标题。比如华尔街英文版的文章标题采用Georgia做首选字体,次选字体为Times New Roman;而它的文章字体以Arial为首选,次选字体为Helvetica。不过,我发现一个大概和利益相关的现象,一般的纸媒网站普遍倾向于整站使用衬线字体,而其他行业网站则符合潮流使用非衬线字体。


Helvetica字体是瑞典人Max Miedinger在1957年设计的一款被广泛使用的西文无衬线字体。它被视作现代主义在字体设计界的典型代表,被应用于许多标志、电视、新闻和商标中。如渣打、丰田、爱普生、雀巢、3M等数百家企业都是使用Helvetica字体。



Georgia是一种衬线字体,为著名字型设计师Matther Carter于1993年为微软设计的作品。Georgia和Times New Roman字体相当类似,不过在数字在相同的字号下,Georgia的字符比Times New Roman的字符略大;其次,Georgia的字符线条较粗,衬线部分比较钝而平。另外,Georgia的数字会下沉几个像素,会有高矮差别。



另外,我非常喜欢Ubuntu默认的英文字体,这是Ubuntu委托 Canonical 定制的一款字体,非常漂亮并且免费开源。同时可以在Google在线字体中使用他们。


也许每一个接触平面设计的人都有对字体特别在意的一段经历。这一两年我开始注意字体,特别是中文的,但是无论怎么留心,迄今只有两百多款中文字体,很快就能找到自己偏爱的几款,分别是微软雅黑、造字工房尚雅、张海山锐线和花园明朝。

Posted in , , , . Bookmark the permalink . RSS feed for this post.
Made with ♥ in ChengDu. © 2009-2015 Jaz's Blog. All Rights Reserved. Powered by Blogger.