赞助商
立即赞助

学习字体设计前,先补上这份超全面的字体基础知识

字体设计3年前 (2021)发布 流光
2.2K 0 0

Hello,大好,我们在做设计的时候总离开字体,可是多如牛毛的字库字体里,免的只有那么几个,难满足我们的工作需求。铤而走险的话又会容易招到律师函警告,那么怎么办呢?最直接粗暴的方式就是会字体设计,需要用什字体就做什字体,动,丰衣足食。那学习字体计应该从哪开始学呢?今的这节课,就为你开启字体计的新大门,给你介绍一些最基础最基础的字体计知识。

学习字体设计前,先补上这份超全面的字体基础知识

首先,来了解一下字体计的三个则,第一个是易辨性,易辨性指的是计的文字要易于识别。

学习字体设计前,先补上这份超全面的字体基础知识

可读性是指当计了一套的字体,将放在一起之后,是否能够让人流畅、舒适的阅读。

学习字体设计前,先补上这份超全面的字体基础知识

艺术性是指字体的表现力美观程度,作为字体计,好的字体肯定是所追求的。

学习字体设计前,先补上这份超全面的字体基础知识

当然,不同情下的字体对这三个则的要求都是不同的。例如高速公路上的指示路牌,需要将易辨性做极致。

学习字体设计前,先补上这份超全面的字体基础知识

日本就为了高速路的路牌专门计了一款字体。

学习字体设计前,先补上这份超全面的字体基础知识

来这一套字体,的中宫非常的大,并且略掉了非常多不响识别度的细节。为的就是让这款字体在极短的间内就可以被识别。

学习字体设计前,先补上这份超全面的字体基础知识

而对于书籍的大段文字,最主要追求的则是可读性,降低人在大量阅读产生的疲惫。

学习字体设计前,先补上这份超全面的字体基础知识

对于海报上的标题字来说,艺术性则是相对最重要的,因为海报标题需要足够的有张力和美观才能够吸引受众的注。但是海报也得保证一定的易辨性,完全丢失易辨性的海报就失去了本传达的作用。

学习字体设计前,先补上这份超全面的字体基础知识

不过对于一些玄之玄的艺术作品来说,易辨性和可读性就不是那重要了。但是计毕竟不是纯粹的艺术家,面对的受众是普罗大众,做字体计的候还是需要尽可能的保证易辨性和可读性。

对于字体设计来说,易辨性、可读性和艺术性这个原则是非重要的,有许多初字体设计的设计师总会忽略掉这个原则,为了追求视觉上的效果,对字的结构、笔画进行大幅的变,导致字的识别性大大降低,而且最后做来的效果并美观。那么初字体设计的我们应该怎么避免这种情况呢?很简单,我们要先把字体的基础打扎实,先要追求变。接来我们就给大讲解一些汉字的笔画结构及他基础知识。

学习字体设计前,先补上这份超全面的字体基础知识

大还记得我们小第一节语课的是么吗?没错,的就是笔画和字体结构。接来我就带着大一起来顾一这些已经被我们遗忘了的小知识。

学习字体设计前,先补上这份超全面的字体基础知识

讲汉字笔画的话我们得到相传王羲之创的永字八法。

学习字体设计前,先补上这份超全面的字体基础知识

永字八法将永字拆分为了八个笔画,分别为,侧、勒、弩、趯、策、掠、啄、磔。

学习字体设计前,先补上这份超全面的字体基础知识

他们分别对应点、横、竖、钩、、撇、短撇和捺。

学习字体设计前,先补上这份超全面的字体基础知识

到了现代,永字八法演变成了现代的八个基本笔画(点、横、竖、撇、捺、、折、钩),原来的短撇被折取代了。

学习字体设计前,先补上这份超全面的字体基础知识

通过这八个基本的笔画,我们可组合更多复杂的笔画。

学习字体设计前,先补上这份超全面的字体基础知识

接着我们来顾一字体的结构,我们可将字体按照结构分为单体字、上结构、上中结构、左右结构、左中右结构、半包围结构、全包围结构和镶嵌结构。

学习字体设计前,先补上这份超全面的字体基础知识

上面我们讲的都是小课本里过的字体知识,接来我们就给大传授一些的知识。字身框是字体外侧的一个假想框,他代表了我们在电脑里打一个字占的大小。

学习字体设计前,先补上这份超全面的字体基础知识

他的概念来源于铅字印刷,指的是刻着字的模的外轮廓。

学习字体设计前,先补上这份超全面的字体基础知识

在字身框的还会有一个字面框,字面框才是代表字字形的实际大小,我们一般在做字之前都会先设定一个字面框作为设计的参考。

学习字体设计前,先补上这份超全面的字体基础知识

如果我们将两个字的字身框紧贴在一起,这两个字的字面框之间的距离就是字间距。

学习字体设计前,先补上这份超全面的字体基础知识

接着我们来讲解重心,重心指的是字的视觉平衡点,在字体设计中,重心是非重要的一个概念。那么我们应该怎么判断一个字的重心在哪里呢?

学习字体设计前,先补上这份超全面的字体基础知识

按照物里的方法,我们将字两个同的点悬挂起来,着悬挂的绳子画直线。那么这两条直线的交叉点就是这个字的重心。但是我们做字体设计的时候可按照这样的方式测量字体的重心,我们只要大致的目测一,重心的位置是靠上还是靠就可了。

学习字体设计前,先补上这份超全面的字体基础知识

中宫是字体设计中另外一个很重要的概念。它来源于书法中的九宫格,是九宫格最中间的一格。

学习字体设计前,先补上这份超全面的字体基础知识

后来演变成了字体重心周围的一片区域,我们通中宫的大小来衡量汉字笔画的疏密程。

学习字体设计前,先补上这份超全面的字体基础知识

对于像繁体「東」字这样中间有一个封闭空间的汉字,我们就可通过这个空间的大小来判断汉字的中宫大小。

学习字体设计前,先补上这份超全面的字体基础知识

那么如果是像「南」字这种没有封闭空间的字体来说,我们应该怎么样判断中宫的大小呢?这里我们介绍一个的概念,叫做字白。字白指的是笔画之间和外围的白空间,就是字身框除字的分。

学习字体设计前,先补上这份超全面的字体基础知识

字白中,笔画之间形成的包围或者半包围的白空间,我们称之为字腔。

学习字体设计前,先补上这份超全面的字体基础知识

而笔画之间他的未封闭的空间就叫做字谷,通过字腔和字谷的大小,就可判断中宫的大小了。

学习字体设计前,先补上这份超全面的字体基础知识

中心线相信很好解了,就是字面框垂直和水平方向上,中间的两条线。

学习字体设计前,先补上这份超全面的字体基础知识

对于左右结构和上结构来说,我们还可画第二中心线来确定偏旁首的位置。

学习字体设计前,先补上这份超全面的字体基础知识

字的骨骼指的是字体笔画的中心线,他和人的骨骼类似,人的骨骼决定了人的矮,而字的骨骼则决定了字的重心、中宫和矮胖瘦等。

学习字体设计前,先补上这份超全面的字体基础知识

那么有骨骼肯定就得有肉,字中的肉叫做体,指的是笔画中的分,决定了字体的外观。

在体设计有句话,叫做骨骼大于体饰,什么意思呢?是个骨骼搭好,那么他体饰即使没那么好看,这个看上去也像那么回事。可是如这个骨骼本身很难看,不稳,那么体饰论再怎么变,这个也很难变好看。前说到骨骼与文、宫和心有紧密联系,下我们大家介绍下,骨骼是怎么样影响文质。

学习字体设计前,先补上这份超全面的字体基础知识

那我们先来看看,我们是用这个東来做示范。可以分为窄体、宽体和正常体。

学习字体设计前,先补上这份超全面的字体基础知识

不知大家有没有看过指环王,宽体像是电影里虽然很矮是常强壮矮战士,他力量感和稳印象。

学习字体设计前,先补上这份超全面的字体基础知识

而窄体像是高挑纤瘦精灵王子,灵动、优雅是他特征。

学习字体设计前,先补上这份超全面的字体基础知识

接着我们来分析下心。这三个東分心偏下,心在和心偏上。心高低可以类比腿长,心越高,腿越长。

学习字体设计前,先补上这份超全面的字体基础知识

所以心偏高体像是腿长模,秀丽印象。

学习字体设计前,先补上这份超全面的字体基础知识

而心低体像是短腿柯基,可爱、嬉皮印象。

学习字体设计前,先补上这份超全面的字体基础知识

那么像我们这样普腿长呢?心靠甚至是稍微有些偏低体是能够成熟稳印象。

学习字体设计前,先补上这份超全面的字体基础知识

影响骨架有宫大小。

学习字体设计前,先补上这份超全面的字体基础知识

般我们书写宫都比较小,所以宫小会传出传统或者文艺质,而会更偏秀些。

学习字体设计前,先补上这份超全面的字体基础知识

那么宫大是怎么生呢?是为最开始印刷技术和电子显示技术不够发,为了让体在较低晰度下也能被识,所以时体设计师将体宫设计稍微大些,提升体易辨性。所以宫大体会现代感觉。另宫大体则相比较大。

学习字体设计前,先补上这份超全面的字体基础知识

接着我们来分析些作品来验证下刚刚我们理论是否成立。化妆惑这四个,偏窄,心偏高,宫偏小,所以这四个质是比较俏丽,符合资生化妆品特。

学习字体设计前,先补上这份超全面的字体基础知识

不动这两个,很宽,心很低,那么有活泼、调皮质,而宫是偏大,所以体质是现代、活泼。

学习字体设计前,先补上这份超全面的字体基础知识

这三个是宽、心偏低,传出稳质,而宫偏大,所以舟山这三个是既现代又稳。

学习字体设计前,先补上这份超全面的字体基础知识

再看看这个logo,这四个是个正形,而心稍微偏低,所以传出来印象也是稳,然后搭配上偏小宫,让这四个有些摄影文艺属性。

学习字体设计前,先补上这份超全面的字体基础知识

这个美术馆logo骨骼上特是窄、大宫和心,所以这个美术馆质是现代、秀丽。

学习字体设计前,先补上这份超全面的字体基础知识

我们再来看看这个美术馆,这个logo体与上个logo体骨骼上区是心变低了,所以他比上个logo多了些活泼质。

学习字体设计前,先补上这份超全面的字体基础知识

制所logo用了宽、心体,体现了稳质,也可以体现了品品质保证,而宫偏小,则表了制传统手法。

学习字体设计前,先补上这份超全面的字体基础知识

这个筑事务所则用大宫、心来体现出现代、专业质。

学习字体设计前,先补上这份超全面的字体基础知识

不知大家有没有吃过翠华餐?他是家号茶餐,所以他用了小宫去体现他号,另窄也让logo显更秀丽。

学习字体设计前,先补上这份超全面的字体基础知识

这个logo样是窄、小宫,是心却高了不少,所以这个logo质会更偏文艺些。

当,我们案例分析仅仅是从字的骨骼上去分析,但是影响字气质的不只有骨骼,饰的少、饰的条是几何条还是手写条、饰的尖锐程度等等,影响字的气质,所以我们分析字的时应该更加综合的去分析。接下来我们要给大家介绍字中的视错,相信为设计师的大家对视错不陌生吧?而字设计中,视错对字的影响是非常大的,我们一来看看吧。

学习字体设计前,先补上这份超全面的字体基础知识

你们能看出两个矩形谁粗谁细吗?看着是不是水平的个矩形更粗一呢?其两个矩形是一模一样的,因为由视错的关系,所以横看着比竖粗一。

学习字体设计前,先补上这份超全面的字体基础知识

我们加斜和曲进行对比,同样粗细的条,在视上,横最粗,接着是斜,是竖,曲在视上是最细的。道视错之,我们就以来讲笔画的粗细应该怎么进行视整。

学习字体设计前,先补上这份超全面的字体基础知识

一点要注意的是横要细,竖要粗。

学习字体设计前,先补上这份超全面的字体基础知识

是三条粗细一样的条,我们用他来做一个工字,现中间的一条竖看来偏细,所以我们要将他进行加粗处理。

学习字体设计前,先补上这份超全面的字体基础知识

竖加粗之的工字就显得粗细更匀称。

学习字体设计前,先补上这份超全面的字体基础知识

二点要注意的是字中的主笔画要加粗,副笔画要细一。

学习字体设计前,先补上这份超全面的字体基础知识

例个申字,中间的长竖就是他的主笔画,其他的笔画是副笔画。现在中间的主笔和旁边的笔画是一样粗细的,样看来其也没有什么太大的问题,不我们尝试加粗一下中间的主笔画看看有什么区别。

学习字体设计前,先补上这份超全面的字体基础知识

主笔画加粗之,就能感到个字更稳,因为主心骨粗一。而且也使个字的内部产生主次关系,视上更突出。

学习字体设计前,先补上这份超全面的字体基础知识

对笔画少的字来说,主副笔的差别能不太明显,甚至我们不节主副笔的粗细也影响不大,是对笔画而且笔画比粗的字来说,主粗副细个原则就很重要,例个狮字,现在他的笔画就是部一样粗细,导致许笔画粘在一。果我们将主笔粗一,副笔细一去避让主笔画,么个字看来就和谐。么问题来,主笔到底应该是个怎么样的存在呢?

学习字体设计前,先补上这份超全面的字体基础知识

文字里的主笔就相当建筑里的承重柱,他支撑着整个文字的骨架,么我们应该怎么去寻找承重柱呢?下面给大家介绍两个比常见的主笔判断方式。

学习字体设计前,先补上这份超全面的字体基础知识
一来说,横画和竖画为主笔,而像点、撇、捺、提等笔画均为笔。

学习字体设计前,先补上这份超全面的字体基础知识

例如木字,的竖画和横画就是这个字的主笔,起支撑的作用,而撇和捺则是笔。

学习字体设计前,先补上这份超全面的字体基础知识

另外既然主笔作为承重柱,那肯定得有足够的长度去贯穿整个文字,所以笔画长的比较可能是主笔,而笔画短的一就是笔了。

学习字体设计前,先补上这份超全面的字体基础知识

例如字,存在着多的竖线,这些竖线,长的是主笔,而短一些的则是笔。

当然这两个判断方式足判断有的汉字,我们对笔的判断可稍微灵点,具体情况具体分析。另外,当我们做一些变性较大的字体的时候,我们尽量将变放在副笔上,而笔保持。这样可保证字的骨骼变会太大,导致字稳。

学习字体设计前,先补上这份超全面的字体基础知识

第点要注意的是对于全包围或者半包围的字,应该外围笔画粗,笔画减细。

学习字体设计前,先补上这份超全面的字体基础知识

例如这个国字,如果我们和外的笔画是一样粗的话,会显得较拥挤。稍微减细一笔画,中间的分就会通透一些,没那么挤了。

学习字体设计前,先补上这份超全面的字体基础知识

第点是笔画多的字减细,笔画的粗。

学习字体设计前,先补上这份超全面的字体基础知识

我们来看看这组线条,他们的粗细都是相同的。随着笔画的增多,图形就变得越黑,越挤。我们可看到第个图形基本上已经变成一黑色的色了。如果我们调整一这些笔画的粗细,这个图形在灰上就会看起来较均衡。

学习字体设计前,先补上这份超全面的字体基础知识

我们实际的字做例子。十和鹰这两个字的笔画就相差得十分悬殊,十字只有简单的两笔,而鹰字却有十八笔。如果这两个字相同粗细的笔画的话,我们可看到鹰字的笔画都糊在一了。我们需要对十字稍微粗,鹰字的笔画减细一些。这样虽然两个字的笔画粗细同,但是他们看起来是较和谐的,灰上会差距过大。

学习字体设计前,先补上这份超全面的字体基础知识

粗细调整的最后一点是笔画交叉的地方减细。

学习字体设计前,先补上这份超全面的字体基础知识

当两个较粗的笔画交叉的时候,他们重叠的地方会现一较黑的区域。

学习字体设计前,先补上这份超全面的字体基础知识

特别是当这两个笔画相差的角大的时候,这很黑的区域会显得更大,我们需要对这个交叉的位置进行稍微的减细,减这黑色的面积。

学习字体设计前,先补上这份超全面的字体基础知识

例如这个希字。这个希字特别黑的地方有两个,分别是头顶上撇和捺的交接处,还有布字上方横与撇的交接处。

学习字体设计前,先补上这份超全面的字体基础知识

我们将这两个交接的地方稍微减细一点之后,是是这个字看起来就舒多了,显得没有这么憨。

学习字体设计前,先补上这份超全面的字体基础知识

看到这里你们会会有疑问,交叉的位置我具体应该减细哪个笔画呢?实减细的地方是由字中的他笔画决定。例如希字中的这一撇,为了避方的撇,我们择在这个笔画做减细处。

学习字体设计前,先补上这份超全面的字体基础知识

方的这一撇一样,为了减这一撇与巾字的重叠面积,将这一撇减细。

学习字体设计前,先补上这份超全面的字体基础知识

除了笔画的粗细需要视觉修正之外,字的重心是需要调整的。

学习字体设计前,先补上这份超全面的字体基础知识

字身框垂直中线与水平中线的交点是字的绝对中心,但是人对中心的判断是有视错觉的误差的。人眼看到的视觉中心会绝对中心一些,并且稍微偏左一些。

学习字体设计前,先补上这份超全面的字体基础知识

我们还是这个申字作为例子,现在这个申字的重心就是绝对中心上,可是这么看起来这个申字的重心是有一点偏的,如果我们是想做一个重心在正中间的字体的话就得将中间这个田字往上和往右移一点点,现在我们看这个申字的重心就在视觉的中间了。

学习字体设计前,先补上这份超全面的字体基础知识

如果我们设计一系列的多个字体的话,我们需要这些字体的重心尽量保持一致,现在我们看这一组字重心就是一致的,看起来就特别的别扭,重心频繁的上跳会使得阅读起来非吃。

学习字体设计前,先补上这份超全面的字体基础知识

我们把重心调成大致一致之后,这组字体阅读起来就舒多了。

学习字体设计前,先补上这份超全面的字体基础知识

过我们需要知道,有些字的重心是难调整的,例如笔画粗细均匀的刀和口字的重心总是在中间,而字的重心总会靠上。

学习字体设计前,先补上这份超全面的字体基础知识

又例如上和这两个字的重心就较难调成一致,我们没必要为了强行两个字重心一致而做太多的变形。

学习字体设计前,先补上这份超全面的字体基础知识

还有字面是需要进行视错觉修正的。

学习字体设计前,先补上这份超全面的字体基础知识

这两个矩形你们看的来哪个才是真正的正方形吗?是是觉得左边的有一点点偏窄,而右边是正方形呢?

学习字体设计前,先补上这份超全面的字体基础知识

可是实际上左边才是真正的正方形,而右边是一个100:103的长方形。我们的视错觉会正方形显得有些偏窄,当我们想要做一个绝对正方形的字时,需要将字面稍微拉宽一些。

学习字体设计前,先补上这份超全面的字体基础知识

例如这两个国字就是分别绝对正方形和视觉正方形做来的。

学习字体设计前,先补上这份超全面的字体基础知识

除了正方形之外,我们入一些别的几何图形,试一在字面框里应该怎么编这些图形。如果将这些几何图形撑满整个字面框的话。掉字面框之后我们会发现这些图形的大小相差很多,而且在视觉上,他们上两侧并是对齐的。

学习字体设计前,先补上这份超全面的字体基础知识

针对同的几何图形,需要稍微进行一些调整,例如正方形和圆形往中间缩小一些,角形往上方缩小一些。这样掉字面框之后,他们看起来就和谐多了。

学习字体设计前,先补上这份超全面的字体基础知识

为么我们要这种几何图形做这样的试验呢?因为这种几何图形对应着分汉字的外轮廓,例如田字对应正方形,今字是典的菱形,卷字是圆形,而上字则可类成角形。

学习字体设计前,先补上这份超全面的字体基础知识

如果我们对这个汉字进行视觉上的调整,他们看起来会显得非整齐和协调。

学习字体设计前,先补上这份超全面的字体基础知识

我们应该根据汉字的外形进行字面的调整,他们在视觉上看起来大小一致,上方够对齐。

关于体设计基础知识讲到这里,我们起来回顾下这节课都讲了些什么,首先我们大家讲解了体设计三大原则——易辨性、可读性和艺术性,接着讲了体设计些基础术语与知识,然后分析了骨骼、宫和心体质影响,最后解析了体设计视觉以及视觉正。听完这节课下来是不是觉做套看起来平平奇库体,其实也有常多值考究地,瞬觉其实库收费也没有那么过分呢?那么这节课到这里啦,你们想听什么关于体设计知识,欢迎留言,我是千树,我们下期再见,byebye。

欢迎关注研习设的微信众号:「Yanxishe2017」

学习字体设计前,先补上这份超全面的字体基础知识

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在2018年的各种设计当中,我们看到了更加大胆的字体排版设计。纤细的字体似乎出现的频率越来越低,而大胆的色彩、锐利的轮廓...
2018设计趋势
中国具有五千年文字历史,文字中所包涵的精髓,值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征,并能...
中文字体
今天这节课将和大家聊一聊设计宋体字的一些内容。宋体字可以说是我们现在最常用的字体之一,一方面他与黑体一样,具有非常良...
中文字体设计
Type defines type. 在英文中,单词 Type 包含两个含义,文字和类型。这从某个角度说明了字体对于品牌的意义。一种字体能影响...
京东
字体是界面设计中重要的构成要素之一,它能辅助信息的传递,是文字的外在表现形式;字体还可以通过其独有的艺术魅力,表达情...
信息层级
我们总在说,复古一直流行,确实如此。回想一下我们小时候,许多设计似乎比现在的还要酷。最近两年,Nexflix 的美剧《怪奇物...
2018设计趋势
本文详细剖析11款字体设计的全过程。设计+解析+动效,以最简单易懂的方式,合成一篇字体设计分享文章,希望你会喜欢,并留言...
中文字体
上期我们主要阐述了字体的气质分类以及联想方法,这期我们进入纯操作范畴,给大家介绍六大秘法助力你的字体设计。 有了思...
中文字体设计