字体设计基础.docx

字体设计基础.docx

《字体设计基础.docx》由会员分享，可在线阅读，更多相关《字体设计基础.docx（29页珍藏版）》请在冰豆网上搜索。

字体设计基础

字体设计基础

（1）视觉均衡

100%practical.Sketcheshavebeenmadetoexplainsomebasicissuesintypedesignduringtheworkshops.Theygetusedtopointoutsomeproblemswhichraisewhilecreatinganewtypeface.Onlysomefoundationsareshown,nodeepsophisticateddetails.

（写在前面）

100%实用。

这一系列关于字体设计的讨论文章来自，每篇文章都配有手绘的插图，以阐明字体设计的一些基本事项，指出设计新字体时可能会遇到的一些问题。

这里只讲述一些最基础的东西，未涉及复杂的技术细节。

Samesizeforall!

Toopticallyalignallcharactersonaline,theycannotnothaveexactlythesamemathematicalheight.Forexamplethetriangleonthisdrawinghastobehigherthantherectangle.Ifthisisnotthecase,thetrianglewillforsurelooksmallerthantherectangle.Whilecreatingatypeface,youwantalltheletterstohavethesameheight.

为了让所有字符在视觉上对齐，它们就不能采用同样的物理尺寸。

比如说，下图中的三角形的高度就必须大于矩形。

否则，三角形看起来就要比矩形小很多。

而我们在设计字体的时候，往往想给它们定义同样的高度。

Alsoroundformshavetoexceedthebaselinetobeopticallythesame.Ifthecirclewouldhaveexactlythesamemathematicalheightastherectangle,itwouldlooksmallerthanthesquare.Thisdoesn'tonlycountforbasicformsliketriangles,circlesandsquares.It'sessentialintypedesign,becausetheyapplytoeverysinglecharacterinatypeface.Thenitevendoesn'tmatterifyou'redesigningalatin,cyrillicorgreekfont.It'sabasicprincipleforanykindofshape.

同样的，为了使圆形看起来和矩形同样大小，圆形就必须超出基线。

如果圆形和矩形物理尺寸一样，圆形看上去就会比矩形小。

这一规则不仅仅适用于三角形、圆形、方形这样的基本形状，这是字体设计的基本原则，整个字体中的所有字符都适用这一原则。

不管你设计的是拉丁字体、还是斯拉夫或者希腊文字体，这是所有形体都必须遵循的基本准则。

字体设计基础

（1）视觉均衡

Typeterminology. Communicationduringthedesignprocessismucheasierwhenusingbasicterminologyoftype.Hereareacoupleimportantones,whichwillhelptobringtheconversationabitfurtherthan'yeah,thatthere,thatlittleblackthing.'Thecounterofthe'e'canalsobecalledan'eye',buttherearemanymoreterms.Ifyouwanttoknowthemall,gotothelibraryor browse-the-web. 

使用字体的基本术语，会让设计过程中的交流变得非常容易。

这里是一些基本的术语，让你的交流能够更深入，而不是“嗯，那里，那个，那个黑色的小玩意……”小写e的"字怀"（“字谷”）有时候也被称为是字“眼”，如果你还想更全面的了解其他术语，可以去图书馆，或者是参考下面的网络资源。

（译注：

很遗憾，原文中链接的一些资源已经无法访问了。

但我们可以用google找到其他的资源。

这些术语很重要，如果你希望阅读西方的第一手的字体设计研究资料，这是必须跨越的一关。

但目前在国内的设计界似乎还没有一个统一的翻译，不少书籍的翻译都是各行其是，让读者也无所适从。

有时间我会找一篇比较完整的来翻译。

）

字体设计基础（3）流线型

Fluentshapes.Designingtypeislikedrivingacar.Ifyoudriveacar,youalwaystakethecurveinanaturalway.Ifyoudrawacurve（ofacharacter）onpaper,thisisexactlythesame.Thecurvestartssmoothly,neveroutofasudden.Whiledrivingacar,youdon'tstartturningthewheelwhenyouarealreadyinthebeginningofthecurve.Awhilebeforeyouarriveinthecurveyouanticipatebyleadingyourcargentlyintherightdirection.Thinkaboutdrivingacarwhenyouaresketchingtypeonapaper. 

流线型。

设计字体就象开车。

你在开车的时候，总是会以自然的曲线过弯。

当你在纸面上绘制一条曲线（或是字符）的时候，也是同样的道理。

曲线平滑的开始，而不是陡然出现。

开车时，你不会在已经到达了弯道口之后才开始打方向盘，而是在你预计即将进入弯道的时候，就开始慢慢的将你的车引入正确的方向。

当你在纸上画草图的时候，多想想你是怎样开车的。

（下面有图片。

）

图片上的文字：

标题：

动态的曲线

左：

怎样才能最快的驶过这条弯道？

右1：

几何曲线

右2：

自然曲线

右下：

平滑的开始转向，更自然，更快速！

字体设计基础（4）书法原型

点击放大

Calligraphicorigin.Thecharactersonthetoplinehaveadifferentconstructionthanthecharactersonthebottomline.Theyhaveadifferentcalligraphicorigin.Itdoesn'tmatterifatypefacehasserifs（likeTimesNewRoman）ornot（likeArial）.It'sabouttheoriginalwaytheywhereconstructed.

图中上下两行字母有着不同的结构，它们来源于不同的书法原型。

不管这种字体是衬线字体（如TimesNewRoman）还是无衬线字体（如Arial），它们的架构都源于它们的书法原型。

Thecharactersinthetoplineareconstructedwithapointedpen（calligraphictool）.Thecontrastiscausedbychangingthepressureonthepen,notbecauseoftheformofthepen.Bodoniisoneexampleofthis,butalsosansseriffaceslikeHelveticahavethisorigin.Thethickestpartwillbe（mostly）totallyvertical.FromthisperspectivethereisnodifferencebetweenBodoniandHelvetica.Theybothhavethesameconstruction.Onlythecontrastvaries.

上面一行的字体的书法原型是一种尖头的书法钢笔。

其笔画的粗细对比是通过改变笔压来实现的，而与笔尖本身的形状无关。

Bodoni字体就是一个例子，但是象Helvetica这样的无衬线体也是来源于此。

笔画最粗的部分几乎都是垂直的。

从这个角度来看，Bodoni和Helvetica是同出一辙的。

它们的架构是一致的，只是笔画的粗细对比有区别。

Thecharactersinthebottomlinehaveaoriginwhichisderivedfromthebroadnip.Thecalligraphicpenitselfhasathickandathinpart.Thecontrastinthetypeismadebecauseoftheformofthepen,notbecauseofthepressure.Youslantthepenwithanangleof30degreesonthepaper.Inthatwayyourthickestpartofacharacterwillnotbeonaverticaldirection,butwillbeonanangle.Alsothethinnestpartwillnotbeonthemosthorizontalparts.TypefaceslikeGaramondandMinionhavethiskindofconstruction.ButalsosansseriffaceslikeGillSanshaveaconstructionwhichisoriginallyderivedfromthebroadnip.

下面一行字体来源于一种笔尖扁平的钢笔。

这种书法钢笔正面宽而侧面窄。

字体的笔画粗细是由于钢笔本身形状的差异造成的，而不是笔压。

你书写的时候笔身是倾斜的，和纸张形成30度的倾角。

因此笔画最粗的部分就不是垂直方向的，而是有一定角度的倾斜。

同样的，笔画最细的部分也不是位于水平方向上。

Garamond和Minion字体就是这种结构。

但象GillSans这样的无衬线字体也同样是起源于这种笔尖扁平的钢笔。

字体设计基础（5）字符间距

点击放大

图片文字说明：

文字间距基础

上：

太紧

下：

a和e的内部空间应该是相等的

平衡字符的内空间和外空间

Spacing.Somewordsaboutspacingtype.Muchmoreimportantthantheshapesofthecharacters,istherhythmofthetype.Atypefacewithbeautifulcharacterswhicharebadlyspacedisextremelyhardtoread.However,iftheshapesofthelettersarenotthatgood,butwhentheyareallperfectlyspaced,thetypewillbefairlyeasytoread.Definingtherhythmismoreimportantthandefiningtheshapes.

字符间距

这里要说一下字符间距。

字符的间距要比它的外形重要得多，这关系到字体的节奏。

一种间距很糟糕的字体，不管外形如何优美，一样难于阅读。

相反的，一款外形稍欠的字体，如果有完美的间距调节，这种字体一样可以易于阅读。

因此，定义字体的节奏，要比定义字体的外形更加重要。

Thewhitespacesinsideandinbetweenlettersaredefiningtherhythm,muchmorethantheblackshapesoftheletters.Whenyoumanagetocreateagoodrhythminyourlineoftext,yourtypegetsmorereadableandgivesabalancedendresult.Whilecreatingtheblackshapes,youhavetotakethewhitespacesintoconsideration.Becausethewhitespacesaremoreimportantthantheblackshapes.However,whitecannotexistwithoutblack.Changingawhiteshape,inevitablewillhaveaninfluenceontheblackshape.Fromthatperspective,onecolourcannotbemoreimportantthantheother.

字体的节奏取决于字符内部和字符之间的白空间，而非字符的黑色形体。

如果你能够为你的文本建立一种很好的节奏，你的字体就更易于阅读，并获得均衡的整体效果。

从开始创建黑色形体的时候起，你就应该同时把白空间的设置考虑在内。

当然，白空间和黑空间是相互依存的。

白空间的改变也必然的会影响黑空间的形态。

从这个角度来看，我们不能说黑与白哪个更重要。

Forexample,therehastobearelationbetweenthespaceinsidean'n'andthespacebetweenthe'i'andthe'n'（seedrawing）.Inthetoprowyoucanseethespaceinsidethe'n'ismuchmuchbiggerthanthespaceinbetweenthe'n'andthe'i'.Inthebottomrowtheyaremuchmoreequal,andinthiswayyou'llgetamuchbetterrhythmandmoreharmonyinyourlineoftext.

例如，字母n内部的白空间，以及i与n之间的白空间，两者之间必然会存在着某种关联（见图示）。

在上面一行中，字母n内部的白空间要远大于i与n之间的白空间。

在下面一行中，两者则要均衡得多，你也因而获得了更好的节奏，整个文本也更和谐。

Thesamegoesfortheinnerformofthe'a'andthe'e'forexample.Thereisabigrelationbetweenthesetwoforms.Iftheyhave（optically）thesameamountofwhiteinsidethecharacter（=counter）,yourtypewillhaveabetterrhythmaswell. 

同样的，小写a和e之间的内部空间也存在着这种关联。

两个形状之间的关系非常紧密。

这两个字符的内部白空间（counter，中文术语翻译为字怀/字谷/字币）在视觉上应当是等量大小的，这样你的字体才会有更好的节奏。

字体设计基础（6）黑与白

图片上的文字：

注意字符内部和外部的白空间

Blackvs.white.Designingtypeisnothingmoreandnothinglessthanharmonizingblackandwhiteshapes.Blackcan'texistwithoutwhite,andwhitecan'texistwithoutblack.Black,theshapeofaletter.White,thespaceinorinbetweenletters.Theamountofwhiteinsideacharacterdefinestheamountofwhiteinbetweentwocharacters.

黑与白

字体的设计，莫过于调整黑白空间的和谐。

黑不能离开白而独立存在，白也是一样。

黑，是字符的形体。

白，是字符内部和字符之间的白色空间。

两个字符之间白空间的大小，取决于字符内部白空间的大小。

Asitisimpossibletocreateaveryblackcharacterwithabig（white）counterform,ablacktypefacewillalwayshavesmallercountersthanalighttypeface.Henceitfollowsthatthereislessspaceinbetweenthecharacters（seedrawing）.Alighttypefacehasmuchbiggercounters.Thespaceinbetweentwolettershastobeinproportion.Asaconsequencethereismorewhitespaceinbetweenlightlettersthaninbetweenblackletters.

你永远不可能设计出一种笔画极其粗重而同时字怀（counter，字符内部包围的白空间）又很大的的粗黑体。

一个粗黑体，其字怀永远要小于一个细线体，因而粗黑体的字符间距也一定要小于细线体（如图）。

细线体的字怀很大，其字符间距也必须相应的大，所以细线体的字符之间就需要比粗黑体更大的白空间。

字体设计基础（7）意大利体与草写体

点击放大

Italicvs.cursive. Aromanfontcanbeslanted（havinganangle）andacursivefontcanbeupright（totallyverticallikearoman）.Urgh!

一个罗马体（roman，通常也被译作”正体“）可以是倾斜的（有一定的倾角），而一个草写体可以是竖直的（就好像是一个正体一样）。

呃？

！

Theangledoesn'tdecideifacharacterisa'roman'characteroran'cursive'character.Thisdependsontheconstruction.Tomakeitabitmoreclear,takealookatthefourbign's.Asyouwouldexpect,thefirstletterisaromancharacter.Butthesecondoneaswell.Althoughit'snottotallyvertical,itstillhasthesameconstructionasthefirst'n'.Thisiscalledaslantedroman.Thethird'n'lookslikeancursive,butalsothisoneisnotarealcursive.Basiclythereisnodifferencebetweenthesecondandthird'n',onlysomepartsoftheserifshavebeencutoff.

倾角并不能决定一个字母是一个“罗马体”还是一个“草写体”。

关键在于其结构。

要理解这一点，看看下面四个大n。

你想的没错，第一个是一个罗马体。

但第二个同样也是，虽然它并不是完全的竖直，它和第一个n拥有同样的结构。

这种情形我们叫做倾斜的罗马体。

第三个n看起来很象草写体了。

但它实际上还不是一个真正的草写体。

总的来说第三个n和第二个并没有多大区别，只是衬线的个别部分被切掉了而已。

Comparethefirstthreeletterswiththelast'n'.That'sarealcursive.Thebigdifferencewiththepreviousthreeistheconstruction.Thefirstthreeareconstructedfromseparatepenstrokes.Thelast'n'isconstructedoutofonepenstroke.Thisisthebasicdifferencebetweenromanandcursivefonts.Nottheangle,buttheconstruction.

与前面三个n相比，最后一个n才是真正的草写体。

它们之间最大的区别在于结构。

前三个n的各个笔画之间都是独立的。

最后一个n完全是一笔写成的。

这就是罗马体和草写体之间最根本的区别：

不在于倾角，而在于结构。

Manydifferentexplanationscanbegivenforthedifferencebetweena'cursive'and'italic'fromahistorical