Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

有趣有料还易懂!台湾设计师帮你轻松搞懂字体的性格

$
0
0

character-of-fonts-1

编者按:今天由台湾一个专业的字体机构@justfont 给同学们介绍字体的性格,全文风趣幽默,而且用的例子都是街头小巷随处可见的字体,对字体感兴趣的同学可以当做入门科普文阅读。

有次在路上跟一个阿姨聊天,聊到了我的工作。我说,我是在网络上跟人家介绍「字型」的。她说,噢,你是介绍「自行车」的啊?我说,是字的那个字型。

「计算机里面Word有的那个字型吗?」「对,招牌上的那个字型。」

要如何把「字型」讲到让人了解是我工作的核心。「字型」充斥我们生活周遭,尤其是招牌、路牌、各色指标,都会用到它。这些贴近生活的字体形形色色,用途各异。探究它们,就是学字型最好的一种入门方式。

但是这种高度可视化、不太好讲述的东西,要如何使人理解呢?尤其是中文字体,因为长时间缺乏一贯的、系统性的整理,所以又更难入门了,即便这是我们从小就接触的一件事情。

试举一段描述中文字体的说辞:

这个字体特别之处在于中宫紧收,重心较高、整体造型瘦长有腰身,一如传统的汉字美感。笔画具有楷书的气韵,切角的特殊调整也让它看起来很有精神。

但是这些专有名词到底是什么意思?一个字怎么也会有腰身呢?黑体怎么也有楷书气韵呢?有精神的字又是什么样子呢?未免也太专业了吧?

纯粹博君一笑。

这些专有名词是中文字非常重要的几个概念,与「骨架」特别相关。而我们可以据此判断一个字体的个性如何。这些概念并非如此难解,且有许多生活化的范例。

接下来下试以字体散步中发现的一些招牌、书封为例简单介绍:

课题一:形状

所谓形状就是根据一个字给你的「完形」印象来看——是宽扁的、方正的或是瘦长的? 因为汉字大多是在框框内造的。怎么定义框的形状,字就怎么生长,也自然会保留框所定义的外形。

例如这个在大龙峒的诊所招牌下的字体,就带有宽扁的印象。

10493940525_94fc68f06b_c

相较于主标题的楷体,下面的字体在完形上是宽扁的长方形。

而这个早餐店招牌,则有瘦长的印象。

直立的长方形字体:

11451566804_8268d54303_c

就跟人有高矮胖瘦一样,字体的完形印象也影响我们对文字「身材」的感觉。

课题二:音量

同样粗度的小冢黑体 hyper bold 与 Hiragino 黑体 W8,哪一个的视觉冲击力道比较大呢?这就是「音量」的概念。

同样粗细,但冲击的力道不同,一部份是线条造型所致,另一部份是因为黑白空间分布比例不同的关系。

「音量」是一种比喻。一个字给人的视觉冲击力道越大则越显眼,就彷佛声音越大越能引人注意一样。而字体的显眼程度来自「满」的程度,「满」是比例的概念:黑色比例越大,白色比例越小,看起来就会有满的感觉。

例如勘亭流就是「满」的始祖。勘亭流源自日本江户时代的歌舞伎町。黑色占据绝大部分的空间,只留些关键的白色空间让我们辨认文字的轮廓。我们说这个字的字面满,就是讲它的「黑色空间」分布比例较「白色空间」高出许多。视觉上的「满」不仅比较吸睛(用我的说法就是音量大),也取高朋满座、生意兴隆的意象。

11449160034_eb60fa5068_c

正宗的勘亭流是这个样子的,非常华丽,不是章鱼小丸子那种油油的勘亭流。

而这个在水饺摊拍到的纯手工字体,「音量」就没有上面例子这么大。不尽然是因为线条比较细的缘故,也是因为白色空间的分布还是占了视觉上最主要的印象。

△ 音量小、造型特殊的草根手工体

又好比下面这两个风格一样(都是颜真卿式楷体),线条粗细度非常接近的「国」字,右边红底的「国」字音量还是比较大的,原因也是这个方格内的留白比例比较少的缘故。

11449642013_8962cd1caa_c

粗细接近,但是音量却不一样。因为音量取决于黑白空间的比例分布。

总而言之,字面的「满」相关于一个文字的冲击程度,与正负空间的比例分配最相关,负空间越少,字看来越满,冲击力(音量)可能越大。说到这里我就想到苏东坡说过的一句话,似乎也可以用在当代字体设计中。

大字要紧密而无间,小字要宽绰而有余。

课题三:重心

这里我以书店里极为常见的字体「小冢黑体」为例。

小冢ゴシック(小冢黑体)以及小冢明朝随着 Adobe 系列软件附赠,普及率大增。而且小冢家族都含有五种不同粗细的字体,增加排版的功能性;再加上造型新潮、好看,所以大家都爱用。也因此我们不难在书店中看到以它为标题的杂志与书册大量出现。

用感觉来形容,重心就是一个字乍看之下最吸引眼睛,视线着落的地带。以下我们邀请到繁体中文黑体俪黑 Pro 比较一下两者重心的差异。一般来说,跟人眼的重心位置一样,汉字的重心一般都会设定在方框中心点偏上的位置。将两个字体交迭比较之后,我们可以发现小冢黑体的下盘较宽,俪黑 pro 的肩膀较宽。

小冢黑体较宽的下盘,将视觉平均的重量往下带;而它在爫的部件也相较长。这两项因素让这个字的重心往下带了。这点也可以看出,重心是平均的概念。

课题四:中宫

「中宫」这个名称来自于九宫格。九宫格中间的那格叫中宫。不过,或许练习书法的时候大家会发现,中宫是抽象的概念,没有对齐明确的线(像西文里的 baseline)。它谈的是一种张力平衡——在经过中宫四条在线笔画的力道平衡。(米字平衡)

唐代书法家欧阳询所写的字,米字布局的力道往中间的那一格紧收,所以字看起来有一种结实的感觉。

这种结实——放松的标准也可以用来看计算机字。或许你也发现,同样字号的标楷体看起来好像比其他字体还要小。这是因为楷体的中宫会做得比较紧收的缘故。

中宫紧收是传统的汉字美感,而中宫放大字也就看来大。

若你觉得楷体、明体相比较是不公平的,我们也可以用同样的方式看三种不同的明体,例如下面三种明体:

11450523265_23eee31be0_c

同一字号的的字体,中宫的松紧程度不仅影响大小的视觉效果,也影响这个字的表情。

中宫紧看起来比较矜持些、严肃些。

11450672304_dc606665ef_c

像这张图,左边日系圆体中宫松,看起来大,感觉也比较宽松;

右边台湾传统老招牌圆体相对视觉效果小,感觉也比较紧凑。

所以我们可以归纳:

  • 字面框的形状
  • 字面的宽绰或丰满
  • 重心的高低
  • 中宫的松紧

这些骨架上的特征,会影响一个中文字体给我们的感觉。这些特点又可以自行对应到「性格」的联想。

更多例子

这个在汀州路发现的路牌上的字,形状宽扁。尤其最右边的明体下身较长,上身短,造成重心显著较旁边字体要高的效果。重心高,一般来说比较严肃、给人的压迫感较大。

11450824075_ca859ac0fa_c

汀州路上的水电行招牌

而如果重心极端的高,或者极端的低,就可能创造出外星人、科学怪人的诡异感觉,比如《约会不看恐怖电影不酷》这本书的标题字就是很好的例子。

yh20151212

至于这个在大龙峒发现的隶书则是形状偏扁平,重心偏低,有大人般舒缓、从容的气质。但它的笔划又是隶书华丽大气的波折。骨架的稳重加上肉身的华丽外型,给人雍容大度的印象。

△ 库仑街上的锁钥行旧招牌

而我们在路上常见的楷体也可以这样讨论。楷体招牌是台湾民间街景的代表现象,在汉字文化圈中非常独特。但正楷也大致可以粗分为颜体(颜真卿)与欧体(欧阳询)两种。

颜真卿楷书,下盘比较稳重,字体形状偏向正方形;欧阳询楷书向上昂扬,重心高,字体形状偏瘦长,可以由以下两个招牌来看。

上近颜体,下近欧体

颜欧二体堪称唐人楷书的代表,体现出传统书法的精气神。这让我联想到功夫,想到功夫就想到叶问。不同的人诠释的叶问感觉都很不一样。依照以上的归类分析,黄秋生演的叶问感觉比较像颜体,大概是因为比较宽也比较厚吧;而梁朝伟在《一代宗师》里的叶问则像欧体,比较偏瘦,也比较风流、高雅。

11451100375_17649ae639_c

其实这样分析下来,骨架特征的差异塑造了中文字体不同的表情,因而有了各种个性。从此你或许可以想象,海绵宝宝的皮老板,所代表的中文字体是什么样子呢?老夫子里的两个代表人物,个性也相当鲜明,转换成中文字体的样貌,也会很有趣的。

【优设精品字体教程+资源】

会动的霓虹灯字效:
《PS+AI教程!手把手教你绘制酷炫多彩的动态霓虹灯字效》

可爱糖果字效:
《PS教程!教你打造清新可爱的3D糖果文字效果》

免费打包下载:
《十月份最漂亮的27款英文字体免费打包下载》

原文地址:blog.justfont

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量106万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com


Viewing all articles
Browse latest Browse all 241

Trending Articles