全民飞机大战百度贴吧|全民飞机大战2018神冠战机|

深入探讨黑体字的字体设计

来源中国设计在线    时间2019-05-10    站内收藏

黑体可说是一种最日常的字体在一天的生活中举凡手机屏幕上的app按钮网页文章书本标题杂志内文等常常都会见到它的身影这个大家如此熟悉的字体?#27492;?#24179;?#31561;?#19981;简单事实上它有相当多的造型细节值得细细欣赏品味

本篇将分为两个部分首?#21364;?#39046;各位认识黑体学会辨认风格并了解它与欧文无衬线体的差别其次会告诉大家如何欣赏不同黑体的构架及造型细节了解风格与用途上的差异希望看完这篇以后面对中日文市面上约50种的黑体大家能选出最合用的字体

 

01.认识黑体

什?#35789;?#40657;体?

面对一般大众可以这样形容拿铅笔或钢?#24066;?#23383;写出来的细线就是文字的骨架而黑体就是从骨架去长肉把细线加粗直到所有笔画都变成粗细一致

白话的版本是很像拿平头荧光笔或水?#26102;市?#20986;来的笔画粗细一致的字就是黑体

进阶的版本则是黑体就是将文字骨架加粗后维持所有笔画造型与视觉上的粗细一致且起笔收笔是切平的字体风格顺带一提将切平改为收圆就是圆体

由骨生肉保持线条粗细一致起笔收?#26159;?#24179;就是黑体

发现黑体的重要特色了吗就是粗细一致这和书写工具有关大部分的中文字体都以毛?#35782;?#20041;笔画造型?#20013;词?#36731;重不一的力度自然会使笔画有粗细差异黑体则以平头笔为基础因此几乎没有粗细变化

书写工具的选用如毛笔或平头笔?#26434;?#31508;画特色会有影响

中文黑体欧文无衬线体

这不禁令人联想到欧文字母设计是的黑体的设计就是受到西方无衬线体sans serif的影响是非常现代简洁的字体不过要注意的是许多人说中文黑体是无衬线体明体是衬线体这样的模拟其实不太恰当正确地说衬线本是欧文字体的专有名词中文字体没有直接?#26434;?#30340;名称它是书写欧文书法时以平头笔配合运笔技巧在起笔处产生的造型

而使用毛笔的中文书法在起笔处的特别造型则可称为顿笔造型事实上许多的中文黑体起笔处还是可以见到顿笔造型喔所以不要再把中文黑体和欧文无衬线体互相代?#23631;ˣ?#36825;是错误的 

02.造型细节影响黑体风格与用途的关键

接下?#35789;?#30528;欣赏不同黑体的造型首先看到三套黑体的永字A是Adobe繁黑体B是兰亭黑C是Toppan Bunkyu Gothic凸版文久黑体仔细看清楚接下来会问两个问题喔

AAdobe繁黑体B兰亭黑CToppan Bunkyu Gothic凸版文久黑体它们是否很不一样

问题一哪一个字体的骨架最不一样呢

答案是A它最大的差异在于末两笔右上方的撇和最后的捺分离另外A的许多笔画特意拉长像最上方的点和第二笔的横画都是之所以这样设计是为了让字的骨架填满空间也就是所谓大字腔

三套黑体中Adobe繁黑体A的骨架最特殊它采用大字腔的设计将笔画特意拉长并分离末两笔

?#36873;?#27704;字换成东字更能明显看出A是大字腔将田的字腔范围套上不同颜色后便能立刻排出大小差异ABC

套色后可明显看出字腔大小差异ABC

字腔会影响观感字腔大的A笔画几乎填满整个字面方正的结构带来稳重感之余也稍嫌呆板而字腔小的C东的轮廓较有变化中间收窄的田更如人的腰身给人曼妙生动的印象也因此让人视线集中看起来有精神观察任何字体都可?#28304;?#39592;架轮廓及字腔留意起喔

问题二哪一个字体的笔画造型差异最大呢

答案是CC在转折与起笔处突出也就是前面所说的中文黑体有类似衬线的顿笔细节所谓顿笔细节可?#26434;֙?#28216;?#35302;å?#23383;体来解释这是一套相当美丽又实用的黑体它在Mac跟Windows 8.0以上都有内置

游?#35302;å?#32654;丽又实用的黑体Mac跟Windows 8.0以上都有内置喔

游?#35302;å?#26377;最自然的顿笔造型在起笔处加上虚线会发?#33268;?#24275;长得像毛笔相信?#26434;?#23398;过书法的人来说一定不陌生只要起笔时稍微下压就会产生这样的造型了许多人对黑体常有现代数位?#23567;?#20725;硬没个性等刻板印象但实际上?#34892;?#40657;体的笔画也融入了书法笔触具备柔软优美的造型细节喔

游?#35302;å?#30340;起笔融入毛笔书法笔韵与柔软优美的造型细节

黑体造型细节欣赏起笔

除了游?#35302;å?#22806;再另外列出?#25945;?#40657;体下?#21152;?#24038;到右依序是游?#35302;å?#23567;冢?#35302;åMS?#35302;å?#20013;间的小冢黑体起笔为尖刺造型像是用平头?#24066;?#20986;的欧文衬线右边的MS黑体则收成圆形

观察黑体可以留意起笔像中间的小冢黑体起笔为尖刺造型右边的MS黑体则收成圆形

除了顿笔造型起笔还有一个细微差异回到ABC三套字体放大看会发现AB都是方形但C的起笔造型由宽大逐渐收细因为像喇叭一样故有喇叭口之名这在铅字印刷时代具有让印刷字安定清晰的用途但在电脑屏幕显示与高分辨率输出的当代喇叭口变成造型细节线条的曲度及力度变化为字体增添美感与韵味

三套黑体中Toppan Bunkyu GothicC的笔画造型最特殊如起笔就有喇叭口的设计

黑体造型细节欣赏转折与收笔

除?#20284;?#31508;外还可以注意转折与收笔从转折可以明显看出不同黑体的特色像横撇ա三者的处理很不同A是切?#24688;B是直?#24688;C则非常类似毛笔的回锋

观察黑体时还可以留意转折A是切?#24688;B是直?#24688;C则类似毛笔回锋

转折的处理会影响速度感像A就有快速的运笔感C是慎重地提笔回锋再转折速度慢也最有书写感B则像是积木组?#24076;?#26159;去掉人味的刚硬设计此外转折处的造型设计也会让观者无意间去揣摩字的书写轨迹以下尝试画出不同黑体的运笔轨道透过观察细节会发现它是影响字体风格如轻快v.s.稳重机械v.s.人文或古典v.s.现代的关键喔

转折会影响速度感试着画出不同黑体的运笔轨迹会发现它是影响字体风格的关键喔 

释例如何具体分析黑体

以下用?#25945;?#40657;体来做总结与复习让大家学会如何分析黑体并在选用时做判断分析时可以先固定字级大小并放入字身框这会帮助我们?#34892;?#21028;断字的整体轮廓像左边的黑体比右边的更填满方框可知它的字腔应该较大右边的字腔则较小

分析黑体时可以先固定字级大小并放入字身框字的整体轮廓能协助?#25735;?#23383;腔大小像左边的字腔应该较大

观察黑体的第一步就是看骨架轮廓及字腔大小之后可以试着感受字腔的影响字腔大的字体较有现代与设计感排版效果扎实且牢固甚至?#28304;?#20725;硬感且缺乏个性但因为各笔画间的距离大字体大小不太会影响清晰度大至?#20449;?#21450;车站指标小至企业标准字与logotype都可以使用字腔小的字轮廓则较有?#19979;?#24863;外放内收的结构不仅让它看起来较为凝聚也和传统汉字书法所讲究的美感相近排版后的效果则较有节奏性版面也更透气些

试着排列两种黑体上方的地铁市政府站是否比较明晰也更是大家所熟悉的捷运站指标呢

接着进入观察黑体的第二步留意各笔画的起笔转折与收尾细节以下图为例可以看出左边造型简洁起笔平整收尾无勾笔转折亦未刻意营造而右边的笔画则富含变化起笔有顿笔及喇叭口收尾有上扬的曲线勾笔转折处也有运笔?#23567;?/p>

留意起笔转折与收尾是观察黑体的第二步像左边的造型简洁平直右边的则充满细节变化

笔画细节设计将影响排版效果细节少的字较生硬且有现代感适合呈现?#24863;?#24687;用于科技相关场合富含细节的字则?#20808;?#36719;且有古典韵致适合用于文学或想营造特殊气氛的场合

试着排列两种黑体下方的黑魔法防御术是否更让人融入魔法的氛围中呢 

小补充日本如何称呼黑体风格在日文字体?#35828;?#20013;该怎么找寻

日本?#36873;?#40657;体风格称为角?#35302;å?#26085;文中的?#38468;恰?#24565;作kaku是方形的意思而?#35302;å?#23601;是歌德Gothic一词所以日本是以方形的歌德体来称呼中文的黑体?#35828;?#20013;?#32423;?#20250;见到以罗马拼音显示日文字体kaku gothic就是中文的黑体风格在此补充日本称呼圆体的方式一样是歌德体只是?#30333;?#25442;成丸字丸在日文念作maru是圆形的意?#36857;?#25152;以丸?#35302;å?#23601;是中文说的圆体啰罗马拼音是maru gothic

日本人很爱缩写在?#35828;?#20013;寻找日文的黑体与圆体字体时须特别留意像角?#35302;å?#23601;有三种省略法第一种是只留下?#35302;åAdobe附赠的小冢?#35302;å?#23601;是第二种是留下角?#30784;?#20687;是ҥ饮?#35859;F础?#36825;是Mac使用者很熟悉的一套完整日文黑体字体一共有十种不同粗细可以满足各种排版需求第三种省略法最夸张只保留?#30784;?#22312;日本地铁站的指标或海报上常见的字体?#24863;础?#20013;文可翻成新黑体

寻找日文的黑体角?#35302;å?#19982;圆体丸?#35302;å?#26102;须留意缩略写法像黑体就有三种省略法圆体则有一种

圆体单纯许多只有完整的丸?#35302;å?#25110;省去后半部分的丸?#30784;?#27809;有其他省略法相信在看了这个补充后大家都能顺利?#19994;?#26085;文的黑体与圆体字型啰

作者Ruby

廖珮妏主修書法史關心書法字體的數位化喜歡藝術歷史旅行建築語言學習期?#25991;܏母?#22823;的文化視野關懷字體議題


转自:https://blog.justfont.com/2018/08/jf-typeclass-intro-3/

本文来源中国设计在线

上一篇返回列表
关键词 黑体字 字体设计 
编辑cdo
相关阅读
    正在加载...
ȫɻսٶ