以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.cseec.com/arch......chives/634197

About Fonts

作者:csee  |   发布: (编辑)Tony   |   时间:2008-09-28 11:28:51 文字大小:- +

西方字体

Image:Serif and sans-serif 01.png无衬线字体

Image:Serif and sans-serif 02.png衬线字体

Image:Serif and sans-serif 03.png衬线字体的衬线(红色部分)

方块字

汉字中的衬线体宋体和无衬线体黑体汉字中的衬线体宋体和无衬线体黑体

日文明朝体(MS Mincho体)和ゴシック体日文明朝体(MS Mincho体)和ゴシック体

韩国语中的衬线体Batang体和无衬线体Dotum体韩国语中的衬线体Batang体和无衬线体Dotum体

中文将Serif按照字义翻译成“衬线”或“字脚”,顾名思义就是装饰陪衬的作用,因此有衬线体也称为“有脚体”。日语中将衬线称为うろこ,字面意思为“鱼鳞”。

衬线体(即“白体”),中国大陆地区称之为宋体,使用繁体中文的港台称之为明体,日文称明朝体,韩国语称Batang体,常用于正文排版。这些名称 起源于中国历史上的宋朝和明朝,当时中国的活字印刷术已经广泛传播,而用于制造活字的木纹多为水平方向,因此造成在刻字时横画细,竖画粗;而且为了防止边 缘破损,横画在两端也被加粗,根据运笔习惯而形成三角形的装饰。这种方式一直沿用至今,现在白体类字体多数都是横细竖粗。

另外,无衬线体在中文通常称为黑体,在日文称为ゴシック体(Goshikku-tai,即“哥特体”),韩国语中称Dotum体,这类字体笔画粗细基本一致,没有衬线装饰,较为醒目,常用于标题、导语、标志等。

用途

在传统印刷中,衬线字体用于正文印刷,因为它被认为比无衬线体更易于阅读,是比较正统的。相对的,无衬线体用于短篇和标题等,能够读者注意,或者提供一种轻松的气氛。

但是在计算机领域中倾向使用无衬线字体以方便在显示器上显示。出于这个原因,大部分网页使用无衬线字体。因此,Windows Vista中的中文默认字体已经从原来的衬线字体(宋体或细明体)改变成了无衬线字体(微软雅黑或微软正黑体)。另外,为了更好解决衬线字体的显示问题, 新的反锯齿和次像素显示(如ClearType)等技术开始广泛运用。

旧体

Garamond字体。旧衬线体的字形样本

untitled1.jpg

旧体可以上溯到1465年,它的特征是:强调对角方向——一个字母最细的部分不是在顶部或底部,而是在斜对角的部分;粗细线条之间微妙的区别——笔画粗细的对比不强烈;出众的可读性。旧体是最接近手工铅字起源的字体。

旧衬线体在制作的时候有严整的斜度规定,加上弧度衬线体现细节,增强了它的阅读性。可是这个做法和研究阅读的心理学家所提倡的“平行字母宽度”认知模型是相矛盾的。

旧体可以再分为Venetian 和 Aldine 或 Garalde。旧体字体的样本有 Trajan, Jenson (Venetian), Garamond, Bembo, Goudy Old Style, 和Palatino (all Aldine or Garalde)。

过渡体

Times New Roman字体,过渡衬线体的字形样本

过渡体(或称 "巴洛克体") 衬线体最早出现在18世纪中叶,这类字体中包括最著名的Times New Roman (1932年) a和Baskerville体(1757年)。由于在风格上处于现代体和旧体之间,故名“过渡体”。和旧体比较,粗细线条的反差得以强调,但是没有现代体 那么夸张。

粗衬线

Rockwell字体,粗衬线体的字形样本

粗衬线 (也称 "埃及体") 中笔画粗细差距较小,而衬线相当粗大,几乎和竖画一样粗,而且通常弧度很小。这种字体外观粗大方正,各个字母通常是固定的水平宽度,字体表现和打字机一 样。这类字体通常被说成是单纯在无衬线字体加上大衬线,因为字母本身的形状和无衬线体很类似,笔画的粗细几乎没有差别。(在粗衬线体中有一个小类叫 Clarendon体,结构更类似于衬线体,但是有独具特色的弧线。)粗衬线出现在1800年左右。具体包括Clarendon体、Rockwell体和 Courier体等等。

现代

Bodoni字体,现代衬线体的字形样本

现代衬线体出现在18世纪末,强调了粗细笔画之间的强烈对比,加重了竖画,而把衬线作得细长。大部分现代衬线体的可读性不及过渡体和旧体衬线体。常 见字体包括Bodoni体, Century Schoolbook体和 Computer Modern体。 (这类字体在开放源电脑系统中通常随TeX和LaTeX出现)。

无衬线字体有以下几种:

旧体

untitled2.jpg

Grotesque早期的无衬线字体设计,如Grotesque或 Royal Gothic体。

过渡体
Helvetica体

新grotesque或称为过渡体,目前所谓的标准无衬线字体,如Helvetica(瑞士体), Arial和Univers体等等。这些都是最常见的无衬线体。笔画笔直,字体宽度比变化没有比人文主义无衬线体那么明显。由于其平白的外观,过渡无衬线 体常被称为“无名的无衬线”体。

人文主义体

Frutiger体

(Johnston、Gill Sans、Frutiger和Optima,赫尔曼·察普夫制作) 。这些字体是无衬线字体中最具书法特色的,有更强烈的笔画粗细变化和可读性。

几何体

Futura体

(Avant Garde、Century Gothic、Futura、Gotham)。顾名思义,几何无衬线体是基于几何形状的,透过鲜明的直线和圆弧的对比来表达几何图形美感的一种无衬线字 体。从大写字母的"O"的几何特征和小写字母"a"的简单构型就可以看出,几何体拥有最现代的外观和感触。

(以上材料整理自维基百科)

untitled11.jpg

为什么衬线字体更有利于阅读,我认为衬线字体在字的交接处和末端添加装饰形状,明显的粗细变化,而我们的视线比较适应不同粗细的线条交织,并且衬角很好的接管了视线,传达一种结束或者改变的信号.

mediumjpg1.png

并且有很多人喜欢像素感很强的字体,究其原因,受制于传统的显示技术,导致字体(多数是衬线字体),像素感很强,这本是一种技术缺陷,如同像素画,依然有众多的爱好者. 像素感强的字体,在阅读上其实并不亲和,如同像素画一般,长时间阅读可能导致眼睛不适.

中文字体

中文比较常见的字体有宋体,新宋体,黑体,华文细黑,微软雅黑等.宋体发明于宋代,尽管当时人们习惯于以书法家命名字体,比如颜体柳体,宋体的发明 者应该是秦桧,这可能是后世以朝代命名这个字体的缘故吧).前文提过,之所以横细竖宽,是由于篆刻的木纹的缘故,衬角来自于人们的书写提笔习惯.在印刷技 术低下的年代,衬角更方便识别印刷油墨不明显的字体.并且宋体相对于其他书法字体,比较节省印刷材料.这也是宋体延续千年的缘故.

黑体和华文细黑都是后来根据西方的无衬线字体黑体修改的字体.微软雅黑字体事实上是人文主义字体.

楷体也十分常见,但按照分类,楷体应该属于艺术字体.

untitled5.jpg

另外中文标准字体制作成本大大高于英文,所以相对英文字体要稀少的多,这只是原因之一,更大的问题是如今的中文字体制作者倾向于制作艺术字体,对于 标准字体很少见有人制作.这似乎不应该埋怨制作者,大量的人对字体完全没有审美,或者对字体的审美建立在对艺术字形态上的图形审美.

日本字体

日本字体比大陆简体字多很多,其中优秀的字体也相当多.汉字字体如今也仅有日本汉字能和英文相媲美.另外注意:日本汉字来源也是根据<六书>

untitled7.jpg

很大程度上,中文字体在web上显示不如拉丁文好看的原因在于:

untitled-4.jpg

弧度.英文字母的弧度有很多是相似的,比如[n,m,h,u],[b,d,p,q][c,o,e][v,y,x],而这些简单的弧线构成字母,这些 字母的组合构成单词,单词的组合构成整篇文章,那么整篇文章的弧度都是有最原始的字母弧度构成.这样带来的视觉效果的统一性,符合现代人的审美.

untitled-3.jpg

构架.字母的构架有很强制的标准,使得本来就很构架就很简单的字母显得整齐.

untitled-9.jpg

排版.相对统一的线条弧度,标准的架构使排版相对容易些.

简体字.一些保守的学者认为简体字毁掉了汉字,汉字的造字根源是依靠<六书>中的”象形,指事,形声,会意,转注,假借”, 而简体字的简化标准不依据于<六书>,完全按照简化者的意愿进行以书写方便为目的的改造,简化字本身完全无法形成一套系统,我们根本无法根据 简体字进行新字的创造.而繁体字对于很多西方新词,不仅仅使用音译,而是根据意思和<六书>,制造新字.

繁体字按照六书的造字方法得来,有自身的系统,相比拉丁字母的相似,繁体字本身也来自与字的组合,这一点比之于简体字,排版会漂亮很多.

untitled-6.jpg

了解完基本字体后,我们必须说一说艺术字体.艺术字体一般用于标题,因为艺术字体比基本字体表达更多的情绪,比如欢快,严肃或者玩世不恭.

untitled-8.jpg

他们有自己的线条和力度,用线条穿达各种情绪.这样的字体充斥在我们周围的广告上.

公司的标志字体,他们隶属于VI(视觉识别)系统,根据整套的风格,制作的字体.他们大多都在不同程度上组合嫁接了字母.

untitled-10.jpg

更多
打印  |  相关话题:字体设计   |  类别:视觉设计  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买