字体设计基础.docx
- 文档编号:30015303
- 上传时间:2023-08-04
- 格式:DOCX
- 页数:29
- 大小:481.56KB
字体设计基础.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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 字体 设计 基础
![提示](https://static.bdocx.com/images/bang_tan.gif)