字体设计 - UCD大社区

小文字，大体验

ivydoll — 2012-05-27 14:39:33

随着ipad等移动终端的崛起，人们在移动终端阅读上的时间越来越多，阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在，那么字体在哪些方面又是什么影响着阅读体验的成败？

1.是否具有高辨识度

首先看看Consolas,这款字体，我们可以发现，i和w的宽度都是一样的，这种等宽字体都具有非常高的辨识度，非常适合文字编写，代码显示等工作。

还是这个例子，在Arial字体中，i,l 的辨识度很低，而且当有连续的il等较窄文字出现时，文字难以选中，此外Georgia中，字母o,与数字0 只在大小上略有区别，基本上分不清，很难做到一目了然。
由此可见，等宽字体受字母本身的干扰较小，字母大小固定，密度固定，此类字体，简单容易辨认，大大提升了阅读效率。但等宽字体也有很严重的问题，他用降低美观程度而换来了高辨识度，因此，大多只能出没于在一些代码编辑器等软件。

2.是否适合长时间阅读
Arial和Gerogia, 这两款字体在pc的网页上都非常用，但哪一种更适合长时间阅读？

虽然看起来无衬线字体虽然更简洁，醒目，但识别性却不如衬线字体那么明确，要想让读者进行长时间阅读，更需要的是让读者一扫而过，不需要思考就能读出文字，而Georgia恰好具备这一点特质。因此，一般来说在同等印刷条件下衬线体在的阅读速度要比无衬线体快五分之一左右。

首先衬线的笔画辅助起到的不仅是美观，还有助于辨识字体，其次，这些衬线笔画可以使得这些字母在基准线上的笔画在视觉上会形成一定的水平导视，可以引导视觉朝着水平方向移动，使得被识别性系数提高，这就是为什么类似于Georgia的衬线字体会在pc端和传统出版都会如此受欢迎的原因。

无衬线的Arial就好像大家闺秀，更适合地铁等一些醒目的标牌等一些大场面，而非衬线的Georgia却似小家碧玉，字里行间，百看不腻。

3.是否适应移动终端
由于iPad 的显示屏亮度和对比度要高于普通电脑，因此很多在普通电脑上合适的字体和设计直接搬到 iPad 上会由于背景的亮度而产生实物过虚的问题。这一点在搭配字体时尤其成为问题。某些细字体却严重发虚，导致原本适合的搭配变得不般配，严重影响了体验。
Retina Display 带来更细的精度，同时也给字体渲染带来了更多问题，由于在不进行缩放的情况下，显示普通图片时，它会用4个像素来显示图片中的1个像素；而在显示retina图片时，每个像素都对应图片中的1个像素。因此一些字体比如Georgia 就会变得非常细，导致字体在显示时与设计时不一致，影响了体验。

事实上，我们没有办法去改变硬件，只能尽量避免这些问题，因此在移动终端适当的加大文字尺寸（14px-16px）是比较明智。此外还可以加大文字的磅数也是避免发虚的办法，而在英文显示方面，PC端的经典之一Georgia还需慎用。

4.是否拥有缜密的排版
这一点，在中文的排版上唐茶就做的非常不错，实现了禁则处理、齐头尾、英文换行（hyphenation）等排版基本功，还对标点外挂（行末出现的句号、逗号、分号等标点会被「悬挂」到文字右边框的外沿。）和段首缩进进行了实验性尝试，都给读者带来了良好的阅读体验。

此外，阅读的体验还决于其他的重要因素，比如在不同的场合应用不同的字体，字体的大小，磅数，文字一行的长度，文字之间的密度等。

阅读乃大，方方面面不离文字，文字虽小，笔笔画画紧扣体验。对设计师而言，优秀阅读的体验，不仅仅是让我们追求美的视觉，更是出于一种对读者的关怀。

转载请注明出自”百度MUX”

相关话题：字体设计源地址：http://mux.baidu.com/?p=2653

电影海报中的字体设计赏析

小风vincent — 2012-05-27 14:37:13

海报又称招贴或宣传画，是一种平面形式的宣传广告。具有画面大、内容广泛、艺术表现力丰富、视觉冲击力强的特点，多用于电影、戏剧、比赛、文艺演出等活动。电影海报是海报的分支，作为电影艺术的宣传品，往往浓缩了一部电影的精华，有着深厚的文化内涵与艺术审美，具有很强的观赏性，能让观众得到除了电影本身以外的另一种平面艺术的享受。一幅优秀的电影海报，往往具有很高的设计水准，对图形、文字、色彩等设计元素运用相得益彰，提升视觉表现力的同时又具备独特的艺术魅力。在电影海报设计中，除了对画面、色彩的表现之外，以电影名称为主体的字体设计也是其中非常重要的部分。它是传达电影信息的重要载体，经过艺术化设计以后，可使文字形象变得情境化、视觉化，强化了语言效果，对提升海报设计品质和视觉表现力发挥了极大作用。优秀电影海报的字体设计，对我们在品牌设计或页面设计时面对字体的处理，有着很好借鉴与参考意义。下面就针对电影海报中的字体设计进行探讨，分析优秀的字体设计如何在海报设计中扮演重要角色。

既然是关于字体设计，那么就得从文字的历史说起。我国是一个多民族的国家，文字种类很多，汉字是其中应用最广泛的，也是中国的官方文字。汉字，亦称中文字、中国字，是汉字文化圈广泛使用的一种文字。目前的汉字体系分为繁体字和简体字，前者用于台湾、香港、澳门和北美的华人圈中，后者用于中国大陆和新加坡以及东南亚的华人社区。汉字是世界上历史最悠久的文字之一，汉字的演变经历了几千年的漫长历程，经历了甲骨文、金文、篆书、隶书、楷书、草书、行书、宋体等阶段。下图展示的就是汉字的演变历史。

商朝时刻写在龟甲、兽骨上的文字，称为“甲骨文”。甲骨文是目前我们发现的最早的比较成熟的文字，我们今天的汉字就是从甲骨文演变而来。而后来出现的金文指浇铸或刻凿在青铜器上的铭文。古代称铜为金，故称金文。西周晚期，金文形体趋向线条化，笔画比较整齐、匀称，这种字体叫大篆。秦统一后，对汉字进行整理和简化，制定了新的文字标准，在全国推行，这种新字体叫小篆。小篆使文字规范了，但书写还是很不方便，因此，在民间逐渐流行起一种更简单的字体，叫隶书。隶书是连接古文字时代于今文字时代的桥梁。它的特点是把小篆粗细相等的均匀线条变成平直有棱角的横、竖、点、撇、捺、挑、勾等笔划，这样用笔书写起来就方便了许多。到了汉朝后期，隶书又演变为楷书。楷书的书写把隶书的波势挑法改变成定型的勾撇，使字形更加方正平直，书写更为简便。与楷书并行的还有草书与行书。草书特征是笔画连带、结构简约、气势连贯、字体奔放。行书是介于楷书和草书之间的字体，比楷书简便，且比草书易于辩认，被广泛采用。到了宋朝，随着雕版印刷术的发明，横平竖直、方方正正，更适于印版镌刻的字体──宋体出现了。随着文化事业的发展，几百年来，在宋体字的基础上又衍生出长宋、扁宋、仿宋等多种变体。近代西方印刷术传入后，在西文字体影响下，又出现了黑体、美术字体等等多种新的字体。

汉字经过几千年的演变，虽然字体变得越来越简洁，更利于书写与印刷，但是这些古老的字体仍然被很好的传承了下来，并以当代的书法艺术形式发扬光大，也被广泛应用于各类设计品、艺术品、平面媒体和环境艺术当中，彰显着我们悠久的历史传承和深厚的文化底蕴。

书法字本就是一种平面艺术形式，具有很强的设计感与艺术表现力，在海报设计中被经常采用，在电影海报设计中则更是如此，一些具有历史文化背景或是有较为浓重情感诉求的电影往往会选择书法字来表现，既能给电影海报提升视觉表现，也能增加文化内涵，渲染电影气质。

各种书法字体因为产生的历史时期不同，会给我们不一样的气质感受。比如篆体与隶书会比楷书与行书显得更古朴，更有历史文化感。在其他风格特性表现方面，不同的书法字体也都有着自己独特的细腻个性。优秀的电影海报在这点上的把握肯定是准确吻合的，并对电影风格属性起着烘托作用。

书法字原型：大篆

这是张艺谋电影《英雄》的一款算是非正式概念性海报，故事背景是在战国末期，当时正是以大篆为主要字体。海报以一个篆体“剑”字为主体，这个字是无名向残剑所求的字，当无名十步于秦王时却未出手刺秦，秦王背过身去看着后面那幅巨大的“剑”字时，忽然明白了残剑在也领悟到的东西，海报中篆体“剑”字，行笔圆转，气韵通畅，意境深远，也传达了电影精神。

书法字原型：小篆

赤壁之战是三国历史中以少胜多的著名战役，其中充满智慧的军事谋略更是被后人传颂。在这张《赤壁》海报中，也采用了篆体为原形的字形，容易识别而又不失古典韵味，历史氛围浓郁，而篆体字内敛沉稳，庄严秀美的气质，也揭示着电影要展现的并非战争的凌厉与杀伤，而是战争下人物的智慧、谋略、情操等，而篆体正好把这个诉求拿捏得十分到位，让人久久品味。

书法字原型：隶书

《投名状》海报用的是隶书原型的标题，以阴刻印章形式，更显得庄重古朴，沉稳内敛，而这种凝重的气质，正符合电影剧情发展所表现出的人物关系的矛盾纠葛，人道、诚信、爱情、权势、抱负、兄弟情谊，这些价值观念同时出现，彼此冲突，此消彼长，共同构成了这样一部有些悲情色彩的历史大戏，同时也把观众带进了深层次价值思考。隶书所特有的庄严凝重气质将这些渲染得恰到好处。

书法字原型：楷书

李安导演的《色戒》标题字用的是以楷书为原型，同时又融入了拓印的痕迹。加上梅红色的颜色应用，饱含情欲色彩而又不失文艺气质，采用古文字的从右至左的排列，再加上英文与小印章的排版组合，显得更为精致与国际范。

书法字原型：草书

王家卫导演的《一代宗师》海报，气氛营造得十分有范，不愧是玩弄意境的高手。雨夜中叶问独战群敌，制敌后摆出临战姿势，以静驭动，张弛有度，似进如退，沉静犀利。身后的中文草书作背景，潇洒灵动，笔法错落，气势磅礴，独具特色，配合海报整体的苍茫浑厚气氛，真是越看越有味道。

书法字原型：行书

《梅兰芳》电影海报标题字写的是行书，笔触婉转流畅，落落大方，飘逸秀美，用以表现以国粹京剧为背景的梅兰芳先生的故事可以说是再合适不过，一则表达中国元素，二则映衬梅兰芳先生的京剧艺术和他的气节情操，飘逸大方的行书气质正是贴切。

字体原型：宋体

《岁月神偷》的这张海报，应用的字体是宋体。宋体是雕版印刷出现后和产物，是一种印刷字体，相比之前的书法字体就更为规范和拘谨了，但也是着其独特的韵味。海报中的标题字经过艺术化的处理设计，使其具有了自己的一些特色。首先做了斑驳的效果，像是拓印的痕迹，然后采用米字格来做背景修饰，填充上颜色变化，排版上采用竖排文字撑起海报主干，经过这一系列契合电影风格的变化，就使得文字也具有了感染力，与电影气质结合得相当出色。

字体原型：书宋体

宋体有很多衍变，有粗有细，有长有扁，上图的海报就是细一些宋体，常用于书刊印刷，可称之为书宋体。横竖粗细差别不是太大，也一样有种特别的味道。这样一部爱情片，画面中男女主人公对视，画面温馨，运用上宋体的繁体字作主标，再经过和其他文字的排版处理，显得既清新又文艺了。

手写体

原笔迹的手写体总给人也亲切的感觉，《那些年》追忆的正是校园时期的青葱岁月，用手写笔迹作标题字自然非常合适，一群同学伙伴排排坐于高台，一起度过青春时光，怎么样都是值得回忆的那些年。手写字，每一笔都不可复制，每一划都触景生情。

设计字体

《志明与春娇》是香港怪才导演彭浩翔的作品，这是一部轻松的，纯情的爱情电影。彭浩翔以他一贯的幽默搞怪特色，在那些看似随意无关的成人话题和冷热幽默中透露着浪漫纯真的人物情感。《志明与春娇》就是这样一部电影，电影海报也是这样轻描淡写地涂鸦一番，用了有些卡通调皮的字体与明快的颜色，就在这种轻松自在氛围中印上了这部电影独特的风格印记。

设计字体

《无间道》系列堪称香港警匪片的巅峰之作了。两个年轻人被各自安排进了警局与黑社会作卧底，使他们有了双重身份，他们一边要隐藏自己的真实身份，取得身边同伙的信任，一边又要给各自老大传送消息，在这种无间地狱下，他们都想尽早脱离，于是一声激烈的角斗就此展开。海报中无间道三个字采用的是中间镂空的描边字体，图形类似迷宫，而且紧凑无间，传达出对于无间世界的迷离与困顿，难以自拔，同时又充斥着紧张冲突的气氛，给人一种不安定的感觉。这样的字体语言是多么契合这样一部电影。

设计字体

号称中国首部东方新魔幻巨献的《画皮》，我对电影并不感冒，但对其海报中的字体设计比较推崇。这是著名设计公司早晨设计的作品。“画皮”二字使用繁体，字体感觉犀利遒劲，设计感十足，加上纹理的质感处理，既有了魔幻意境，又带有哥特式惊悚的味道，很好地传达了电影气质。

设计字体

姜文的《让子弹飞》，从海报字体角度看，关联了电影名字的字面元素的“子弹”进行了创作，这是一种比较常见的字体设计手法，关键看怎么样关联得恰到好处。《让子弹飞》中，子弹从左边字体穿行而过，刚好利用了字的笔画连接，让切割后的字体不会显得别扭，反而有了某种让人愉悦的设计感与速度感，再配合上凌厉的笔触变形，增添了电影的锐利感。

以上是对中国电影海报中的一些字体设计案例的分析。象形表意的中国汉字，以形表意、形意结合，使人 “望文生义”，读“字”而明“义”，具有独特的清晰明了的视觉魅力和传达效应，比之以英文字母的确是具有更多的优势，但国外的设计师们通过他们独特的视角，挖掘英文字母的形意表现，创作出了很多杰出的电影海报字体设计作品。

大导演斯皮尔伯格的《人工智能》海报，主体只有以A.i.字母的图形，却作出了相当杰出的设计。以右边孩子的轮廓对A字母作镂空，像是对它作了挪移，形成A.i.两字母。这个孩子正是片中的主角，他是一高度智能的机器人，有情感，会思考，但他终究是机器人，因种种原因被妈妈遗弃。纯黑背景下只有他的孤独身影，发人深思，在高度科技文明的未来，人类该怎么处理与机器人的关系，我们该如何直面伦理、道德、情感。A.i.字母的图形表意，承载着这部电影的精髓。

经典影片《教父》，讲述的是黑帮的故事。 “教父”是黑手党家族首领，常干一些违法的事，但同时他也是许多弱小平民的保护神，深得人们爱戴。海报主体是The Godfather的英文，字体粗壮紧凑，颇有力量感，而在father英文上方是一只玩扯木偶线的手，用中文理解，可以是“玩弄鼓掌之间”，“一手摭天”之类的寓意，教父的地位和权势正是有如这般，不可动摇。海报采用这类具象的图形来寓意电影，显得更为深层与内涵了。

《007》系列里的一张海报。标题字007与手枪造型的结合非常巧妙，这个组合设计其实《007》系列已经沿用很多年，已经成为了这个系列的一个标志性标签了，这类与具体图像结合的字体设计方法虽然被用得很多，但只要结合得好，还是非常具有生命力的。

《大鱼》的海报，讲述了一位夸夸其谈的父亲，总爱跟人讲述他那些光怪陆离的事情。虽然讲述的是父亲与儿子的故事，但因为父亲的这些离奇的故事而使这部片子的气质带有某些童话色彩，海报中字形的设计也与众不同，异化成了树木，生长出了枝干，字体也带有一些童话的趣味感，加上色彩的搭配，使海报整体有了一些温情的感觉，这也是这部电影所要传达的情感。

《无间行者》是导演马丁•斯科塞斯根据香港电影《无间道》的剧本改编的一部电影，同样讲述两个饱受身心煎熬的卧底的无间之路。电影海报将标题字的字形与图象画面很好地结合，利用字体间隙破坏画面完整，倒呈现出了很不错的效果，给人一种迷乱、紧张与不安定的感觉，很好地契合电影感觉。

以上就是我所呈现给大家的一些电影海报设计作品。关于海报中字体的解析，更多的是得先从电影本身出发，知道电影讲的是怎样的一个故事，它想要表现的是什么。先了解了这些，自然就会对画面和文字有了准确的把握与认知。因而，关于字体的运用，我认为首要的是要培养良好的字体感觉，对各类字形足够敏感，了解各种字形的特性风格，应用时才能映衬主题对字体的气质特性把握得恰到好处。这点我觉得应该是优先于设计方法之上的。关于字体设计的具体方法，其实无外乎多积累多学习多思考多实践之类。要想更快速、功利的办法，那就是借鉴与效仿，借其精髓，为我所用，举一反三，触类旁通。正所谓模仿是创造的开始。

字体设计是设计中的一门大学科。文字不仅是传递信息的重要载体，也是设计元素的重要组成部分。我们有必要对文字进行设计，增加设计美感，赋予它独特的个性而更易于传播。在品牌设计或网页设计中，都会遇到这个设计课题，需要我们不断的探究与学习。本文只是以电影海报的角度切入，对其在文字设计方面作了一些粗浅的分析，旨在与大家更多的交流与探讨。

相关话题：字体设计源地址：http://uedc.163.com/9208.html

标识字体设计中的细节微创新分享

CDCer — 2011-03-11 10:22:38

Donald Young的简介：
Donald Young是一位职业的字体设计师，专注于公司和企业的专用字体以及字体标志设计，可以说1926年出生的他是世界上仍然健在的最杰出的字母标识大师。曾为多个著名的企业公司设计过标识字体，年过八旬的他仍然致力与字体设计与设计教育，从1955到1978年，从1997年至今，Donald已在Art Centre College任教46载…

一些很小的改变成就了从传统到现代的文化传承，我们今天看到的字母和五百年前的几乎相同，这种相对的稳定性对于一个整个童年都处在颠沛流离和寻找安定环境的Donald来说是一种慰藉。可能是在字母中他找回了一种可以把自己寄托的安定感，所以他说，每当他手握铅笔时，他都幸福得像一个小孩。

大多数的时候，精心挑选出一套字体，对于一个需要标准化应用的产品来说是一个很好的选择，因为如今一个字体类型中，可能会有500种以上的字体可供选择，不过对于标志字体，那几个固定的字母组合就必须要针对不同的项目进行全新的设计。

当创新变得非常必要的时候，创新本身所代表的意义就显得更加重要。有时候我们太热衷与创新把字母重新设计得曼妙纤细华丽优美，任由这个趋势发展的话这些文字很有变成不易识别的异类信息，保持着清醒的思路通过细节的调整让它们的组合变成更易识别和更具有某种特质和倾向性的视觉符号，大概这是设计之所以存在的理由吧。

无数细微之处的创新，在已有的字体基础上创造出一个更好的更优化的，更容易被识别的字体相对于我们今天为之努力的互联网产品，有着某种相同的特性：

每个字母，每个交互的细节都存在着可以被优化的机会点，我们在设计的过程中不断地体悟、分析和权衡这些细小的点，一个人或一个团队对每个细微的点都有着不同的理解，不同的人会有不同的处理方式，每个点的不同处理方式都会在一定的程度影响到整个产品的性格。再加上一个时间维度来看，每个细微点出现的时间不同，或者是领悟到这个细微点的时间不同，这样，设计似乎就变成了一个千头万绪而且没有终点的工作。这时的我们大可不必烦躁，不要烦恼，平静地来看看这个的老头用铅笔在纸上描绘出来的那一股股隽永的线条，体味一种带着执著的优雅吧。

首先介绍他的三款字体：Home Run，Young Gallant和Young Finesse。

Donald这样描述他专注标识设计的原因：“学好如何画出漂亮的字母是件需要花费很多时间的事情，我从1948年就开始学习它，现在我仍然在学习。画出一套好的字体让我很享受，这可能和我喜欢细节的特质有关。”虽然人人都说Donald Young是一个标识设计师，教育家，他自己倒很乐意说他其实毕生都醉心于重复地描绘字母，他就是那么热爱一遍又一遍地描绘它们。

Donald为很多知名的企业机构设计过标识，以下是我搜集到的一部分。

细节中的再设计
已经有了那么多好看的字体，如何要有新的设计？新的设计有何存在的理由？

简单的回答这个问题可以归结为2个字“定制”，经过设计的字母会针对不同的品位，不同的性格，不同的状态，是一个独一无二的标识。所有的公司都需要与行业中的其他公司区别开，需要去契合某个人群的独特品味。字号、间距、结构……有时这些细微的差别就会造就完全不同的印象。设计一个Logo有很丰富的视觉语言，然而就算如此要表达一个抽象的概念都需要付出非常大的努力。要单单通过字体的细微变化来给人一种更友好的视觉和认知体验的难度就可想而知了。

这需要非常多的草图的反复描绘来想清楚所有的细节。Donald自认为最值得骄傲的一个标识Prudential保险公司的标识，设计它的过程中产生了 1500张草图。

*这是Prudential之前的标识。他们现在的需求是要重新设计一个友好的标识字体。

*铅笔手绘字母组合用以透彻理解字母的细微差别。

*多种字体组合标识，选出最理想的基本字体。Century字体是美国学校教科书常用的一种字体，美国人觉得它很友好，不是字体本身有什么魔力，而是很多很多人的童年都是看着它度过，这产生了一种亲切感。

*人们识别单词的注意焦点在字母组合的头部。而对于字母的脚则不那么关注，所以需要优化和重新设计的地方应该是字母组合的头部。

*字母a的变化，去掉了尾巴，减少字母占用的空间。增加了“肚子”，增强可识别性。

*字母t的变化，尾巴拉长，字母头拉长。可在字母组合中更容易被识别。

*字母间距整体微调。

*段落文本的整体测试。

积累与传承

作为一名老师，Donald总是这样对他的学生说：“我不关心规则是什么，我知道有许多规则，然而我的标准就是它看起来究竟怎么样，必须一遍遍的打磨，直至看起来无可挑剔。”

“我们没必要的创新，除非这个改变相比之前解决方式足够的好。”

后记
定制服务正越来越为趋势，量身定制就需要有更充分的细节设计，发现这些细节并且做好这些细节，需要长期积累处理细节的能力。

“再一次，改变世界”的背后是无数细微点的创新汇聚成的全新集合，做出好的产品需要良好的传承和坚持不懈的积累。如同一套标识一般，产品要保持一个统一的产品个性，给人以安定感，也通过不断的迭代完善才会被打磨得越来越优秀。不同的产品的点滴的积累中，一种信念会得到用户的认可，一个企业就得到了用户的尊敬。

感谢阅读！

相关话题：字体设计源地址：http://cdc.tencent.com/?p=3574

汉字的灵性

Digidea — 2010-11-15 10:12:43

前阵子写的一篇文章, 发表在《MOMENT 瞬》杂志 2010 / 11 月号上. 首先要感谢编辑大人侯静文 (Mavvis) 小姐的支持~ 以及陈桑间接帮的一个忙. 全文见下 (与所刊发的文章稍有区别), 另外本期中还有應永會的一篇访谈.

汉字的气场

厉向晨 (Digidea Lee)

俗话说字如其人，通过一个人写的字所带给我们的感觉，从中间接可以看出他的气度、为人，这是不假的。而印刷字体也同样，不同字体的区别并不仅仅是好看与不好看而已，从每一个细节都可以看出设计者的想法，而细节的改变，哪怕只是一个点的距离，也会影响整个字传达出的气场。

大多数人都认为日本的电脑字体比中国的好看，这其中很大程度是因为日本的很多字体更具灵性，而中国的则更注重形式。如果我们把几种字体放在一起比较一下，很容易就能看出哪个比较呆板，哪个比较舒服一些。上图中 AXIS 黑体就是最好的例子，这款字体正是以此作为设计的出发点，让每个笔画都以舒服的位置和尺寸出现，不去刻意想要追求一种怎样的形式。这使整套字体最终所呈现出的样子是自然和简洁的，不做作也不夸张。

从左侧依次为：兰亭黑，AXIS 黑体，小塚黑体，森泽新黑，华康黑体，蒙纳 MHei

在细节上纠缠正是字体设计工作的重点，因为这里有太多同质化的东西，我们需要在固定的模式和框架下制作出不同的具有差异性和特点的东西。当然这首先要排除所谓的“个性字体”或者说“艺术字体”，因为它们并不能被算作严谨的印刷字体（正文字体）。

将我的一段试验作为一个例子来讲一下仿宋体。虽然与黑体、宋体、楷体并列成为中文的四种基本印刷字体，但仿宋是其中使用最少的一个，这与现今仿宋字体糟糕的字形和质量有关。我们先来看一下最早的仿宋：

《尹文子》/《四部备要》中华书局聚珍倣宋版印

仿宋体最初是由丁辅之与丁善之两兄弟于民国年间制成的，其名为“聚珍倣宋”，聚珍一词是活字的意思。该字体以宋代刻本字体为基础，并融入欧体书法的特点，使得字体风格刚柔并济，具有人文特征，但不失硬朗。这是我之前根据中华书局所刊四部备要复原出的字体：

聚珍仿宋 by Digidea 2008

聚珍仿宋的每一个字都极具特征，中宫外放，张力非常强，使得整个字的强调性丝毫不亚于很粗的黑体。并且排在一起时也不会因此而让整体效果打折扣，正相反整体效果非常一致。虽然具有明显的倾斜，但字的重心仍旧很稳定。关于此小磯设计研究室有一个论点，大体是说这种不平行的倾斜可以让文字从平面的 2D 层面跃升到 3D 层面，他将之称为“垂直向上的立体飞翔力”。我个人觉得这种“飞翔力”可以增加版面的活跃度，使文字不过于死板，就像古代刻本或书法作品中经常使用一些异体字来调剂阅读节奏一样。

再反观如今的仿宋，虽然从细节上可以看出的确保留了原始特征，但风格上已然完全退化了。聚珍仿宋的笔画有明显粗细变化，这样虽然笔画尖端处有圆角处理，但仍可以突出硬度，并增强字的醒目性。而现在的仿宋，笔画粗细近似一致，尖端处几乎均为锐角，理应圆滑的地方也被变直，想以此来突出所谓“硬”的感觉，就像每个笔画都是用一个矩形变形而来的，实属很低级的一种做法。并且整个字结构中规中矩，毫无出彩之处，显得呆头呆脑没有灵气。

左字：聚珍仿宋，右字：华文仿宋

还有值得注意的一点是，当初的聚珍仿宋具有三种样式：方、长和扁。在起初的一段时间中，方和长仿宋使用的频率相当；而到了 50 年代以后，基本上只能看见长仿宋了，比较有代表性的就是毛泽东诗词一类的书，大部分都是用长仿宋排版。而电脑中的仿宋字体，说长不长，说方不方，再加上前面提到的其它缺点，使得这种字体字号小了显得弱不禁风，字号大了又会暴露质量缺陷。与其说这是中文字体设计的一种倒退，倒不如说它根本就是一个劣质产品。可悲的是，几乎现在所有的仿宋字体均属于劣质产品。所以也难怪仿宋的使用率会这样低了，而这又将导致厂商们不愿在冷门字体上多下功夫，形成一个恶性循环。

不过聚珍仿宋也并非能堪称完美，毕竟它是铅字时代的产物，部件与笔画风格上存在一些个体差异。而且这个倾斜的特征放在横排时也会反倒影响效果，使文字看上去不够整齐。另外还有我国对旧字形使用的限制等。因此，我有过将仿宋加以完善的尝试，成品如下：

新仿宋 by Digidea 2009

当时的目标旨在减小倾斜度，并加强仿宋的书法感，即人文特征，和统一笔画风格与细节。但现在看来，仍旧有很多明显的不足，或者说相比较之下可能还不如原版的聚珍仿宋：比如说“点”的内弧弯度太大导致笔画过于窄小；尖锐部分太细；倾斜控制的不好使得不同字看起来不协调并且有些字像是被斜切了一下；中宫不够舒展等等。不过也有一些自己比较满意的地方，类似竖画、竖勾、竖弯钩的结尾处，应该处理的比其它字体要舒服。

此外，在同一时期，我也进行了另一项尝试——将仿宋与楷体融合。

仿宋与楷体最大的不同在于结构：一个是为印刷而诞生的，因此每个字的结构很规范化；另一个则是源于手写并经过千年的演变流传至今，虽然后来也得以规范化，但结构上还是有相当程度保留了手写的自由度。目前电脑中的楷体字体大多笔画比较臃肿，无法很好的突出楷体原本的风骨，于是我想将仿宋的笔画特征套在楷体的结构上，并注意了前次尝试的失败之处，同时让笔画粗细变化更加强烈，想借以此来让笔画带有力道，表达出有一股气在文字间流淌的感觉，就像瘦金书。

03 号书体 by Digidea 2009

这个设计很难说成功或者失败，如果论体现楷体的风骨和力道，应该是做到了。但过大的粗细对比，同时也造成了字体在较小字号下会令人看起来眼花缭乱，并且也会使印刷出来的文字显得斑斑驳驳。不过在大尺寸应用下，它的效果应该是可以的，所以这个取舍很难。与之类似的，一些英文字体也会在同字重下准备多个分别微调过细节的面向文本、标题等不同用途的子族。

为了研究从手写体向印刷体的过渡，我开始关注老宋，因为这关系到如何正确处理印刷体和手写体的关系，而老宋则是手写体在印刷体化过程中的一个转折点。我所说的老宋是指从宋代诞生，一直延续到清代的一种过渡形式宋体，它同时具有楷体与宋体的特征。

比较容易找到采用了这种字体的书便是康熙字典，虽然关于这部书充满了争议，但这并不影响从中欣赏文字的美。这是后来我所做成的康熙字典体，这个目前在网上有销售：

「TypeLand 康熙字典體」by Digidea 2010

老宋体的美感很难以言语，这类似于一种穿越时空的感情……对不起，这不是作研究的态度。老宋的结构与现今宋体（新宋体）没有太大区别，但有一个最明显的不同是，老宋的横竖粗细差异没有新宋大，并且老宋的笔画特征也有很多特别之处。比如横画，老宋横画的起笔处是较粗的，而且整个笔画也呈现出一个自然的弧度；竖画起笔则是斜顿下来，这有些类似于英文中 Blackletter 类字体的特点。这些都是直接保留自楷体的特征并加以雕琢，与新宋体的差异非常明显。

另外还有一个特点是，老宋的文字框架稍有特殊。框架与结构不同，结构是指文字内部各个部件和笔画的组合方式，而框架则影响文字外围的轮廓。我们一般设计字体时从理论上有两个框：一个是字面框，文字（字面）包含在它之中，字面框的尺寸是根据字面的实际尺寸而变动的，也就是可以理解为一个紧紧包住字面的方框；另一个是字身框，它在字面框之外，目的是为了使文字四周留有一定空间使得排在一起时不会让每个字挤在一起，如果用金属字模作比喻的话也就是相当于金属块纵向放置时的横截面。一般字体的字面是不会超过字面框的，而老宋则恰恰打破了这一规律。比如上面图中，“康”字左边一撇的末端，就超出了字面框之外，从直排的效果可以直观看出，这一部分是位于行外的。

而类似这种撇的处理，在老宋中是一个普遍现象，也可以算作是它的一个特性。我想，这也就是老宋看起来具有灵性的原因之一。

相关话题：字体设计源地址：http://blog.typeland.com/articles/73

字体图形化设计

wangjg — 2010-10-08 13:34:42

PART1:为什么要字体图形化设计

现代设计中直接从电脑里调出来的千遍一律的标准字体已经不能满足互联网用户日渐提高的审美需求,所以设计师要打破常规,能根据不同的需求,对字体进行独特的个性化的设计。同时字体的图形化设计有利于页面f氛围的营造以及更好的传递产品的特性以及功能等,特别是在推广页面设计的时候我们对标题文案(往往概括了整个活动的专题商业需求)进行特殊的设计处理,与其他的内容文案形成对比,引起用户的知觉兴趣,从而达到让用户有效的了解页面的重点信息。

PART2:字体图形化设计的方法与技巧

在开始之前,首先先了解下字体设计最基本最基础的设计处理方法如加粗、变大、斜体、改变颜色或者字间距等，同时所有的高级技巧都是在此基础上进行延伸与扩展或者突破。

如网络流行的凡客体综合运用了字体设计如放大、改变字体颜色等的基本方法，文字与文字之间形成了强烈的对比，突出了重点，建立了良好的视觉层次与焦点。

改变了字间距，使文字与文字之间的联系更加紧密了，且运用了阴影等使之层次更加丰富。

(1)字体变形

在电脑调出来的基本形上做基础变形处理，在vi字体设计中经常运用到的技巧。

方案2比方案1的线条的处理更加圆滑，同时看起来也更活泼些（但并不是说方案2就比方案1好，需要视具体的情况采用合适的方法）

同时在做字体变形设计的时候需要了解分析其笔画结构走势以及其综合体现出来的“气质”与“感觉”。.

因为整个画面要营造出一种向上的气势，所以在设计处理上线条变的更加倾斜尖锐，强化其速度感和力量感。同时若设计关于女性产品的页面时，就可能会使用比较曲的、纤细的线条体现女性柔美的特点。

小技巧：向优秀的英文字体取经。

推荐两个优秀的英文字体网站：http://new.myfonts.com/ 和http://www.dafont.com/

(2)字形组合

字形组合设计其实是抽象文字的具象化，即抽象的文字与具象的图形结合, 使受众能更加快速的理解传达的信息内容，并能留下深刻的印象！设计的时候最重要的是找到其两者之间的特征属性以及关联性。

(3)3D字体设计

平面立体化，营造一种层次感与空间感，模拟物理使之更加接近于真实，也更有视觉冲击力，在3D字设计的时候无论是PS/AI还是借助3D软件辅助设计最重要是掌握其光影的变化以及形体的透视。

形体比较复杂的可以3D软件把握透视(熟悉AI的可以使用”效果>三维>挤压&斜面”等命令实现),同时后期可以使用PS进行处理，如加强高光阴影以及整体氛围的渲染等。

PART3:字体图形化设计在具体设计过程中应注意的点

(1)网页设计主要是信息的传达设计,任何的设计目的的是为了让用户快速有效到其信息,同时不要为了浮夸的设计技巧而舍本逐末，首先最重要的是先保证其识别性；

(2)字体不是孤立存在的,是页面内容之一,在设计的时候需考虑与周围的其他页面元素的协调一致，强化页面的整体氛围的营造。

相关话题：字体设计源地址：http://www.aliued.cn/?p=3065

Retina Display 带来的字体问题

Type is Beautiful — 2010-08-31 23:27:27

iPhone 4 带来的 Retina Display 推出之初为业界带来了好消息。由于精度更加接近印刷物，设计师们期盼 Retina Display 可以带来印刷物般的阅读体验。然而对于很多 iPhone 4 用户来讲，这却并非事实——加强的屏幕精度似乎影响了阅读，这一点对于中文用户尤甚。我们的朋友 Julius Hui 今天在 Twitter 上将这个问题展开为六点，描述的很清楚：

300ppi 螢幕解像並不加強閱讀享受
由於字體太 sharp 的關係，與發強光的螢幕造成強烈反差，很刺眼
由於分辨率比正常大了一倍，字體看上去都幼（细）了。在激光打印上很夠黑的 Georgia 在 iPhone 4 螢幕上都變得很幼（细），襯線體變得不好讀
由於字體太 sharp 的關係，閱讀時會被字體的細節部分干擾
Heiti 的粗幼（粗细）不均和嚇人的喇叭頭很明顯
即使開英文介面，中文也會強制大家用 Heiti, 而不是3GS 以前的 Hiragino，頓時覺得介面很爛

与之前 iA 评论 iPad 的设计一样，在原本的设计和字体选择下，新的屏幕硬件并无法给予提升的阅读体验，反而造成了阅读障碍。精度过高的文字与大大超过印刷品的对比度一起，造成了视觉疲劳。英文方面，Helvetica 表现尚可，而 Georgia 根据传统电脑屏幕 hinting 而成的磅数和字体细节已经在新屏幕上变得不合时宜。中文方面，由于 Hiragino 中文系并没有跟随 iOS4，iOS4 所使用的 Heiti 不仅设计美感不足，过多的细节变化（粗细，笔划头尾）也在 Retina Display 上一览无余，加上屏幕的对比度提高，使得阅读变得困难重重。相反 Hiragino 系日文字体则由于其笔划设计更加匀称，在 Retina Display 上则表现较佳。

Retina Display 所带来的精度问题将为苹果和设计师们带来新的挑战。苹果应全面修订和更改其字体策略，对于衬线字体的选择和设计要尤其考虑，Georgia 等字体的设计不再可以胜任阅读。这一问题将在 Retina Display 可能在 iPad 等用于阅读的设备中使用时更加凸现。同时如果能将 Hiragino 系中文字体带入 iOS，则是中文用户的福音。设计师们也要改变对 Retina Display 的盲目乐观的态度。如果不认真对待，提高了的精度和对比度带来的新屏幕在现在来看，与其说是机遇，不如说是挑战。

相关话题：字体设计源地址：http://www.typeisbeautiful.com/2010/08/2905

世博与字体

Colourphilosophy — 2010-06-28 23:52:21

刊载于6月号《艺术与设计》，由于诸多批评内容，所以被放在了杂志靠后的“三边联谈”，且成了黑白。现登出原文。

上海世博会在万众期待中，在最后一分钟之前，终于开幕了。对于每日几十万的参观人流，最吸引人的莫过于一座座新奇的场馆。园内公交可以实现远距离运输，但相邻场馆的参观，却仍需要步行。园区内的标识系统尤为重要。
上海世博会的标识系统由日本 GK 设计集团承担。GK 设计在公共标示系统方面具有广泛实践和长期经验，日本诸多城市和大型公共场所都有其作品。GK 集团还担任了1970年大阪世博会、1985年筑波世博会和2005年爱知世博会的标识设计。2009年1月22日，上海世博会事务协调局与日本 GK 设计集团举行了“中国2010年上海世博会标识系统设计合同签约仪式”。

花费巨资、专家设计，我们理应盼望一个高质量的结果。然而诸多管理、行政等中国国情，使最终的结果逊于期望。一些常识性错误尤为遗憾：部分指示牌把“欧洲广场”的英文错写成了“Asia Square”；部分指示牌和地图被树立在草坪中，使人无法靠近；中英文翻译的不统一等（如“世博”有 expo 和 shibo 两种写法）。

作为持续6个月的超大型活动，标识系统涉及到许多方面和层次，让我们比对往届世博会的设计，逐一分析。

1970年大阪世博会

2005年爱知世博会

号称有史以来规模最大的上海世博会，使用了不同色彩代表各大片区。这一看似合理的做法确却并不是每届世博会的惯例。1970年大阪世博会，GK 集团的设计清晰简单，日文和英文的标牌被分开制作，上下并列排放。除了厕所等特殊指示，并没有使用色彩区分园区。路牌上干净利落的黑底黄箭头具有极强的识别性。2000年的汉诺威世博会的导视系统，也没有刻意强调色彩区分。GK 集团在2005年设计的爱知世博会，契合“爱地球博”，不论网站、吉祥物、视觉形象，还是园区内的导视系统，到处洋溢着自然的材质和绿色。除了绿色，其他颜色使用非常节制。

上海世博园区被分为 A 到 E 五大区域。A、B、C 片区位于浦东、D 和 E 位于浦西。在世博官方网站上，E区用绿色代表，但在世博参观者平台官方网站上，则和园区内的标牌一致采用了天蓝色。园区指示牌上 D 和 E 所用的蓝色过于接近，在远距离弱光下极难分辨；而黄色又偏浅。在园区指南图上，世博轴被归于橙色的 B 区，但在较小的独立指路牌上，被另外赋予了了灰色。从上海世博会的官方网站到地图，无不透露出色彩缤纷的花哨之气。

2000年汉诺威世博会

在亚洲国家举办世博会，语言之间的巨大差异往往造成字体编排的困难。2000年的汉诺威世博会上，标识系统使用了同年发布的著名 Frutiger Next 字体家族，利用了罗马体和意大利体的正斜、字母写法不同的特点区分了德语和英语。上海世博会的标识系统，中文使用了华康 W5-A，拉丁文则是 Univers。在中英文编排时，中文字号远大于英文，并不十分协调。在大的如园区指南图，还能辨识清楚，但路牌上英文部分的由于字号过小，识别性大打折扣。相比之下，1970年大阪世博会的日语-英语双语标牌可谓典范。

除了两种语言字体排印上的问题，在数字和文字的编排中，也缺乏仔细考虑。“7, 8号门”中的逗号，压迫到了下一行的小字，凡是遇到这个情况，都有同样的问题。

一个有趣的现象是，由于标牌上的字体为手工粘贴，工人们在某些情况下，发挥了自己的喜好，对原有的字体进行了细微的“再设计”，得到的结果有喜有悲。如上图中的“洲”字。“美洲”的“洲”字为电脑原始设计，而“非洲”的“洲”中“州”中的两点却被垂直贴起，看起来倒也更顺。

图标方面，主要依据了1995年颁布的国标 GB 10001-94，此套图标扩展自1983年陈汉民教授设计的旧版公共标示GB3818-1983。国标中未出现的图标，做了扩展。此外，部分国标图形被修改了，如“问讯”的问号，根据 GB 10001-94，没有圆角。“失物招领”、“餐饮”、“母婴室”等也和国标有出入。GK的设计虽然没有严格遵从国标，倒也具有一定的合理性，给人较为统一的视觉感受。然而在具体编排时，位置和色彩安排却略显混乱，医疗和紧急出口都用绿色表示，却出现在不同位置。“信息服务”并未出现在国标 GB 10001-94 中，“问讯”和“信息服务”从英文上看起来“Information”和“Information service”也容易混淆，不知外国参观者是否能分辨这一中国特色。

除了地图、灯箱指示牌和路牌小灯箱外，上海世博会还增加了临时简易指示条幅。这种类似易拉宝的露天装置，由于移动方便，成为了指示系统重要的补充。演艺活动似乎并未被纳入导视系统我们还能看到另外一种版本的临时条幅。或许是嫌原有指示系统还不够用，除了演艺信息，园区地理信息（如大洋洲广场等）也被囊括了进去。相比之下，宋体字的识别性显然弱得多，指示箭头和整体编排和原有导视系统并不和谐。

在世博会试运行和正式开园期间，关于志愿者的报道不绝于耳。志愿者们耐心告知游客的各种信息，很大一部分是有关场馆位置和路径的。或许原有的导视系统存在死角，或许当下国人对现代指示系统的理解尚不足够，或许是画蛇添足之举，或许我们只有不断重复，才能知道。

在世博会参观，免不了需要如厕。作为标识系统的一部份，厕所的视觉识别设计尤为重要。世博园内，大部分的厕所为临时搭建的金属板房，在毫无装饰的外立面上，唯一的视觉焦点便是醒目的“男”、“女”图标和文字。然而仔细观察，仍能发现混乱和多余的堆砌。

首先是色彩。门上的大型标牌，无论男女还是残疾人，左侧一律有一条蓝色的渐变色条。或许是为了照顾近距离观察，在男厕所和女厕所的门上，又另外横置了长条的色块。男的为深蓝色，女的则为橙色。上下两个层次的色彩形成了奇怪的冲突。尤其是女士入口，下部的橙色和顶上的蓝色相互矛盾，让人很难从远处男女。男士入口的深蓝底板上，则随意被加上了或白色或黑色的文字。

再说字体编排。对于“男”、“女”的翻译，上下标牌并不一致。根据 GB 10001-94，厕所男女的正规写法应是“Male”和“Female”，但下面横向标牌写的却是“MAN”和“WOMAN”，全部大写，使用了不同的中英文字体。

北京奥运鸟巢厕所设计

相比之下，08年北京奥运鸟巢内的厕所标识另人耳目一新。简洁利落的色彩搭配，墙面上巨大醒目的图形和利落的色彩搭配，具有很好的识别性，又不乏视觉上的新鲜感。上海世博会的厕所标识设计，显得过于拘谨而平庸。虽然建筑和所处环境不同，只存在6个月的临时性特点，完全可以有更为大胆新颖的设计。

进入世博的厕所，直白的图标和文字让人略感尴尬。由于原有的国标中并没有具体的大小便图形，设计者的自我发挥造成了简洁性和美感的缺失。站立者的手臂几乎很难看出。马桶被赋予了过多细节，坐便器上人物的刻画也与实际情况不符，还有被设计成圆型的脚。文字的编排，可以看出，为了对齐蓝色图标的右侧画框，中英文被强制一侧对齐。事实上，中国的大部分公共场所的厕所，都没有特意标明“小便区”和“大便区”。甚至奥运会的场馆也并未这么做。上海世博会的这种做法，到底是画蛇添足，还是低估了如厕人的分辨力，无从得知。但仅从文字内容而言，确有不少观众认为过于露骨，并不文雅。蹲式厕位对应的英文翻译，也没有写出。

在男士小便区，“请靠近使用”的中文清晰可见，但下面的英文字号却相差很大，只有“靠近”才能看清。

相比之下，在后滩公园中的厕所标识由于建筑的局限，只保留了基本名称和图标，显得简洁清晰。厕所是每个人都会去的场所，如何清晰、文明地传达必要的信息，上海世博会是一个生动的例子。

相关话题：字体设计源地址：http://www.typeisbeautiful.com/2010/06/2708

Android字体vs微软雅黑字体

gaolewen — 2010-06-28 18:12:58

本文转自小伟的布拉格

用了一段时间 Android 手机之后，不禁对系统中的字体产生了兴趣。因为看起来，Android 中使用的中文字体和 Windows 中使用的“微软雅黑”很像，我一度怀疑 Android 中使用的就是这个字体。今天有时间，就一探究竟吧。

由于 Android 是基于 Linux 的操作系统，因此根据 Linux 上的经验，在手机上使用“ES文件浏览器”浏览到文件系统的 /system/fonts 文件夹，就可以看到系统中安装的字体。为了方便观察，我把它们复制到电脑上了：

wbpluto的手机中一共有9个字体文件：1个为时钟显示准备的Clockopia，4种样式的无衬线(Sans Serif)字体，4种样式的衬线(Serif)字体。关于衬线和无衬线，各位可以上网搜索一下相关的介绍了解。

这9个字体文件中，Droid Sans Fallback 体积明显较大，达到4.2MB，而其他的只有一百多KB。原来，其他字体只包含了西方文字字符，因为西方文字都是拼音文字，只需要少量字符就可以拼成各种单词，而中日韩等东亚文字基于“型”而不是基于“声”，因此字符成千上万，非常多。在计算机系统中，为西方文字准备的字体都非常小，不包含东亚字符，为了解决在使用西方字体时无法显示东亚文字的问题，就采用了目前这种方式：将一种字体与另一种（或多种）字体链接，遇到第一种字体无法显示的字符，自动调用链接的字体来显示。

例如在 Android 系统中，Droid Sans 是默认字体，只包含西方字符，应用程序默认情况下都会调用它；而 Droid Sans Fallback 包含了东亚字符。当需要显示的字符在 Droid Sans 字体中不存在（如汉字），即没有对应编码的字符时，系统会到 Droid Sans Fallback 中去寻找相应编码的字符，如果找到，则使用 Droid Sans Fallback 字体来显示它，如果仍然找不到该编码对应的字符，则系统无法在屏幕上显示出这个字符。

各种操作系统中都有这样的运行机制，例如在英文版的 Windows 7 系统或英文版的应用软件中，界面默认采用的是在开发 Vista 时专门为屏幕显示而全新设计的 Segoe UI 字体，其中并不包含中文字符，但当系统需要显示中文字符时，会自动去调用对应的“微软雅黑”字体来显示（如下图）。当然，这一链接关系是保存在 Windows 注册表中的，我们可以通过修改注册表来改变它。

下面，通过一幅图来对比一下 Droid Sans Fallback 和微软雅黑这两个长得非常像的字体：

1. 雅黑字体显得更宽。但根据整行汉字来看，雅黑单个字符的宽度并没有更宽，只是减少了边缘的空白，使字间距变小，相邻两个字的笔画几乎要挨在一起了。
2. 雅黑字体笔画分布均匀，如“地”字，四条竖线之间的间隔一致。
3. 雅黑字体布局更合理，如“图”字里面的“冬”看起来重心很稳，而 Droid Sans Fallback 中的“冬”有点要倒的感觉。
4. 由于宽度和笔画布局上的不同，造成雅黑字体看起来更丰满（肥），更紧实。
5. 这两种字体都是非等宽字体，可以看出雅黑的英文字母和数字普遍更宽（中文由于是方块字，宽度没有区别）。
6. 雅黑在可能的情况下笔画更长，例如“号”字下方的勾，这样在小字号时可读性更好。
7. 小字号情况下，雅黑字体仍然显得大一些，并且由于笔画的间距控制得较好，更容易看清楚每个字，相比之下，Droid Sans Fallback 笔画黏在一起的情况稍微严重一些（如“最”字）。
8. 仔细观察一下，小字号时的雅黑字底部并没有完全对齐，而 Droid Sans Fallback 对得很整齐。因此雅黑在小字号时有点大小不一，这也是其广为诟病的一点。

需要说明的是，虽然字体文件中指定了字符的笔画，但字符的渲染效果仍然和系统环境有关系，上图是使用 Photoshop 制作的，和手机上的显示效果不完全相同。尽管如此，由于处在同一个渲染环境下，我们仍然可以对比出两种字体的区别和各自的特点。

目前，网上已经有人在制作使用微软雅黑字体的 Android 手机 ROM。我个人认为，这两种字体已经非常相似，都具备了现代字体的特点，以上列出的差异都是细节上的，对于屏幕阅读来说并不是那么重要。因此使用这两种字体当中的哪一种可以根据爱好选择，你有权更喜欢前者，也有权更喜欢后者，智能手机机玩的就是自由和定制性，只要用起来顺心，得到满足和方便就行。

相关话题：字体设计 Android 源地址：http://www.gaolewen.com/read.php?121

Web Design广告字体设计技巧

路飞 — 2010-06-17 21:54:43

字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广泛应用于网络生活的各个方面。现代字体设计在计算机技术的应用中已经深入到日常工作、生活的每一个角落。

随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字体的要求也越来越多。要想设计出较好的作品,从计算机里调出来的任何一种标准字体都是不适合的,因为那会造成千遍一律,设计“撞车”的事故,识别性不强的弊端。

字体设计要求设计者根据不同需求,不同的设计氛围、生活常识,去捕捉具有准确性、关联性、独特性、可开发性的不同个性的字体,以传递需求的意思和商品特征,这也是平面设计中字体设计的关键所在。可以说进行字体设计的训练其本身就是加强设计师的观察能力、思维能力、艺术创造力。

在日常设计工作中，“意象”被理解为“字体外在的型和人们生活中对该字的理解的形象”这显然是我们设计在创作的一个很好的方式方法。

“字体外在的型”更多的被用来表达设计者的想法和渲染大环境,而我们所说的意象更多的是用来形容那种自发的、随手而来、随心而发的一种感觉。在汉字的发展过程中,其形态始终与其意义纠结在一起而无法摆脱。这也是汉字最终没有转化成为拼音文字的一个重要的原因。

由于其字体具有图像的基础,致使人们在书写它时很容易形成其形象的特质，汉字的自身特点赋予了它“可意象性”–这是一种将人们心中意象的个性和结构特点与汉字本身联系起来的物质特性。汉字形体中,蕴涵着一种对于任何观察者都很有可能唤起强烈意象的特性。它不仅仅是被看见,而且是清晰、强烈的被感知,并且加入了创作者自身的心灵感受。汉字的这种特性,在汉字图形中得到了充分的体现。汉字图形的意象设计,也可称为意象变化字体图形。“其特点是把握特定文字个性化的意象品格,将文字的内涵特质通过可视化的表情传神构成自身的趣味。”意象化的汉字赋予文字以字面外的强烈意念,通过丰富的联想别出心裁的展示浪漫色彩对文字进行再创造。所变化出的意象文字超脱了具体的“形似”,而是提炼出了抽像的“意”,从而获得媒体功能意构传神的表达。由于汉字的意义的多样性,以及创作者心灵意象的多变性,意象设计的方法呈现出多种多样的面貌。

根据设计中所采用的字义的不同,和借用的象征物的不同来对汉字图形的意象设计方法进行一些分类,其中也借用了一些我对现代汉字意象设计的一些分类方法。字义意象设计是指在汉字艺术设计中借用字本身的含义特征,将所要传达事物的属性表达出来。这是意象设计中最简单的一种,它只要直观的表现出汉字的意义就可以了。当然,不同的人表现出来的同一个汉字又有所不同。

在字体变型上要切记2点:

一是变形要在笔画的末端或起笔处变型才不会有突兀;

二是整体的去设计,要把文案当做一个整体去设计和考究,这是前期变型时需要注意的。
创意要靠平时生活的不断积累和思考,以上是我对日常工作的一点总结,总之,字体的应用效应已越来越被人们所重视,无论是对字体的选择或是对字体的使用都构成了衡量一个设计师的标准。我们可以这么说,一个好的设计师既能很好地针对需要选择字体,又能对字体进行很好地设计安排与控制。字体设计的感染力是巨大的,世界上无所谓好看的文字或不好看的文字只在乎设计师如何对文字进行创意产生富有魅力的字体。新世纪设计师要运用崭新的观念去表现字体的时代性,设计和组合上都要带给其他人清新的感觉。设计大多是为商品宣传服务,所以设计师要为客户打算,最重要的是这个字体的设计可否增加商品的吸引力。所以，设计师对字体运用多作深入的了解和研究,才能设计出更精彩的作品。

关于文字的可阅读性：新附配图

Hongzhang Fang — 2010-05-31 23:52:25

配图说明：这篇短文言简意赅，涉及到西文字体排印的一些核心内容和问题，对初学者十分有益。所提结论高度提炼，但绝不应奉为圭臬，仍该有充分的讨论空间。配图后希望帮助理解。配图：Rex Chen

大写 i，小写 L 与数字 1：过于简单的字型并不意味着容易识别。

因为看到豆瓣和这里都有关于 legibility 和 readability 的讨论，发觉自己还有一篇旧文也是关于文字的可阅读性，很早前写的，可能有很多的不足，发上来一起讨论。

一个优秀的字体必须具备十分明显的特征，单个字母的形体必须是不可替换性的，而且字母形体之间要有明显的区分，这种唯一性并不要求其形体最为简单的，但是必须是十分的清楚的，字母的形态是很好被识别的。因为有时字体形体的过于简单，反而会使字体之间的区别不是很大，在阅读的时候不容易区分和识别。

字间距过大过小都会影响阅读。

每个字母之间必须有一定合理空间（Kerning），如果字母之间的距离过于狭小，就像两个挨着很近的鸡蛋随时有可能相碰撞的危险，如果字母间距过大，那字母就会失去张力和紧张感，使得文字阅读变得乏味。所以字母之间的距离应该合适，使得在很紧凑的句子和印刷很差的情况下，不会和其他的字母混淆在一起而影响阅读性。针对一般的文本设计来说，字号越小，字母之间的间距就要越大，以使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至于字符之间不会那么松垮，而更易阅读。

默认的字间距并非理想，也需要一再调整。

一个优秀的字体，不管是衬线字体或者是无衬线，在字母排列成文章的时候都会形成统一的灰度，即字母的笔画和笔画之间的空间形成一定的灰度。就是我们常说得是黑白分布得当，所有的字母一样，重要的不是设计黑的部分，而是设计白的部分：即字母旁边和中间的空间。这是非常重要的。比如字体中的 I 和小写 L 或者 i 之间距离应该大些，因为两个竖线所形成的空间是最小的，I 和 C 之间的最短距离则应小些，以使得 I 和 L 之间的空间面积和 I 和 C 之间的面积大致相合。V、W、Y 和其他的字母相匹配的时候的距离应该缩的最小，因为这些字母的倾斜笔画所形成的空间比较大，象 Y 和 a 在一起的时候，有可能为负的数值。调整字距以求分布匀称，视觉上和谐，以达到一种视觉的节奏感和平衡感。西文字体设计师对字距关系的斟酌时间可能占整体字体设计内容的1/3左右。这种要求是不允许有个别字母由于笔画的粗细和空间的差别过大而特别的突兀，从而造成视觉上的不协调和冲突，从而影响阅读的流利性。

正文衬线与非衬线，哪个更适合长时间阅读？

衬线体要比无衬线体在多文字的文章中更具阅读性，在无衬线字体中两个相近拥有竖线的笔画所形成的空间容易引起视觉向下移动。大多数欧文字母的笔画是垂直于基准线，衬线会在基准线上形成水平型的笔画，这些衬线笔画可以使得这些字母在基准线上的笔画在视觉上会形成一定的水平导视，可以引导视觉朝着水平方向移动，使得阅读文字的速度加快，有研究机构测试表明，一般来说在同等印刷条件下衬线体在的阅读速度要比无衬线体快五分之一左右，而且因为要考虑衬线笔画的位置，一般来说，衬线字体字母之间的距离要比无衬线字体大，使得被识别性系数提高，这就是为什么在大量文字的新闻报纸，杂志上基本上使用衬线字体。

盖住下部，哪个更好认？

衬线体字母的上端部位的衬线，使得字体本身的特征更加的突出，即使有时字体上部分或者是下部分被挡住，仍然可以被识别。这样就也可以避免一些字体组合的时候由于字体磅数过于小，或者是字体字距被压缩而导致的混淆于一起，比如我们经常可以看到 ri 和 n，rn 和 m 的混淆，而衬线笔画的增加可以有效的避免这种危险。现在很多字体设计都糅合这两种字体的优点进行设计，比如德国铁路新的标准字体。

当然可阅读性还取决于其他的重要因素，比如字体的磅数，单词之间的距离，句子的形式，句子的长度，句子之间的距离，段落之间的关系，还涉及到印刷的质量，字体的色彩，纸张的质量和色彩等众多的其他因素。

参考

Lesetypographie, Hans Peter Willberg, Friedrich Forssmann, 1997, Verlag Hermann Schmidt.
Spiekermann ueberschrift, Erik Epiekermann, 2004, Verlag Hermann Schmidt.

相关话题：字体设计源地址：http://www.typeisbeautiful.com/2010/05/2510

2009年十佳英文字体

Lytous — 2010-01-08 18:21:37

这是一份来自专业字体网站-Myfonts的年度报告，陈列展示了10种在2009年中最优秀的字体，所谓最优秀的评价标准主要是基于销售量和顾客的使用反馈。我发现虽然根据不同排版设计的需要，字体一直在做着变化和更新，但好像看上去也越来越复杂了，字体图形化的趋势越来越明显 — 我还是非常喜欢 Helvetica Neue Linotype系列。

所有字体的评价除了购买者的商品评论外，还参考了facebook和twitter上的追踪留言与信息，相信还是非常有指导意义的。我们来看看是哪些字体获得了如此多的青睐。

这些字体有采用18世纪的英国书法家约瑟夫的手稿字形做的细节变化，也有一些非常精确的无衬线字体，即使在最小磅值的时候也能够清晰的阅读，而且这些大多提供了PostScript和TrueType，以及OpenType的兼容格式，非常的专业。

相关话题：字体设计源地址：http://www.ucdchina.com/lytous/?p=2063

中国高速公路标志牌更换字体

Type is Beautiful — 2009-11-28 15:29:17

中国高速公路新标志牌。Image: 9811.com.cn

我们在前年提出疑问，想找到中国道路标志牌的字体，结论是大部分情况下，是 Helvetica 和 Arial 混合使用。这是我们猜测的国家标准，因为没有官方的文档可供公众浏览。当然后来也见到了衬线体的使用，令人惊讶。

这个月中国交通运输部开始大面积的更换高速公路的命名方法，由原来的中文名称更换为字母＋数字的形式。伴随而来的是大面积的更换高速公路标志牌，而我们也发现，新的标志牌也采用了新的字体。

Roadgeek 2005 Series E（仿 FHWA Series E），与上图对比。

熟悉的朋友应该一眼就看出来了，新的字体使用的是美国传统的高速公路字体 FHWA，严谨的说是和 FHWA 高度相似的一款字体。这是一个十分有趣的改变，因为原先的 Helvetica 如果不是最佳的路牌用字，至少属性比较中性。但这次全面采用 FHWA，则是向美国化走的又一步。不仅如此，出口和高速公路框的设计也与让人不断想起美国经典的盾章状设计。更有趣的是，就连箭头的设计也由从前硬朗的中性设计，转向美国式的圆角设计。

美国高速公路标志牌，与中国旧标志牌的对比。Image: Rock Chalk Jayhawk Cartographer

代价高昂、规模浩大的全国性更换计划，我们希望背后是深思熟虑后的结果。对于高速公路标志牌的字体，中国交通部门也许像其他国家一样，真的进行了认真的考虑，在实用性、雨雪天气、光线等方面做了充分的考虑。但无论如何，摆在眼前的还是典型的中国式拿来主义的结果。这次设计变化的进步之处在于对各级公路设计上，通过框、颜色和背景有所区分。但原来设计的症结仍然没有解决：

中英文的层次问题，是像台湾香港一样平等对待，还是按比例缩小英文尺寸，为什么缩小，什么比例，都难见理论和规范。
英文的使用：字母间距十分奇怪，窄字体似乎并没有采用 FHWA 不同的 series，强行缩放仍然存在。
说到底，FHWA 究竟是不是适合的路牌字体？它较怪异的字形对中国人，对在中国的外国人又是否容易接受呢？比如美国各州决定代替 FHWA 的 Clearview 在各方面都胜出不只一点。
即便干脆要拿来主义，为什么择美国而弃欧洲，亚洲各国也应该有值得借鉴处（比如东京的路标字体）。

有趣的是，中国交通运输部的《国家高速路网最新命名编号标志和图形标志》似乎并没有使用新的字体。这张图并是否为官方版本，无从知晓。

总的来说，审慎、细节、标准和透明在国家级设计上仍然无处可循。

更新

朋友提到“交通部通用字体”可以下载，于是上网搜索。看到了大量质疑新字体质量的投诉，甚至有位老先生控告中国交通部，称他们违反正是通告，不提供字体下载。官员也称新的字体涉及部分美国版权，价格定不下来，应该也包括了 FHWA 的版权。所以几乎可以确定西文和数字部分是在美国购买的 FHWA 版权。同时发现，正如猜测的一样，字体使用和规范混乱不堪，具体可参见老先生的 blog。

相关话题：字体设计源地址：http://www.typeisbeautiful.com/2009/11/1655

微软雅黑字体设计分析

gaolewen — 2010-04-04 11:10:16

一．雅黑设计理念

雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更是用途广泛。这副字可以说是科技进步的产物，是人类社会的需要，在设计上也有所突破。

首先打破传统结体方式，采用大字面设计，字怀放开，增大内白，使文字方正，布白匀称。由于字体中宫放开，使文字的适用性也随之增强，不但适合小级数文字的使用，更适合屏幕显示。

在笔型塑造上去除“喇叭头”。为防止文字笔划缺乏美感、没有精神，在撇、捺、点、勾的处理上使其粗细有略微的变化，使之富有弹性。

在制作上，力求精良，笔划间尽可能少搭笔，使文字清新、爽朗、易读。

追求字体的整体形式美，强调文字设计的审美性和文化性，朴实大方，典雅端庄。

下面从字体设计理论方面与实际字体应用的角度来阐述一下雅黑是用什么方法和字体设计技巧来完成和完善设计目标的。

二．按用途来设计字体

1．字体设计类型

字体设计可细分为平面美术字体设计和印刷“活字”设计。在这所要谈的字体设计是指在印刷“活字”范畴内的字体设计，主要研究字在缩小后的清晰度、可读性以及整体效果。在字型的处理上它不能象美术字和书法字那样，可以无视大小地尽情抒发情感，而要受到一定规矩的约束，讲究共性和个性的关系，来达到一种机械的美观。这种设计也是一门比较冷僻的视觉艺术。近年来，随着科学技术的不断发展，印刷“活字”设计又可分为出版印刷用字设计和屏幕显示用字设计这两个大类。

雅黑是属于屏幕显示用字，设计时更要注重研究字在低分辨率下的清晰度和可读性，尽可能做到小字号显示时的清晰易读，要达到这一目标，关键在于设定字面大小、笔型塑造和严谨合理的结构处理……。

2．字面大小的含义

我们有必要先来搞清楚两个不同的概念：“字面大小和字身字面比”。字体设计专用方格都有两个方框，外框称字身框，内框称字面框。

图1

字面大小：“就是在字面框不变的情况下，可以把字设计成大小不同的字，大字称字面大，小字称字面小。”

图2

字身框和字面框之间的距离就是半个自然字距。能正确地运用好他们之间的关系，是字体设计的基础。

字身字面比：“简单说就是在字身框不变的情况下，两者之间的百分比值，比值大字就大，比值小字就小，说白了就是把字放大和缩小。”

图3

现在有许多用户，为了能挤排，图省事，不惜把字缩小，造成字与字距之间的关系失衡。这样使用，即使有再好的字体也排不出完美的版面来，这是非常不科学的用法，与其这样，还不如缩小字号来用显得完美。

3. 字面的可测量大小和视觉大小

字面大小又可分为可测量的字面大小和视觉上的字面大小。已故字体设计大师谢培元老师在1962年归纳总结的“第二中心线”理论已表明，汉字由形声组合的字都是可以测量的，形旁和声旁这两个部件的中心距离越大，字面就越大，反之，字面就越小，我们只要测量这两个部件的中心距离就可以得到相应的字面大小值。同时，这也是控制整副字大小的有效工具。

图4

雅黑在保持文字个性的基础上，尽可能的扩大形声这两个部件的中心距离来增大字面。同时，运用这种方法使得80%以上的字，大小保持一致。对于那些不能测量的字和一些易见小的字，雅黑又是如何处理呢？

从几何形角度来看，汉字形状众多，最典型的可分为四种类型：“方形、圆形、三角形和菱形”，从面积上看方形最大，菱形最小，要想把图形面积变得一样大小，就必须按菱形大小走，这样设计出的汉字才能在视觉上保持一致。

图5

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

图6

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

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

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

图7

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

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

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

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

图8

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

图9

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

三．雅黑设计中的要点

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

图10

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

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

图11 部分笔划笔型图

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

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

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

图13 黑白处理示意图

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

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

图14 特殊笔划处理示意图

6．避免笔划交代不清，粘连过多

图15

这些字笔划交代不清，粘连过多，既降低了识、读的速度，又有错字嫌疑。雅黑在设计时就尽量避免这种问题的发生。

图16

四．笔划粗细与结构、留白、重心之间的关系

这是活字设计中的一个综合问题，并非一朝一夕就能掌握的，它不但对字的个性要有深刻的理解，而且还要具有非常敏锐的观察力。做字的过程其实就是练眼的过程，眼睛练“凶”了，字自然越做越好。

下面通过调整统一字体的粗细，来了解笔划粗细与结构、留白、重心之间的关系。为了更好的说明问题，便于理解，选用多笔划和少笔划的粗体字为例。

图17

1 调整字的粗细，使之成为一个整体

这两个字一粗一细，视觉上看是两款字，粗细调整不当。首先，把细的“體”字加粗，使两个字的视觉粗细一致。

图18

2 字的内白影响字的重心

“體”字在加粗后，虽然在粗细上合适了，但是，看着还不舒服，仔细分析一下原因，问题在于内白，各部件的重心位置欠妥，骨字重心偏高，曲、豆重心偏低，使得互相间的呼应性、协调力变差。那么，我们只要调整“體”字的内白，改变重心位置就行。

图19

3 调整字的局部粗细来改善字的结构，提高字的品位

现在我们来调整“粗”字，先分析一下粗字的那些地方需要改进，米字过大过黑，形象欠佳并压迫且字，从而使结合部太紧，整字见窄。改进的方法是：缩小米字，放大且字，减细米字上方的八字点，改善横眉竖眼的“凶”相并使点见长，加长撇梢，使其舒展，分清下点使其交代清楚。通过这些调整，粗字变得面貌一新，提高了品位。

图20

“粗體”两字通过调整粗细、内白，改变重心与结构，使“粗體”两字变得更完美。

图21

从上面的几次调整中可以看出，笔划粗细与结构、留白、重心之间是相互相成的关系，是一个不可分割的整体，只要协调好它们之间的关系，就能提升字的品格，并有良好的排版效果。

雅黑在设计制作过程中就是运用这种设计技巧使字既有品位，又整齐划一，灰度良好。

五．文字的形象、表情与气质

笔型是构成文字笔画、风格的基本元素，笔画制作的完成度会影响到成字后字的品质，而字的结构就好比人体的比例、五官的位置，它直接能体现文字的形象、表情与气质。因此，对于字体设计制作来说，每一环节都是至关重要的。我们设计黑体字，要表达出黑体字本身具有的庄重、典雅的特性，就必须先把笔划做好，把字写端正。

图22

从上面这些字我们可以看到，这些字就没有写端正，笔划生硬，制作粗糙，部件之间的位置安排欠妥。大头小头缩头，重心有高有低，结构松散，整体形象不好，给人以不整齐、不稳重的印象，缺乏正气感。下面雅黑的感觉就比较整齐舒适。

图23

我们再来具体的对比分析一些字的常见病例。

1. 笔划僵硬，制作粗糙，严重影响字的品质。

图24

2. 撇捺不舒展，使字失去应有的姿态。

图25

3. 缩头

图26

点划的头已伸不出去，还要斜，既不美观，又破坏形象。在头见短，伸不出去的情况下，还是做的稍平些比较妥当，头也长了，字也显得正气。

图27

4. 短腿

图28

节、帝两字下半部的外框做的太长，使主笔中竖见短，就象人的两只手长到脚背上，比例失调。

图29

5. 钩短

图30

钩短，有钩不出的感觉，使字显得拘谨、局促、小气，缺乏气度。

图31

我们常说的一句话：“字的姿态要像仙鹤的舞姿，引项高歌”，也就是说要想把字做得正气漂亮，必须“有头有脚有腰身，撇捺舒展有姿态”。

一个字的含义，并不一定只有字典上的意义，而有感情上的另一种心理感觉，他不但有表情，而且能直观地体现出字本身的气质来。

例一

图32

这些字东倒西歪，毫无庄严的正气感。

图33

主要问题出在字的结构和重心上，给人的感觉是：自卑，没自信，唯命是从，低头哈腰，没有高雅庄严的气度，它的潜台词是：“叔叔阿姨行行好”。

图34

例二

图35

八字点犹如人的双眼，富有表情，不同的角度、形状都能使人产生不同的联想。上面这些字的问题在于八字点上，有的内八字点变成外八字点，有的过大过小，像人倒挂着双眼，呆滞的眼神，带有悲苦哀伤的表情，没有朝气……。

图36

例三

图37

走之底脚短且软弱，向左倾斜，就像建房时地基没打好，不堪重负，摇摇欲坠。同时，也像一个人没有肩负重任，独自擎天的气概。

图38

从上面所举的这些例子中我们可以看出，字要设计得既庄重高雅，又有豪华富贵的气质，是最难能可贵的。雅黑在设计时就注重字的内涵，对文字的表情与气质进行了研究。>

六．雅黑最初的设计样张

图39 雅黑细体

图40 雅黑粗体

文字既是一个文明传承的载体，又代表了中国人的审美观。因此，我们在设计时严格地把好每一关，尽最大的努力做好每一个字，追求字体的整体形式美，力求表现出对比、和谐、均衡、韵律等艺术特征。强调文字设计的审美性和文化性，真正做到给读者以关爱。

附：雅黑是屏显专用字体，用于印刷还有缺陷，我们经过精心修整，并逐步扩充其系列字体的款数，现已有多款字体上市，方便用户使用。衷心希望用户能把意见反馈给我们，让我们把字做得更好。

兰亭黑系列字体设计样张

相关话题：字体设计源地址：http://www.gaolewen.com/post/102/

为了信息传达的更加有效 / 交通专用字体

typeisbeautiful — 2010-02-01 18:33:37

我们很高兴的邀请到方宏章加入 Type is Beautiful，作为专业的平面设计师，一方面我们希望他能为这里带来更多更专业的文章，另一方面也希望能够扩大平台、鼓励更广更深的交流。请参与留言讨论吧。

德国用于路牌的 DIN 1451 字体。Image: typografie

之前有一篇博文是关于杭州新交通设施的设计方案，是由中国美术学院艺术设计院设计的，有不少朋友提出一些异议和不通的看法，主要是关于交通道路标志牌字体方面的问题，之前一直想写一点评论，现在整理了一下补上。

西文部分

心细的一些朋友已经看出，这个设计方案西文所使用是英国现代设计的最主要代表 Gill Sans, 在文字排版方面 Gill Sans 有着非常好的效果，尤其在一些文学性小说方面。其字形温文尔雅，带有浓郁的英国绅士气质，具有人文主义的构造游走于无衬线和衬线的 Gill Sans 更具现代感，这都使 Gill Sans 成为一款经典的字体。

光晕模拟效果下 FF Info 和 Gill Sans 的比较，上为 DIN 1451，下的 Gill Sans.

但是这款在文学排版方面有着突出优势的字体未必能在交通路牌领域能适应，虽然它也使用在英国的铁路系统，但是由于这款字体的局限性使得在交通系统，这个强调信息准确，有效传达这领域中不能胜任。一方面是，Gill Sans 虽然相比 Helvitica 等经典无衬线字体来说，一些字母有着较大的开口，而且 x 高度也非常不错。但是过于强调人文主义的构造，其一些笔画粗细对于过于强烈，比如 e,a 等，这在高速移动的时候对于信息的识别速度和准确性会带来干扰。二：Gill Sans 专门是为文本排印而设计的字体，所以字符之间的距离较小，但是这也会到时字体在光晕的干扰之下会黏糊在一起。三：Gill Sans 在字母小写 l, 大写 i，数字1等方面都存在设计缺陷，字形差异非常小，这对于一个强调信息准确度的交通领域是一个致命的问题。

之前我也写过一篇关于欧洲主要一些国家交通字体的文章，大家可以发现其中 Frutiger， DIN 是主流字体。先说一下导视系统最主要的代表 Frutiger，（我之前有写过一篇关于柏林公共交通系统设计的文章，里面有较大篇幅关于表 Frutiger 的介绍）这款是为巴黎戴高乐机场专门设计的导视系统专用字体，而且不管是从信息的准确传达或者是识别速度上都有着非常惊人的优势，但是这款字体字符过于宽，这对于有时须要复杂较长路名的交通路牌来说是非常糟糕的，所以很多地方的交通路牌会采用 Frutiger 的窄体作为标准字体，比如瑞士的 ASTRA Frutiger，柏林地铁的 FF Transit，都是用 Frutiger 窄体进行再设计的。不过表现依然不错。怪不得 Erik Spiekermann 把 Frutiger Original 视为最爱。

德国的交通专用字体是大名鼎鼎的 DIN,其实更为标准的应该是 DIN 1451，包括（中和窄两款），DIN 作为德国交通专用字体历来已久，除了这款字体符合德国人的性格之外，最款字体最早的雏形是因为制做方便，DIN 基本型是采用网格系统来完成的，在早期交通路牌制做工艺比较落后的情况下，DIN 的网格系统化设计是非常有优势的，而且不错出现大的差错。

关于 DIN 1451 未必是完美的，信息设计和字体设计师 Erik Spiekermann 在他的著作《 über schrift ，关于字体》一书中，就有对于 DIN 的强烈批评，他认为德国社会过于迷信 DIN 的权威，而忽视其在交通系统中的一些缺陷，顺便提一下的是 Erik Spiekermann 除了他在字体设计有着突出的贡献，而且他在信息设计也有非常大的影响，他是国际信息设计学院（Internationales Institut für Informationsdesign）的委员会成员，这个组织强调在公共领域的信息设计，比如交通导视系统领域等，所以 Erik 非常重视信息传达在字体设计，他在文章强调，当时的 DIN 1451（德国现在采用的是 Erik 指导荷兰设计师 Albert-Jan Pool 设计的 FF DIN, Erik 把自己的理念渗透到这款字体中）笔画过于粗壮，字母的内空间过于小，个别字母的笔画差异太小而导致在有光晕的影响下而影响字体的准确度。

光晕中 DIN 1451 和 FF Info 的比较，左光晕下的 DIN 1451，中 FF Info，右光晕下的

Erik Spiekermann 在1996年的时候设计了一款针对交通导视系统的字体，这款字体的委托者是多塞而杜夫国际机场，当年4月11日因为糟糕的安全出口导视系统的设计，导致17名乘客在火灾中丧生。这个血的教训直接导致机场高层下决心更换整个机场的导视系统，Meta 设计公司也在6个星期内完成这个艰巨的任务，这套字体其实是采用了 Erik 在1988年所勾画的一款基础字体。因为这款字体有着良好识别性和准确性，所以后来由 Fontfont 公开发行的时候称之为“FF Info”。

虽然各国的交通专用字体是由不同的设计师设计完成的，每个设计师有自己的设计理念和独特的解决方法，但是有一个基本的原则相信是大部分设计师遵循的，我们通过 FF Info 来说明一些规律，“内争空间，外要位置”，“内争空间”的意思是要通过不通的方法扩大字符的内空间，这种解决方法可以通过小写字母的x高度设计的较高，字母中间的空间较宽阔以提高识别性，“外要位置”是尽可能的增加字符之间的空间，这有点像中国国画中的“计白当黑”的哲学，这是因为在交通路牌中，夜间的情况下字体很多是通过外部光源的反光而被识别的，所以期间会产生“光晕”，所以字符之间不可能靠的太近，要不然会出现相互“打架”的情况。这就要求字符之间的距离要比传统的字体要大，但是很多情况下路牌使用中要标出复杂的路名，所以在一个有限的空间中，须要交通专用字体的字符也必须比较狭窄，特别是大写字母的字符设计要比较窄。而且 FF Info 通过削弱笔画的锐角，最大限度的较少锐角所造成的光晕效果。

常用的一些交通专用字体

除了以上的一个原则之外，提高字体的笔画特征也可以提高字体信息传达的准确性和识别速度。熟知西文规律的设计师都知道，字体的识别性和可读性除了 x 高度区域笔画之外，上升部也是一非常重要部位，因为上升部加上部分 x 高度的区域，人们可以通过一些笔画的特征来识别字符。还有就是一些在专门针对光晕的干扰的强调设计，比如小写 i 大写 i，小写 l 和大写 i 之间的关系。Erik 的 FF Info 在这些方面都有着非常好的表现。

中文部分

雅黑的设计方法。Image: foundertype

因为国内甚少游专门介绍交通专用字体的信息，而且国内交通导视牌系统做的非常混乱。虽然中文字体和西文字体有着不通的设计哲学和理念，虽然属于两个完全不同系统，但是很多字体方面方法是雷同的，就像“内争空间，外要位置”的原则也可以遵循，这一点我们似乎可以通过“雅黑”字体的设计理念中获得一些可行性，比如齐立在《微软雅黑的设计》一文中中提到“首先打破传统结体方式，采用大字面设计，字怀放开，增大内白，使文字方正，布白匀称。由于字体中宫放开，使文字的适用性也随之增强，不但适合小级数文字的使用，更适合屏幕显示。” 通过用比较放开中宫，使的字符的字面增大，而提高可读性。而“采用独创的手法对笔划进行特殊处理，减少交错连笔处的黑度，使字的整体灰度更好，更清晰，更适合屏显。”也可以使字体的内空间扩大。当然雅黑是一款屏显专用字体，所以不可能实用于交通导视牌，比如它的字形较常规黑体其字形要宽很多，由于采用了字型扁方，重心平稳，缩减字符之间的距离，这样的话，可以加速视线在字符之间的浏览熟读，行气贯通流畅，比较舒适易读。但是这可能对于交通导视牌来说是一个硬伤。

参考

http://www.100besteschriften.de/53_Info.html
http://www.typografie.info/typowiki/index.php?title=Schriften_auf_Verkehrszeichen
http://www.foundertype.com/index/stylist/ql.html
《über schrift》Erik Spiekermann，Schmidt (Hermann), Mainz; Auflage: 2004
微软雅黑的设计齐立，July 20 2009

相关话题：字体设计源地址：http://www.typeisbeautiful.com/2010/01/1981

字体、排版简明入门

om19 — 2009-04-22 09:38:32

我们每天设计都在与字体打交道。但是我们一直没有认真在意他们的存在。我们没有很好地使用过他们，甚至滥用他们。这一切是因为我们不了解他们。Information Architects 上大声喊道：95%的网页设计是排版设计(Web Design is 95% Typography) 。是的，字体是排版的重要元素之一；字体设计也是设计里最深奥的一门学问之一。那么，我们开始吧：

字体的类型

英文字体(Typeface)，分为几种大类，这是在使用英文字体的时候必须知道的基本知识：

一、衬线体(Serif)

这里，我们首先要解释什么是衬线。

衬线(serif)就是笔画边缘的装饰部分。

下图中红色标注的地方就是衬线啦。

衬线设计的初衷是为了更清楚地标明笔触的末端，提高辨识率，提高阅读速度。另外，使用衬线字体会让人感觉更加的正统。所以我们常见的英文书籍，特别是论文、小说，很多都是使用衬线体来完成正文的。

网页设计中常用的衬线体有Times New Roman和Georgia。下图左边是12px的Times New Roman字体，右边是12px的Georgia。

在中文里，我们使用的宋体就是对应的衬线字体。

二、非衬线体/无衬线体(Sans-serif)

字体如果不带衬线的话，那么就称为非衬线体或者无衬线体。下图就是非衬线体啦。

网页设计中常用的非衬线体相对就比较多了。有Arial、Verdana、Tahoma、Helivetica、Calibri等。下图从左到右依次是Arial、Verdana、Tahoma:

在中文里，我们使用的黑体就是对应的衬线字体。

值得注意的是，虽然在书籍中，衬线字体被广泛地应用，但是在互联网上，衬线字体很少被使用。由于电脑屏幕分辨率与书籍不具可比性，所以正文 10～12px的衬线字体在电脑屏幕上是很难辨认的。下图是没有Cleartype时，10px的Verdana和10px的Times New Roman的对比。大家可以发现，左侧的Verdana可以被很好的辨识。右侧的Times New Roman辨认相当困难。

三、等宽字体(Monospace)

等宽字体事实上只针对西文字体。因为英文字母的宽度各不相同。例如i就要比m窄很多。编程时显示代码，如果字母不等宽那么排版将很难看。我们在DOS命令行中，可以看到使用的是等宽字体。

编程要求的等宽字体有如下要求：

所有字符等宽；

简洁、清晰、规范的字符形体；

支持ASCII码为128以上的扩展字符集；

空白字符(ASCII: 0×20)与其他字符等宽；

“1”、“l”和“i”等三个字符易于区分；

“0”、“o”和“O”等三个字符易于区分；

双引号、单引号的前后部分易于区分，最好是镜像对称的；

清晰的标点符号外形，尤其是大括符、圆括符和方括符。

常见的等宽字体有Courier，Courier New

四、手写体(Calligraphy)

顾名思义，手写体就是手写风格的字体。有时我们也叫它书法字体。中文的书法字体大多都比较生硬。个人更推荐使用日文的书法字体。日文书法字体跟加柔美，更人性。但时使用日文书法字体缺点就是大都都是繁体，另外很多汉字会缺少。

五、符号体(Symbol)

Windows里最著名的符号体就是Webdings(记得以前还在Windows 95的时候蛮爱用的……)。下面是Webdings字体的几个：

字体的样式

常见的字体的样式分为：正常Normal、粗体Bold、斜体Italic。

简单来说，粗体就是字体会更加黑，更加“粗”。斜体就是将字轴微微倾斜。他们都是用于在篇幅内强调某段文字上。

在说到粗体的时候，我们很容易联想到CSS里的font-weight(字重)属性。我们知道font-weight(字重)属性值除了我们平常使用的 normal，bold外，还有bolder,lighter,100~900等属性。那么这个100～900的值是什么呢？事实上，100～900并没有单位。优秀的字体会对不同的字重提供不同的设计。如果字体事先内置了不同等级的粗细程度的设计，那么这几个数值将分别对应每个等级。例如Zurich字体，就包含了Zurich Light、Zurich Regular、Zurich Medium、Zurich Bold、Zurich Black、Zurich UltraBlack六个字体。这样一来，Zurich Light对应的就是100、200、300三个数值，Zurich Reg
ular对应的就是400也就是“正常 normal”，Zurich Medium对应的是500，Zurich Bold也就是“粗体 bold”对应的是600、700，Zurich Black对应800，最后，Zurich UltraBlack对应的是900。

对于中文斜体，一般在网络上是不使用的。因为中文笔画繁多，使用了斜体将难以辨认。

单位

我们的Web设计中会用到一些单位，我在此也列出一部分：

点(pt、point)

72 points = 1 inch，1英寸是72点。就这么简单:)

另外，1皮卡(pica)=12 points

像素(pixel、px)

像素就是电脑屏幕上的一个最小的图像单元，通俗地说就是屏幕上最小的一个点。

DPI、PPI

DPI 全称是Dots Per Inch，点每英寸，PPI全称是Pixel Per Inch。他们是解析度(Resolution)的单位。也就是说，1inch的长度上能安排多少个点(像素)。举个例子，一般的，我们的显示器大概是 72ppi，也就是1英寸的长度上，有72个点(像素)。dpi/ppi越高，解析度就越高，也就是说，颗粒越小，图像越细腻。一般来说，照片的解析度在 240dpi～300dpi之间，所以为什么照片看起来，要比屏幕上看起来要细致得多。杂志印刷用133或150dpi，高品质书籍采用 350－400dpi，因为大多数印刷精美的书籍印刷时用175到200dpi。所以为什么同样物理大小的文字，在书上看，要比在屏幕上看要清晰得多。也就是我们前面提到的，英文书籍印刷，为什么可以大胆得使用Sans-serif字体。

dpi和ppi之间实质上没有差别。实在要找出差别，那么唯一的差别也许在于dpi常常用于描述扫描仪和打印机，而ppi常常描述屏幕的分辨率。

ex、x-height

常在CSS中使用。1ex = 小写字母x的高度。

em

常在CSS中使用。当然，em可不是表示小写字母m的高度(事实上，小写字母m一般和小写字母x的高度是一样的)。1em = 字体的大小的100%。是一个倍数单位。

间距

行距(Line-height、Leading)

说到行距(行间距、Line-height、Leading)，我们必须先要学习一个术语叫做基线(baseline)。还记得我们刚学英语的时候写字母用的那个线格簿子吗？那根最粗的横线就是我们说的基线。基线就是大部分字母所“坐”在的，字体的下降部之上的直线。大部分字体，大写字母总是紧贴基线，并在基线之上。中文的字体和英文的大写字母情况一样。下图红色的线就是基线。

那么，行距就是指两个相邻的行之间，基线的距离。行间距的单位常常使用em，也就是根据字体大小来定义行距。在浏览器中，默认的行距并没有一个准则。更具 W3C提供的建议，它认为默认的行距应该在1.0em到1.2em之间。事实上，在设定行距的时候，排版上有个原则，就是行与行之间的空隙一定要大于单词与单词之间的空隙，否则的话，阅读者在阅读的时候容易“串行”，造成阅读困难。充足的行距可以隔开每行文字，使得眼睛容易区分上一行或下一行。近几年Web上对于正文的排版，大多喜欢1.5em的行距，尤其是中文网站。也就是如果使用了12px的字体大小，那么设计师常常喜欢18px的行距。1.5em确实是一个很好的经验值。事实上，中文的论文的规范也是使用1.5em的行距。

字间距(Letter-spacing、Tracking)

字间距是指一组字母之间相互间隔的距离。字间距影响了一行或者一个段落的文字的密度。

字距调整(Kerning)

字距调整是一种因视觉需要而做的技术处理。简单说，在两个特定的字符连排的时候，你可以为它们单独指定与众不同的字间距。比如当一个大写A后面跟随一个小写 v的时候，两个字符间就会出现视觉上的更大的间距(实际上字间距是一样的)，这是普通的字符间距所无法解决的。如果减少它们的间距，那么其他的字母就会连成一团。这时候就需要字距调整来处理了。下图就是一个应用了字距调整的例子：

段落

行长(Measure)

行长是指一段文字的宽度。如下图：

有两个易读性问题与行长有关：

行长越长，需要的越大的行距。行距太小，读者阅读换行时容易串行。行距太大，读者阅读行时会感觉到文字不连续。
正文中，每行40~70个字母为宜。

对齐(Alignment)

段落的对齐基本有四种：左对齐(flush left)、右对齐(flush right)、居中对齐(centered)和两端对齐(justified)。

左对齐是指

设置文本内容，调整文字的水平间距，使段落或者文章中的文字沿水平方向向左对齐的一种对齐方式。左对齐使文章左侧文字具有整齐的边缘。

同时文字的右边就会不整齐。所以英文对左对齐也叫做ragged right，意指外形参差不齐的右边。右对齐也类同。
居中对齐是指

设置文本内容，调整文字的水平间距，使段落或者文章中的文字沿水平方向向中间集中对齐的一种对齐方式。居中对齐使文章两侧文字整齐地向中间集中，使整个段落或整篇文章都整齐的

两端对齐是指

设置文本内容两端，调整文字/单词的水平间距，使其均匀分布在左右页边距之间。两端对齐使两侧文字具有整齐的边缘。

使用两端对齐之后，两侧的对齐线会很明晰，文本块的“快”的感觉也会很明显。但是，在英文排版中，当行长很短的时候，使用两端对齐可能会照成某些行词间距过长，某些行词间距过短，这样参差不齐的词间距会感觉十分凌乱，就像一件到处都是补丁的衣服。

易读性

易读性描述的是排印文本阅读时的轻松和舒适程度。实际上，平常的设计的最根本的目的也在于此。除上文中叙述的一些原则外，我另外收罗了一些小小的易读性原则，与大家分享

：

一份设计上至多使用三种字体的大小。
一份设计上至多使用三种字体。
要保证一定的对比度，但又不可有过度的对比。阳文（白底黑字）比阴文（黑底白字）要更容易阅读。在#fff的背景上，使用#333的文字要比#000的文字看起来舒服。
要注意文字所在的背景。背景要单一。避免背景噪声。
“少即是多” 用最少的元素去传达最多的信息。
让你的链接看起来像是一个链接。
利用好你的空间。推荐Alistapart上的文章 Whitespace

晒晒-学习字体变形（2）英文字体几种变形方法

辣椒 — 2008-08-13 23:11:13

中文字体就变形相对较难，组合的方式数不胜数，当然也能找出一些规律。今天就跟大家分享一些英文字体的组合规律，我想对标志设计更有帮助。

很多公司喜欢使用变形的公司的名称作为他们的标志，这是一种很好的视觉识别符号，它们简单、紧凑，而且很有趣味性。

大写小写

大写字母和小写字母结合起来，往往有很好的效果。小写字母i 是一个很有意思的字母，看它如何完美的与 u 结合一起的。

截除线条的一部分

处理倾斜线条与枝杈的字母，可以试下这个方法：截除掉线条的一个部分，这个方法特别适合“serif”字体系的。据说以前作都灵感来源于蜡版印刷，有些线条会没有办法印上去，但读者的眼睛会自动补齐它。

删除线条 在一些很有个性的字体中，会有很多非常细的线条，删除某个字母的一个线条，然后把二个靠一起。往往有会不一般的效果。

链接的环

一个个环的字母可以和一个另带环的字母套在一起，就像奥运会的五环一样。使它看起来很整体。

反相

试着将一些字母的颜色反相，有时候会有意想不到的效果，特别是三个字母的时候，可以尝试着看看。

合作白线

看看下面结合在一起的组合的字母，是不是感觉特别的单调。

那我们做一线处理，中间加一白色线条，来指引视线，是不觉得好了很多呢

其它除了以上特点外，还是可以找出更多的规律。想要得心应手变字体，还是需要多看更多优秀的作品，多去尝试一些新的手法。努力中……

About Fonts

csee — 2008-09-28 11:28:51

西方字体

无衬线字体

衬线字体

衬线字体的衬线（红色部分）

方块字

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

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

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

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

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

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

用途

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

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

旧体

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

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

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

过渡体

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

粗衬线

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

现代

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

无衬线字体有以下几种:

旧体

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

过渡体

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

人文主义体

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

几何体

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

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

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

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

中文字体

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

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

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

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

日本字体

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

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

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

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

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

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

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

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

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

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

相关话题：字体设计源地址：http://www.cseec.com/archives/634197

在设计中字体的应用技巧(一)，寻找字体

dogorgod — 2008-10-03 00:37:57

在平面设计的排版布局中，字体设置是最重要的环节之一。适当的字体设置不仅让人看着舒服，而且还能起到引导读者的作用。字体设计是一门学问，通过我自己的一些实践，我逐步总结了一些经验技巧，在这里与大家分享一下。如果你有其他好的方法，也可以跟我交流一下，希望能与大家共同提高。

关于字体的应用技巧，我准备用系列文章的形式与大家一起研究。目前我规划好的内容有三个部分，在今后的实践中可能还会有新的话题产生，我会逐步添加到这个系列中，当然这是后话了。在这一节中，你能获得的有效信息是：如何快速找到合适的字体。

好了，开始正题。一般情况下我们用Photoshop选择字体的时候，是一路NEXT点击下去预览的。这样一来就比较麻烦，当我们看好某一字体后，如果还想继续翻看有没有更合适的字体，那该怎么办？要是继续翻下去，结果没找到更合适的，再返回去找最开始比较合适的那款字体时，是不是基本已经忘记它长什么样了？找来找去既浪费时间又浪费精力，真麻烦，如果电脑里字体装的稍微多点，那还不把人找疯了…这一点Photoshop就不如Illustratorcs做的人性化，后者在预览字体时是所见即所得的。

那在做Photoshop时有没有什么好方法解决这个问题呢？当然有，为了以后方便快速查找字体，我特地手动做了一张“字体预览表”。有了这个表，你可以一目了然地查看喜欢的字体，然后对应字体名称快速在电脑中找到相应的字体。

这样是不是就省事多了？还不错吧，呵呵。如果对你有帮助的话，那么就下载这个“字体预览表”吧。值得注意的是，这个图中的字体是经典字库的全部字体，如果你的电脑里没有经典字库，那么得先到下面的地址下载字库安装程序。然后你就可以享用它了（图中的字体大小是按我个人平时使用频率设置的）～

下载链接：经典字库大全(191MB)

提示：在中文字库中，种类很多，几个常见的有经典字库、文鼎字库、汉仪字库。总体来说字体都大同小异，所以这张“字体预览表”可以举一反三作为查找不同类型字库字体的一个参考。

字体设计 - UCD大社区

小文字，大体验

电影海报中的字体设计赏析

标识字体设计中的细节微创新分享

汉字的灵性

汉字的气场

字体图形化设计

Retina Display 带来的字体问题

世博与字体

Android字体vs微软雅黑字体

Web Design广告字体设计技巧

关于文字的可阅读性：新附配图

参考

2009年十佳英文字体

中国高速公路标志牌更换字体

更新

微软雅黑字体设计分析

为了信息传达的更加有效 / 交通专用字体

西文部分

中文部分

参考

字体、排版简明入门

字体的类型

一、衬线体(Serif)

二、非衬线体/无衬线体(Sans-serif)

三、等宽字体(Monospace)

四、手写体(Calligraphy)

五、符号体(Symbol)

字体的样式

单位

点(pt、point)

像素(pixel、px)

DPI、PPI

ex、x-height

em

间距

行距(Line-height、Leading)

字间距(Letter-spacing、Tracking)

字距调整(Kerning)

段落

行长(Measure)

对齐(Alignment)

易读性

晒晒-学习字体变形（2） 英文字体几种变形方法

About Fonts

在设计中字体的应用技巧(一)，寻找字体

晒晒-学习字体变形（2）英文字体几种变形方法