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

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

2015/12/12 24452评论区

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/character-of-fonts

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里