转自:视觉状态设计研究所    作者:大猫Addict

有个群友私发给我一张字体设计作品,就是下面这张

字体结构与标准字型的那些事。(图1)

大家可以看到,问题还是蛮多的,今天我就以这个为例讲一讲字体设计的基础——标准字型的设计。

原来的这个稿子是用钢笔造字法做的,但是结构不稳,连接也不巧妙,当然今晚我不会讲这些技法上的东西,而是将最最基础的理论。要想走的远,根基得打捞,就像盖房子,只有地基非常牢固,才可能盖出摩天大楼。

当然,这些基础的理论确实现在市面上大部分字体设计书籍最缺乏的,其实很多人把技法看的太重了,技法固然重要,但要想做好还是要通晓理论,以理论来指导实践。

知道理论之后做字其实蛮简单的,下面我用“国”这个字来举例,其实你如果会画矩形工具,就可以做字了,因为汉字的笔画都是可以用最简单的矩形拼出来的。

字体结构与标准字型的那些事。(图2)

先画一个矩形当作横,然后旋转90度就可以当作竖

字体结构与标准字型的那些事。(图3)

不过正常情况下,我们的汉字都是横细竖粗的,那我们只需要调整一下横画就行了。

字体结构与标准字型的那些事。(图4)

但是理论不是绝对的,我们当然也可以让他们一样粗,甚至横比竖粗也是可以的,一切东西要懂得变通,灵活运用。

字体结构与标准字型的那些事。(图5)

像上图一样,只需要有矩形拼笔画,几步就可以完成“国”字,虽然现在看上去这个字很粗略。

-

字体结构与标准字型的那些事。(图6)

细节上并不是所有的横都一样长的,而是遵循了汉字的特征,该短的短,该长的长,不过在标准字上面,只需要长那么一点或者短那么一点就可以啦。

-

字体结构与标准字型的那些事。(图7)


另外这个笔画现在有点奇怪,我们只需要给他倾斜一下就可以啦

字体结构与标准字型的那些事。(图8)

是不是比刚才更舒服了?因为当时是现场在群里演示,所以做的并不是很细致,只是开篇介绍一下做字的基本方法。

-

接下来我讲一讲本次干货里面的第一个理论“上紧下松”

一般来说,汉字都是遵循“上紧下松”结构的,那么何为上紧下松呢?

其实这个上紧下松指的就是字之间笔画疏密的关系。

拿“王”这个字来说,其实它中间的横并不是在字的正中间,而是略微靠上一点,拿下图证明一下

字体结构与标准字型的那些事。(图9)

图中的红色块高度与蓝色块是一样的,而蓝色块却遮住了上面笔画的一部分,这就说明中间的笔画不是靠正中间的位置,而是稍微靠上一点,这就是所说的上紧下松。

而上紧下松也影响着字体的重心,拿“王”字来说,

字体结构与标准字型的那些事。(图10)

“王”字的重心是在红点位置上的,我说的这个重心是视觉上的重心,而非绝对重心。一般来说视觉重心是要比绝对重心高一点的,

字体结构与标准字型的那些事。(图11)

拿这个方块来说,绝对重心就在它对角线交叉的点上,

字体结构与标准字型的那些事。(图12)

而视觉重心大约在我标的红点的地方,是比绝对重心稍高一点的。

所以重心的问题也是造成汉字结构上紧下松的原因。我们在做字的时候也要考虑到重心的问题,特别是标准字设计,一组字里面要保持它的重心都在同一高度。

字体结构与标准字型的那些事。(图13)

字体结构与标准字型的那些事。(图14)

字库字的重心都是位于同一高度的,现在不是都讲用户体验嘛,如果字与字之间的重心不一样,就会在阅读时造成视觉的上下颠簸,那就是很不好的体验。

-

这里再说一下,本文所讲的理论都是基于标准美术字的,那些特别创意的、非商业的字体不在此例,但是这最基本的理论知识还是要懂。

-

ok,大家现在看看下图这组字有什么发现?

字体结构与标准字型的那些事。(图15)

字体结构与标准字型的那些事。(图16)

笔画越多字面是不是越大,并不是我们印象中所有字都是一样大小的。笔画越多,字面越大,但字都是沿中线对齐的,或者说沿重心的位置对齐。

-

那么这个理论的背后是为什么呢?其实是因为字内的空间,

我们不妨想像一下,“口”字如果跟“圏”字一样大的话,会出现什么结果,由于“口”笔画太少了,字内留白比较多,所以同等大小的时候给人的感觉是比“圏”字要大的,而且大不少,如下图

字体结构与标准字型的那些事。(图17)

我将“口”字稍微放大了一下,现在在视觉上已经明显比圏要大不少了,这是因为“口”字内部空间比“圏”的字内空间要大的缘故,留白也是空间,也是面积,所以我们做字的时候也要注意字内空间的问题。

-

字体结构与标准字型的那些事。(图18)

一个颠覆你以前观念的视觉规律,以前我们总说横条衣服显胖,竖条衣服显瘦,但实际上真的是那样的嘛?

就像我刚才发的图一样,其实他们两个是一样宽的,但是视觉上却正好与我们以前认知的相反,横条其实是显的比竖条瘦的。

字体结构与标准字型的那些事。(图18)

思考一下,为什么?

因为人的视觉规律就是这样的,横条显瘦显高,竖条显胖显矮。再解释的详细一点就是,横条因为视觉上横向畅通无阻碍,而纵向上不畅通有阻碍,所以我们就会觉得横条这个瘦一些、高一些;而竖条则正好相反。

知道这点我相信对你们的穿衣还是很有帮助的,你想显得自己更瘦更苗条一点,你就穿横条纹的衣服;想显得稍微胖一点,你就穿竖条纹的衣服~

-

那知道这个横竖条纹的原理对我们做字有什么帮助呢?

基于这个原理,所以我们设计字体的时候,横笔画要向两边扩张一些,同时上下缩一些;而竖笔画则上下高一些,左右缩一些,就像下面这个“三”跟“川”的例子

字体结构与标准字型的那些事。(图20)

-----

字体结构与标准字型的那些事。(图21)

同理,比如“上”与“下”,上要下缩,下要上缩,都是为了视觉上的平衡,

打赏

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫