分享

一篇文章教会你字体设计

 昵称62799396 2019-10-07

简单粗暴的做字秘籍

你还没掌握?

别着急

本期小阔为你准备了

【一招搞定基础字的秘笈】

GO


往下查看本期图文内容

GO


从美学层面看,汉字有三美:意美以感心,音美以感耳,形美以感目。汉字的“六书”,就是中国代代相承而构筑的一个造字系统。

其外观在美学层面有很多讲究,最基本的就是对称平衡。

而我们设计字体就是按视觉设计规律,遵循一定的字体所造规格和设计原则对文字加以整体的精心安排,创造性的所造具有清晰完美的视觉形象的文字,使之既能传情达意,又能表现出是人赏心悦目的美感。

想要设计出个性并兼顾识别性的字体,首先要对字形结构、重心有一定认识。那么字形结构和字体重心是什么?对字形有什么影响?今天的秘笈——《创字研习基础篇&懂这些,一招搞定基础字!!!》帮你跨越小白门槛。



先认识下字体基础知识,以“井”字为例,如下图:

中宫:概念源于书法,把一个方格再等分成九个等大方格,上下三格分别称“上三宫”“下三宫”,左右两格分别称“左宫”和“右宫”,最中间的一格就是中宫。

字重大小无论如何变化,其字形结构不变。不同字重的字体家族,所有字重都有一致的中宫,好比你瘦的时候和胖的时候,增减的只是肉,不变的是骨架。

重心:字库字的重心在方格重心位置偏上的位置,这符合人们的视觉习惯。其作用是稳定字形和整齐排行。而阅读的速度快慢与字体重心有很大关系。

字面:字体所占字面框的字面率比例大小(字面和中宫往往相互影响,中宫松的字,字面都挺大,中宫紧的字字面小。)

骨架:好比人的骨骼,胖瘦变化,其骨架不变。

中心:方格的中心位置。

字面框:字体设计专用方格里的内框,主要作用是确定字面大小。

字幅框:字体设计专用方格里的外框,字面最大限度不能超出字幅框。(概念源于金属活字type face,其作用是活字印刷时半个自然字距。



想要一招搞定基础字,字形空间结构是必须要掌握的基础知识!什么是字形空间结构呢?

所谓字形空间结构,是统一和规范字体字形的方法。汉字种类众多,字的笔画有多有少,少则一笔,多则三十笔。

笔画之间存在大小、高低、长短、疏密的关系,而按照空间结构主要有上、中、下、左、中、右之分。

汉字字形可分为独体字、合体字两大类,而偏旁是合体字的结构单位。


独体字:由一个偏旁单独构成的汉字统称为独体字。(有木有光杆司令的既视感~~~)


合体字:由多个偏旁组合成的字统称为合体字。(有木有葫芦娃七彩山峰的既视感~~~)



汉字的重心和我们理解的几何重心是不同的。字体重心是一个字最吸引视线的重心,也称为视觉重心。

米字格中,对角线的交叉点就是几何中心,而交叉点左上方一点的位置才是视觉重心。

因为这样符合人们的视觉习惯,阅读速度也会很大程度提高。


字体设计是方寸之间艺术,笔画不同,重心分布位置不同,处理不好,就会出现视觉偏差。

所以在我们要先认识字形重心、笔画重心和结构重心,该如何做细节处理使其视觉均衡、统一。


只有结合笔画重心和字体重心,字形才能平稳,不会东倒西歪。字体风格不同,字体重心也会发生变化。


字体初学者在做字体时,都会出现笔画重心失衡、笔画排布不均匀和笔画空间把握不准等问题,导致字体失去美感。


字体重心忽高忽低,视线不集中这些问题你是否犯过这些错误呢?

别急,“第二中心线和字体笔画平衡”让你避免这些错误!

第二中心线

第一中心线是方格中心线(红色虚线),第二中心线是协调合体字字面大小的(蓝色实线)。

第二中心线可以把合体字各部件的重心聚合和平衡在左线和右线的中心线上。

而形旁和声旁偏窄或偏宽的情况下,都可以根据中心线收放,从而快速得到正确调整。


笔画平衡

刚接触字体设计时,你可能会把握不好笔画排布位置和空间比例。

我们都知道天平在两端物体等重情况下,才会平衡;而米字格、九宫格、田字格均是把方格等分若干相同大小格子。


而字体笔画在方格内排布均匀对称后,字形才会松弛有度、比例匀称协调、美观。

设计字体时,笔画排布要匀称、协调,方格只是衡量笔画占比空间的参考,并不是唯一标准。



先绘制米字格,再输入需要设计的字,选择思源黑,并把字体颜色调为%20的灰。

一组字里,笔画最多和笔画最少同时存在,这是很多字体设计新人头疼的地方。

实例“天姿堂”便是如此。


先确定横竖笔画,便着手设计。



因为“天资堂”天笔画最少,“姿”、“堂”笔画偏多,笔画多的字,宽度适当缩小,笔画少的字,宽度保持方格大小。

做基础字时,横竖笔画需要把方格尽可能撑满;笔画应工整排布在方格内,切勿出现笔画长短不一的原则性问题。


先把字做端正,再把字做好。


基础字做好后,调整笔画细节,把“天”底部笔画在调整一下,使其更协调;“堂”的土稍微往上提,并等比例拉长,撑满空间。


将笔画末端和拐角处做圆角处理,让字更圆润、细腻。


最后加上元素与字体组合,让“天姿堂”层次更丰富、更美观。


最后我们看看效果图

是不是棒棒哒


 THE END —

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多