西文字体设计.doc

英文字体设计基础100%实用。在工作室做字体设计的案例时，手绘可以帮助我们解释一些基本的事情。在设计新字体时，手绘可以帮助我们指出一些问题所在。这里，我们就用手绘这种方式来谈一些关于字体的很基础的东西，不深谈。.第一部分：视觉平衡Samesizeforall!Toopticallyalignallcharactersonaline,theycannotnothaveexactlythesamemathematicalheight.Forexamplethetriangleonthisdrawinghastobehigherthantherectangle.Ifthisisnotthecase,thetrianglewillforsurelooksmallerthantherectangle.Whilecreatingatypeface,youwantalltheletterstohavethesameheight.视觉平衡！我们把所有字母在视觉上保持水平对齐，但是我们发现他们并没有绝对意义上的相同高度。比如，这个三角形比矩形要高，否则，三角形肯定会看上去比矩形要小。而创造一种字体，你当然想要所有的字母Alsoroundformshavetoexceedthebaselinetobeopticallythesame.Ifthecirclewouldhaveexactlythesamemathematicalheightastherectangle,itwouldlooksmallerthanthesquare.Thisdoesntonlycountforbasicformsliketriangles,circlesandsquares.Itsessentialintypedesign,becausetheyapplytoeverysinglecharacterinatypeface.Thenitevendoesntmatterifyouredesigningalatin,cyrillicorgreekfont.Itsabasicprincipleforanykindofshape.同样，圆形也需要超出基准线而达到视觉上的对齐。如果圆形和矩形高度相同，那肯定会看起来比矩形小。这不仅适用于三角形、圆形、矩形这些基本行状，而是可以应用在字体设计中的每一个字母，是很重要的一条法则。甚至你设计拉丁文、希腊文都可以应用。这是一条适用于任何形状的基本法则。.第二部分：术语。Typeterminology.Communicationduringthedesignprocessismucheasierwhenusingbasicterminologyoftype.Hereareacoupleimportantones,whichwillhelptobringtheconversationabitfurtherthanyeah,thatthere,thatlittleblackthing.Ascender：上伸部Baseline：基准线X-height：小写字母x高度Arm：字臂Shoulder：字肩Contrast：粗细对比Stem：主干Serif：衬线Terminal：尾部Counter：字谷（内部空间）Bowl：字碗descender：下伸部字体术语。在字体设计过程中使用一些字体术语更有益于交流。这里有12个重要的字体术语，这些会让你在交流中不用使用含糊不清的“对，这里”“那个小的黑的东西”的代词。这里我加一段：在英文字体的设计中（主要指小写），一个字体的高度体包含三部份，以基准线(baseline)为中央，以上称之为上部(ascenderarea)，基准线内称之为x高度（X-height），基准线以下称之为下部(descenderarea)。.第三部分：流线型Fluentshapes.Designingtypeislikedrivingacar.Ifyoudriveacar,youalwaystakethecurveinanaturalway.Ifyoudrawacurve(ofacharacter)onpaper,thisisexactlythesame.Thecurvestartssmoothly,neveroutofasudden.Whiledrivingacar,youdontstartturningthewheelwhenyouarealreadyinthebeginningofthecurve.Awhilebeforeyouarriveinthecurveyouanticipatebyleadingyourcargentlyintherightdirection.Thinkaboutdrivingacarwhenyouaresketchingtypeonapaper.流线。设计字体就像开车。当你开车的时候，你肯定会走自然的曲线。这跟你在纸上画字体的曲线是一样的。曲线流畅的展开，绝不会突然卡住。当你开车的时候，肯定不会一进弯就打方向盘，而是慢慢的沿着右侧曲线通过。在纸上手绘字体的时候，你想着开车就好了。呵呵。.第四部分：书法渊源Calligraphicorigin.Thecharactersonthetoplinehaveadifferentconstructionthanthecharactersonthebottomline.Theyhaveadifferentcalligraphicorigin.Itdoesntmatterifatypefacehasserifs(likeTimesNewRoman)ornot(likeArial).Itsabouttheoriginalwaytheywhereconstructed.书法渊源。上下两种字母结构不同，源于他们不同的书写方式。不论字体是否分为衬线体或者无衬线体，他们都是根据不同的书写方式而来。Thecharactersinthetoplineareconstructedwithapointedpen(calligraphictool).Thecontrastiscausedbychangingthepressureonthepen,notbecauseoftheformofthepen.Bodoniisoneexampleofthis,butalsosansseriffaceslikeHelveticahavethisorigin.Thethickestpartwillbe(mostly)totallyvertical.FromthisperspectivethereisnodifferencebetweenBodoniandHelvetica.Theybothhavethesameconstruction.Onlythecontrastvaries.上面的字母是通过尖笔书写的，其中的对比是通过改变笔的不同压力，而不是因为笔的形状。Bodoni就是一个例子，但是无衬线体Helvetica也属于这种。最宽的部分基本都是垂直的，从这点来说Bodoni和Helvetica没什么不同。他们有着同样的结构，只是对比不同而已。Thecharactersinthebottomlinehaveaoriginwhichisderivedfromthebroadnib.Thecalligraphicpenitselfhasathickandathinpart.Thecontrastinthetypeismadebecauseoftheformofthepen,notbecauseofthepressure.Youslantthepenwithanangleof30degreesonthepaper.Inthatwayyourthickestpartofacharacterwillnotbeonaverticaldirection,butwillbeonanangle.Alsothethinnestpartwillnotbeonthemosthorizontalparts.TypefaceslikeGaramondandMinionhavethiskindofconstruction.ButalsosansseriffaceslikeGillSanshaveaconstructionwhichisoriginallyderivedfromthebroadnib.下面的字母则是起源于瘪头笔。笔本身就有宽和窄的部分。这种字体的粗细对比来自于笔的形状而不是笔的压力。把笔倾斜30，这样字母最宽的部分就不是垂直方向了，而是你倾斜的那个角度。同样，最窄的部分也不是水平的部分。Garamond和Minion就是这样的字体，但是无衬线体GillSans也是来源于这种书写方式。.第五部分：空间Spacing.Somewordsaboutspacingtype.Muchmoreimportantthantheshapesofthecharacters,istherhythmofthetype.Atypefacewithbeautifulcharacterswhicharebadlyspacedisextremelyhardtoread.However,iftheshapesofthelettersarenotthatgood,butwhentheyareallperfectlyspaced,thetypewillbefairlyeasytoread.Definingtherhythmismoreimportantthandefiningtheshapes.空间。首先，明白一个概念，文字是用来阅读的。比字体的外形更重要的是字体的韵律。有着优美字母但是字距糟糕的字体阅读性肯定很差。然而，如果字母没有那么完美，但是他们有良好的字距，那字体也会很容易阅读。设计韵律远比外形重要得多。Thewhitespacesinsideandinbetweenlettersaredefiningtherhythm,muchmorethantheblackshapesoftheletters.Whenyoumanagetocreateagoodrhythminyourlineoftext,yourtypegetsmorereadableandgivesabalancedendresult.Whilecreatingtheblackshapes,youhavetotakethewhitespacesintoconsideration.Becausethewhitespacesaremoreimportantthantheblackshapes.However,whitecannotexistwithoutblack.Changingawhiteshape,inevitablewillhaveaninfluenceontheblackshape.Fromthatperspective,onecolourcannotbemoreimportantthantheother.字体的韵律由字母内部的空间以及字母与字母的间距决定，这些空白的部分远比黑的部分重要。一段文字如果有一个良好的韵律，那么他就更具可读性也会有很好的视觉效果。当你设计黑的部分时，空白的部分你不得不考虑。留白虽然重要，但是也需要黑的部分相互依存。改变白的部分，必然会对黑的部分有影响。从这点来看，两者同样重要。Forexample,therehastobearelationbetweenthespaceinsideannandthespacebetweentheiandthen(seedrawing).Inthetoprowyoucanseethespaceinsidethenismuchmuchbiggerthanthespaceinbetweenthenandthei.Inthebottomrowtheyaremuchmoreequal,andinthiswayyoullgetamuchbetterrhythmandmoreharmonyinyourlineoftext.比如，“n”的内部空间和“i”与“n”之间的空间有着必然的关系。上面一行，“n”的内部空间比“i”与“n”之间的空间要大很多，而下面一行是则基本相同的，下面一行明显有着更好的可读性。Thesamegoesfortheinnerformoftheaandtheeforexample.Thereisabigrelationbetweenthesetwoforms.Iftheyhave(optically)thesameamountofwhiteinsidethecharacter(=counter),yourtypewillhaveabetterrhythmaswell.同样的道理一样适用于“a”和“e”的内部空间。这两者之间有着很大的关系。如果字母内部空白的部分视觉上达到平衡，那字体就有着良好的韵律。.第六部分：黑与白Blackvs.white.Designingtypeisnothingmoreandnothinglessthanharmonizingblackandwhiteshapes.Blackcantexistwithoutwhite,andwhitecantexistwithoutblack.Black,theshapeofaletter.White,thespaceinorinbetweenletters.Theamountofwhiteinsideacharacterdefinestheamountofwhiteinbetweentwocharacters.黑与白。设计字体无非就是协调黑和白。黑和白唇齿相依。黑，字体的外形。白，字体内部以及字体与字体之间的部分。字母内部的白决定了字母与字母之间的白。Asitisimpossibletocreateaveryblackcharacterwithabig(white)counterform,ablacktypefacewillalwayshavesmallercountersthanalighttypeface.Henceitfollowsthatthereislessspaceinbetweenthecharacters(seedrawing).Alighttypefacehasmuchbiggercounters.Thespaceinbetweentwolettershastobeinproportion.Asaconsequencethereismorewhitespaceinbetweenlightlettersthaninbetweenblackletters.黑的部分多，白的部分就少，创造一种黑多白多的字体是不可能的，一种黑体白的部分肯定比细体白的部分少。（绕口令一样！）一种细体有更大的空白部分。内部以及之间的空间要均衡。因此，细体比黑体有更多白的空间。.第七部分：意大利体与手写体Italicvs.cursive.Aromanfontcanbeslanted(havinganangle)andacursivefontcanbeupright(totallyverticallikearoman).Urgh!意大利体与手写体。罗马体可以倾斜体，手写体可以有垂直体。Theangledoesntdecideifacharacterisaromancharacterorancursivecharacter.Thisdependsontheconstruction.Tomakeitabitmoreclear,takealookatthefourbigns.Asyouwouldexpect,thefirstletterisaromancharacter.Butthesecondoneaswell.Althoughitsnottotallyvertical,itstillhasthesameconstructionasthefirstn.Thisiscalledaslantedroman.Thethirdnlookslikeancursive,butalsothisoneisnotarealcursive.Basiclythereisnodifferencebetweenthesecondandthirdn,onlysomepartsoftheserifshavebeencutoff.角度不能决定字体属于罗马体还是手写体。这取决于结构。看一下这4个大“n”，就会很明白了。对，第一个字母是罗马体，但是第二个同样是，虽然他没有完全垂直，但他和第一个有相同的结构。这叫做斜罗马体。第三个“n”看起来像手写体，但他并不是真正的手写体。基本上第二个和第三个没什么区别，只是衬线不同而已。Comparethefirstthreeletterswiththelastn.Thatsarealcursive.Thebigdifferencewiththepreviousthreeistheconstruction.Thefirstthreeareconstructedfromseparatepenstrokes.Thelastnisconstructedoutofonepenstroke.Thisisthebasicdifferencebetweenromanandcursivefonts.Nottheangle,buttheconstruction.把前面3个和最后一个相比较，没错，这才是手写体。他们最大的不同是结构。前面3个笔画是分开的，而最后一个是一笔写下，这是罗马体和手写体最本质的区别，不是角度，而是架构。Manydifferentexplanationscanbegivenforthedifferencebetweenacursiveanditalicfromahistoricalpointofview.Howeverweconsiderthisasthebigdifference:italicisconcerningthefunction,cursiveisconcerningtheconstruction.Almostanythingcanworkasanitalic,itdoesntevennecessarilyneedsanangle.Whenmakingafontfamilywitharomanandanitalicfont,theitalicfontcanbeconstructedinmanydifferentways.Thethirdnintheexamplecouldprobablyfunctionperfectlyasanitalicinsideyourfamily.Butdontforget,itsnotalwaysarealcursivewhenitscalleditalic.意大利体和手写体的不同也可以从历史的角度给出更多的解释，但是我们认为他们最大的区别在于：意大利体注重功能，手写体注重结构。几乎任何字体都可以作为意大利体，甚至都不需要角度。当设计一个包括罗马体和意大利体的字体族时，意大利体可以有很多构建方式。第三个“n”就可以在功能上作为意大利体加进你的字体族里。但是切记，意大利体并不总是真正的手写体。.第八部分：风格统一OneforallWhatdefinesifonecharactercanfittoanothercharacter?Onceyoumadeadecision,howtoapplythistoalltheothercharactersinafont?风格统一。如何定义一个字母和另一个字母风格一致呢？一旦你做了决定，怎么样在你字体的所有字母中应用呢？Startingpoint:e(inthecenterofthedrawing).Imagineyousketchedthise,youlikeitalot,andnowyouwanttodesignmorecharactersfittingtothise.Wheretostart?Shoulditbeaseriforasansserifforexample?从“e”开始吧。如果你手绘了这个“e”，你很喜欢，然后你想要设计和“e”风格相同的其他字母。从哪里开始？比如是衬线体还是无衬线体？Firsttry:iontheleft.Sansserif.Theblackpartisasthickastheblackpartsofthee.Samex-height.Sothisshouldworkyouthink.首先从左边的“i”尝试，无衬线体。黑的部分要和“e”黑的部分一样粗，相同的x高度，于是你觉得这样应该就可以吧。Secondtry:iontheright.Samethickness,thecharacterhasthesamex-height,butnowithasserifs.然后来看右边的“i”。相同的粗细，相同的x高度，但是现在有衬线。Thebowloftheeisnotonlyhavingacertainthickness,buttheealsohascontrast.Theionthelefthasnocontrastatall.Thereforethesetwocharactersdontbelongtoeachother.Theiontherighthoweverhasthesamekindofcontrastasthee,justbecauseithasserifs.Justthosetinyserifsmakesuretherearethickandthinparts,liketheehas.Thismeansthatthestartingpoint,thee,alreadydefinedthattherestofthefontcannotbeasansseriftypeface.“e”的字碗部分不仅有一定的粗度，还有粗细对比度。而左边的“i”根本没有粗细对比。因此这两个互不兼容。（就像qq和360）而右边的“i”有着和“e”相同的对比度，只是因为他有衬线。就是这些细小的衬线让他有像“e”一样的粗细对比。回到开始，一个“e”已经决定了这个字体不可能是无衬线体。Ofcourse,everysocalledruleistheretobebroken.Mentioningthis,doesntmeanyoucantmakeafontwhichhasanecombinedwithaniliketheoneontheleft.Everythingispossibleofcourse.Butnowyourealizebetterwhatyouaredoing,alsowhenyoudontdoit.Stillgetit?当然，所谓的规则总会被打破。我们说这些并不意味着，你不能把左边的“i”和“e”放在一种字体里。一切皆有可能。但是现在你至少明白你正在做什么。.第九部分：可读性Readability.Theonlyimportantaspectofatexttypefaceisthereadability.Manydecisionscaninfluencethereadability.Whichcontrastyoucreate,thelengthoftheascendersanddescenders,therhythm,theblacknessofatype,thestrengthofthecurvesandthebowls,etc.可读性。文字是用来读的，字体的可读性可以说是文本的至关重要的方面。可读性跟很多方面有关，比如对比度，上伸部和下伸部，韵律，字体的黑度，曲线，字碗等等。Mostofthosedecisionapplytoallthecharactersinsideafont.Thesehavetobedefinedfirst.Forexamplethecontrast.Thecharactersonthetopline(seedrawing)haveamuchbiggercontrastthanthecharactersonthebottomline.Thetypeonthetoplinewillbemoresuitablefordisplayuse,thetypethebottomthebottomlinemorefortextuse.Notonlybecauseofthedifferenceincontrast,butalsobecausethecharactersonthetoplinearemuchmorecondensed.Thismakesthemlesslegibleinsmallsizes,butmoreeye-catchingandflexibleforheadlines.Definingthecontrastandthewidtharedecisionswhichcountforeverysinglecharacterinafont.这些需要应用在字体的每个字母中，而且必须一开始就定义好。比如对比度。上面的字母比下面的字母有着更大的对比度。上面的字体更适合屏幕使用，而下面更适合书籍文本使用。不仅因为这个对比度，还有上面的字体被压缩的更多一点。这样就让字体在小字号的时候辨识度不够，但是这样的字体如果应用在标题上，又更吸引眼球更灵活。定义对比度和宽度对于一种字体的每一个字母是很重要的。Butalsowhiledesigningeverysingleglyph,youcancreatedetailswhichimprovethereadabilityofafont.Forexample,theearofagcanmakesurethereaderseyewillfollowthehorizontalreadingdirectionmorefluently.Thegonthebottomlinewillworkmuchbetterinatexttypefaceforsmallsizes(seedrawing).当你设计每一个单个字模的时候，你可以制作一些提高字体可读性的细节。比如，“g”的耳部可以保证读者更容易在水平线上阅读。所以在书籍文本中下面的“g”在小号字时会更具可读性一些。.第十部分：比例均衡Proportions.Whichx-heighttodefine?Whichdescenderdepth?Definingtheseproportionsareessential,andverystronglyconnectedtothepurposeofthetype.Theproportionswithinacertaintypefaceareinfluencingthewayyourtypewillwork&look.Forexample,itsimpossibletocreateaspacesavingnewspapertypefacewithanextremelywidebodywidth.比例均衡。X高度怎么确定？下伸部高度多少？定义这些比例是很重要的，而且和字体的用途有着莫大的关系。字体中的比例均衡关乎你字体的用途整体感觉。比如，你不可能去设计一种很宽的字体去用在本来就要求节省空间的报纸上。Extremelyshortdescenderswillgiveastrangelooktoatexttypeface.Evenworse,theymightnotbevisibleatallanymore.Butextremelyshortdescenderscanalsobeasmartdecision,whilecreatingadisplayorheadlinetype.Foratexttypefacetheascenderheightshouldbeasbigor,evenbetter,biggerthanthencapheighttogiveaopticalpleasurableresult(seedrawing).如果字体的下伸部很短，那这种字体组成的文本看起来就会很奇怪。甚至根本就不具有识别性。但是当我们设计屏幕或者标题字体时，这种字体就派上用场了。对于一个书籍字体的上伸部至少要不低于大写字母的高度，这样视觉效果会比较好。.第十一部分：小型大写字母Smallcaps.Youcouldguessitalreadyfromthename,smallcapsaresmallcapitals.Capitalswhichhavethesameheightaslowercasecharacters.小型大写字母。顾名思义，就是大写字母却有着小写字母的高度。Whyaresmallcapsneeded?Becauseofseveraltypographicalreasons.Firstofallawholewordsetincapswilllookawful,itwilldrownouttherestofthetext.Second,inlotsoftypefacesthecapitalsarenotdesignedandspacedtoworktogether,buttobefollowedbyalowercasecharacter.Smallcapshoweveraredesignedtopurelyworktogether.Theywillgiveamorepleasurable,harmonizedresult.为什么会有小型大写字母呢？有什么用呢？因为一些印刷排版上的原因。首先如果一句话全是大写字母会很吓人，这样会弱化剩下的文字。再有，在大部分字体中，设计师不会考虑大写字母之间的空间协调等等，而是一个大写字母接着一串小写字母。小型大写字母就这样应运而生，让大写字母和大写字母用在一起，而有一个更协调更顺畅的视觉效果。Havingsaidthatsmallcapitalsarecapitalsonx-height,itsmostlynot100%true.Toopticallygivethemthesameheight,thesmallcapswillhavetobeslightlybiggerthanlowercasecharactersofthesamefont(seedrawing).刚说到，小型大写字母是有着x高度的大写字母，这并不是完全正确的。为了视觉上有同样的高度，小型大写字母会比小写字母大一点点。.第十二部分：花式大写Swashcaps?Admittingthatitsnotthemosturgentissuetolearnintypography,itsinterestingtoquicklypayattentiontothistopic.NoteveryfontfamilyhasaSwashvariant.Mostcommonareswashcapitals,butalsoswashlowercasecharactersandswash-beginningsand-endingsexist.花式大写？在字体设计中这并不是很重要的，但是很有趣。并不是每一种字体都有花式大写，但是花式大写是最常见的，当然也有花式小写、花式首字、花式结尾等。Sometimesyouwanttosetawholelineincapitals.Itspossibletodothiswithromancapitals,althoughsometimesitsbettertochoosesmallcapitalswhicharedesignedforthispurpose.Romancapitalsarenot,butmostlytheydontcauseproblems.Swashcapitalshoweverdo.Swashcapitalsaremostlydesignedtogivesomeextravisualpleasuretoyourdesigns.Thecapsaremeanttobefollowedbylowercasecharacters(number1),orusedasaninitial(number2),butnottobecombinedwitheachother.Onlywithsomefontsitspossibletocombineswashcapitalswithnormalromancaps(number3).有时候你想要把一行全部用大写字母。你可以使用罗马大写字母，但是最好的办法是选择专为此而设计的小型大写字母。罗马大写字母虽然不是为此设计，但是用也不会有问题。花式大写也可以。花式大写大部分是用来给你的设计额外的惊喜。花式大写可以后面跟小写字母（最好）,或者用于首字母（次好），但是千万花式和花式不要用在一起，也可以把花式大写和正规的罗马大写用在一起（次次好）。.第十三部分：X高度xheights.Ifyoumakeal