赞助商
立即赞助

字体设计在变化之前,你得先做这一步

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

字体设计在变化之前,你得先做这一步

知道大有没有遇到过这样一种情况,我们在做字的时候,发现做好的两个字死搭到一,明明字分开看都没有问题,可是放在一起就感觉太对。如果我们做的字现了这种搭的情况,肯定是因为字与字之间存在着同。今天的这节课,我们给大讲解一,如何你做的字体看起来更和谐。

字体设计在变化之前,你得先做这一步

想要解决这种搭的问题,我们可从两方面手。第一个就是减字与字之间的同之处,第二个则是增字之间的相同之处,掩盖字的同。我们先从治标又治本的减同开始讲。

字体设计在变化之前,你得先做这一步

我们先来看这个字,可乍一看会觉得没啥问题,可是我们仔细盯着会发现实这个字根本搭。字乐字大了许多,今字的重心又要宵字低许多。为么会现这种情况呢?我们把这个字分开看,他们并没有么太大的问题。

字体设计在变化之前,你得先做这一步

实这个字是我分别了个字库字体修改的,刨除了他们的体之后,我们会发现他们的骨骼区别是很大的,正是因为他们骨骼上的同,导致了这个字看起来搭。我们要减同,首先就从骨骼开始讲。

字体设计在变化之前,你得先做这一步

实这方面的知识我在「字体设计一课」的节课已经讲一部分,果没看节课的同学建议你先停下来,去补一补节课的识哦。

而看的同学就跟着我一往下听。我们依旧分别从中宫、重心、字面和灰度四方面来讲,先来看看中宫。

字体设计在变化之前,你得先做这一步

从视上来说,中宫大的字更的占据字面框,看上去也显得比大一,而中宫小的则显小,也是为什么中宫不同的字放在一显得不搭。

字体设计在变化之前,你得先做这一步

来看个际的例子,现在画面中重塑的两个字是不是感不太搭?里我们以通字面框内字外的负空间去判断中宫的大小,我们在底下叠一个字面框,就以现重字的四周还是有一负空间,而塑字则几乎占满字面框,所以他们的中宫的差距是比大的,导致视上的大小不一致。

字体设计在变化之前,你得先做这一步

我们分别整一下两个字,整中宫之的他们就舒适。

字体设计在变化之前,你得先做这一步

接着来讲一下重心,重心不一致除让文字看来不搭之外,重心的频繁上下跳动也让阅读更加的疲劳。屏幕上马赛克三个字重心就非常的不一致,马字重心在中间,赛字重心偏低,而克字偏高。

字体设计在变化之前,你得先做这一步

经整之,三个字也就更和谐。

字体设计在变化之前,你得先做这一步

是字面,我们在字设计一课中用四种图形去类比成四种外轮廓不一致的文字。果将他们上下端物理对齐的,他们在视上其是不平衡的。所以得对他们进行一视上的修正,适当地节他们的字面。

字体设计在变化之前,你得先做这一步

除此之外,里补充一个新的识点,就是笔画的字需要放大一,笔画少的字需要缩小一。例画面中椅子两个字,子字看着要比椅字大许,是他们的字面大小是完相同的。将子字缩小一之才显得大小比一致。

字体设计在变化之前,你得先做这一步

举一个更加直观的例子,画面中繁字的国字看上去要比囚字小一,是其两个字的外轮廓无论是大小还是形状是完一致的。

字体设计在变化之前,你得先做这一步

最回顾一下灰度,灰度主要指的是对笔画少的字,笔画应该相对应的粗一点,笔画的字,笔画则应该细一。现在画面中的士字就是与另外两个字差不粗细的,是在视上士字明显是要偏细的,看上去显得特别弱。所以要将士字加粗一,让字之间的灰度差距别太大。

字体设计在变化之前,你得先做这一步

除此之外,字设计师成泽正信提出一个理论,他说对首尾两字是笔画特别少的词组,么首尾的两个字需要在已经视加粗的基础上,加粗一,不词组显得有无力。

字体设计在变化之前,你得先做这一步

关骨骼的内容我们就讲到里,也许你们得么需要微的地方很难。么里我给大家介绍一条总结前面内容的定律。古希腊的智者普罗泰戈拉说一句叫「人是万物的尺度。」句或许是错误的哲学观点,是在设计中却是一句理。

字体设计在变化之前,你得先做这一步

用通俗点的就是眼睛才是最准确的衡量标准。因为我们很难总结出笔画少的字要比笔画的字小少,笔画得粗少。视上的整是难以量化的。所以最简单的方式就是用眼睛去判断,看着细就加粗,看着小就放大。

过我们需要尊重每一个汉字的同,没有必要把同的字强行调成一模一样,有字都一模一样,那么字就再是字了。汉字同于西,可均匀地分布。汉字天生就是有笔画多的区分,有重心的低,有外轮廓的同,汉字在阅读的时候产生西具备的节奏感,这或许是汉字的魅在。我们在做字的时候,追求的是字之间的和谐,而非绝对一致。

字体设计在变化之前,你得先做这一步

前面我们讲的要是骨骼上视觉的搭,接来我们来分析一骨骼上气质的搭。

字体设计在变化之前,你得先做这一步

字的气质最见的是传统气质和现代气质。

字体设计在变化之前,你得先做这一步

对于传统和现代这两种气质来讲,影响最大的是中宫。我们展示的这两个東字除了视觉上大小一之外,他们气质是相悖的。可是为么中宫大的会具有现代感,而中宫小的会具有传统感呢?

字体设计在变化之前,你得先做这一步

那是因为在西的字体设计中,他们更注重字的负空间均匀分布,外的负空间则可通过字间距进行调节。

字体设计在变化之前,你得先做这一步

而中中由于有字面框的存在,在设计字体时需要考虑白和外白的均衡。受到西方设计影响的现代汉字会更注重白的分布,而忽略外白,从而导致了中宫偏大。传统的字体注了字的外白,中宫就会偏小一些了。

字体设计在变化之前,你得先做这一步

另一方面,由于最初的印刷技术和电子显示技术佳,而中宫较大的字体具有更良好的识别,电脑、书籍、报刊等普遍的都是中宫较大的字体。而电脑、书报等正是当时具备现代感的代表物,中宫大的字体获得了现代感的这种印象。

字体设计在变化之前,你得先做这一步

除了中宫之外,还有笔画的分布。传统字体保留书法中的左收右放、上紧松的特点,而现代字体则讲究的是视觉上的均衡分布。

字体设计在变化之前,你得先做这一步

来看看这两个林字,左边的是传统的,我们可很明显地看到左边的木字要小于右边的。而右边现代一些的林字,为了视觉上较平衡,左边的木字微微地右边的小一点点;另外右边的林字重心是在视觉中心上的,而左边的则要更偏上一些。

字体设计在变化之前,你得先做这一步

骨骼分析了,接来我们来分析一笔画。

字体设计在变化之前,你得先做这一步

首先要统一好笔画的线条,我们来看这两个撇笔画,他们的曲线就是两种同的格。

字体设计在变化之前,你得先做这一步

来看左边的这个,这个笔画实是我从颜真卿写的木字中取来的,他的线条是具备有手写感的。

字体设计在变化之前,你得先做这一步

然后要注意笔画的起笔收笔是否统一,例如画面中的这个字,分别是圆头的、平头的,及对笔画末端进行切笔的。

字体设计在变化之前,你得先做这一步

笔画的体相信大都知道需要统一,体同的字看上就全是两个字体了。

字体设计在变化之前,你得先做这一步

然后是笔画的粗细例。例如画面中的这两个字虽然中宫、重心、字面和灰都是一样的,可是横竖笔画的粗细例同,他们明显搭到一。

字体设计在变化之前,你得先做这一步

最后是笔画转折处需要统一,拐角处是尖角还是圆角,又或者是规定某一个方向的拐角做特殊处。

字体设计在变化之前,你得先做这一步

笔画上的细节可远止我来的这五点,如还有角现的位置、拐角的大小、曲线等等。虽然这些都是非非小的细节,可是小细节累积起来就成了大问题了,只有将这些隐藏在笔画里的小细节都统一了,我们做的字看起来才够较和谐美观。

字体设计在变化之前,你得先做这一步

当我们尽可地将字中的同之处消灭之后,那么我们就可进入一步,增字之间的共性了。那么增共性到是个怎么样的东西呢?

字体设计在变化之前,你得先做这一步

日本著名字体设计师桥善丸总结过一个论——做字之前需要到字之间的视觉联性,然后强调中的特征。这里说的视觉联性就是我们说的共性,强调共性但可字之间看起来更和谐,同时字体产生表现。接着来看一我们可从哪些方面寻共性。

字体设计在变化之前,你得先做这一步

这里我总结了寻共性的个方面,分别是笔画、偏旁或结构和骨骼。

字体设计在变化之前,你得先做这一步

先来看看笔画,笔画里我又细分了个点。

字体设计在变化之前,你得先做这一步

首先是统一笔画的弯曲程,一般最见的是将曲线笔画改成直线笔画。因为在中中存在着横、竖等直线笔画和撇、捺等曲线笔画,而同字的直线笔画和曲线笔画的数量同,如果我们将有的笔画都转变为直线的话,那么字的共性得到增。

字体设计在变化之前,你得先做这一步

来看一些实际的例子,崩坏这两个字,崩字的曲线笔画是较的,而坏的繁体字则存在着较多的曲线。而这位作者将笔画尽可直线之后,这两个字产生了强烈的共性。

字体设计在变化之前,你得先做这一步

这个是桥善丸的字体作,野放途这个字是全直线构成的,他们看起来是非和谐的,另外桥善丸为了体现野放途的那种自由奔放的感觉,还随意地将分笔画进行了延长。

字体设计在变化之前,你得先做这一步

当然我们可将笔画尽量的曲线,但是这样的难是要直线大许多。这依然是桥善丸的作,水都这两个字都尽量地曲线展现水的特质,桥善丸还将这两个字处成圆形增他们之间的共性。

字体设计在变化之前,你得先做这一步

这个字体作就曲线的更彻了,包含横、竖在的有的笔画都是由曲线构成的。

字体设计在变化之前,你得先做这一步

讲到将曲线变为直线,实我们还可进一步将笔画的倾斜角给统一了,这样字的统一程就更了。

字体设计在变化之前,你得先做这一步

来看看这个字体作。这个字的笔画只了个倾斜角。分别是垂直的竖画、倾斜14°的横画、倾斜63°和-63°的撇、捺、点等倾斜笔画。

字体设计在变化之前,你得先做这一步

第点是设计特征笔画,就是我们可择词组中大多数字都共同拥有的笔画,然后对他进行较有个性的设计。最见的就是将点笔画设计成圆。

字体设计在变化之前,你得先做这一步

河童这两个字就是将笔画中的点都处成了小圆圈。

字体设计在变化之前,你得先做这一步

有时候我们根据词义将小圆圈变成别的点形状,例如井上悠的这个作,为了突雨的概念,将笔画点都替换成了蓝色的小水滴。

字体设计在变化之前,你得先做这一步

除了点之外,别的笔画可这样的手法。例如这组字,撇和捺笔画的设计都是较醒目和夸张的。

字体设计在变化之前,你得先做这一步

最后一点是在字体中入书写笔画,这个手法适范围是较广的。例如画面中这个a piece of 工作室的作,他在书法的宋体字中入了日的平假名,而日的平假名来源于草书,我们可看做是入书法笔画。

字体设计在变化之前,你得先做这一步

说了这么多,是时候来个案例的演示了。我们来做离骚这两个字。因为离骚是历史上的著作,具有强烈的属性,希望把他做成宋体字。

字体设计在变化之前,你得先做这一步

宋体字应该从横画开始做起,这个是设计好的横画,从他体的曲线可看来,这是一款传统的宋体字。

字体设计在变化之前,你得先做这一步

接着我们可从横画推导他的笔画,具体怎么推导我们在《设计宋体字很难,这次我来会你》的那节课中有详细的讲解,懂的同可翻看一。

字体设计在变化之前,你得先做这一步

接着我们来择一个参考字形,因为我们的定位是传统的宋体,中宫必须得相应小一些,我择了筑紫明的老字形。

字体设计在变化之前,你得先做这一步

我们在参考字体的骨骼上把设计好的笔画填上,由于筑紫A老明是偏手写格的宋体,同字的字面并一定全一致,离骚这两个字就明显的大小同,而我们这节课追求的是字之间的和谐,我们还是尽可地这两个字差多大小。

字体设计在变化之前,你得先做这一步

我们将离字给改大一些。

字体设计在变化之前,你得先做这一步

然后我们就要在这个字里寻替代成书法笔画的地方。我们替换书法笔画可是随一个笔画就替换的,一方面,他必须要在字里占据较明显的位置,如果在边边角角显眼的位置进行替换的话,那几乎就等于没有替换;另一方面是这个笔画要符合书写的走势,要够展示书写笔画的美感。我们这里择了将这两处替换成书法笔画。

字体设计在变化之前,你得先做这一步

我们将设计好的书写笔画替换上,那么这个字就做好啦。

字体设计在变化之前,你得先做这一步

接着是偏旁或者结构的分,这个分我分成了笔画、偏旁和结构。

字体设计在变化之前,你得先做这一步

许你们会觉得奇怪,为么有专门讲笔画的分,而在偏旁结构这个分有笔画呢?我们反叛这两个字来做例子解释一。这两个字一共有五个撇笔画。而在字的最左端各有一个撇笔画,我们可针对这两撇做特殊处。我们这里强调的笔画是有位置上的系的,而是指相同的笔画。我们开始处这两个字。

字体设计在变化之前,你得先做这一步

同样择一个参考字形,我们做的是具有传统气质的宋体,那么我们这个字就做具有现代感的大中宫字体,我择了中宫较大的微软雅黑作为参考。

字体设计在变化之前,你得先做这一步

因为反叛这个词带有走寻路的意味,而一般的字体设计都是横细竖粗的,我们对反叛这个词设置成横粗竖细,具体粗细例暂定为1:2.5。然后将字搭建起来。

字体设计在变化之前,你得先做这一步

由于两个字的笔画数量同,使一样的粗细例的话会导致灰上的均匀。这里我们可适当地调整一笔画的粗细,两个字的灰别相差太远。

字体设计在变化之前,你得先做这一步

接着我们要强调一这两个笔画。我们可将他们粗,并且往外延伸一些。

字体设计在变化之前,你得先做这一步

可是往外延伸之后,这个反字会显得有些稳,感觉左角重了。为了反字平衡一些,我们可将上面的一横往外伸一些。

字体设计在变化之前,你得先做这一步

现在的这两个字显得有一些些瘦,气质有点太对,我们可稍微往压一些。

字体设计在变化之前,你得先做这一步

最后调整一些细节,我们这个字就做好了。

字体设计在变化之前,你得先做这一步

我们再来看一个例子,破坏这两个字最明显的笔画分别是撇和捺,他们在这两个字中是属于对称的位置系,我们择强调的笔画并一定是要在相同的位置,可是对称的位置。

字体设计在变化之前,你得先做这一步

接着是强调偏旁。强调偏旁很好解,就是如果我们设计的字里有相同的偏旁的话,那么我们就可将设计的重心放在偏旁上,这样可保证词组之间的相似性。这里我们海浪这次词作为例子,参考字形的是opposans的规字重。然后在参考骨骼的基础上把笔画搭建好。

字体设计在变化之前,你得先做这一步

首先看海字的这个地方,笔画分布得够均匀,显得结构有些稳,我们要把海字的笔画调整一。

字体设计在变化之前,你得先做这一步

接着来看浪字,浪字头上的这个点非奇怪,像独角兽的角似的。我们将点与的笔画分开会显得较舒一些。

字体设计在变化之前,你得先做这一步

然后我们就要思考一点水应该怎么设计。在点水的经典碑帖时,我看到了柳公权对点水是这么处的,我觉得可借鉴到我的这个字中。

那么我就可以将下方的点拉,一转折的处理,这样三点水就了这两字里比较突出的设了。

字体设计在变化之前,你得先做这一步

接我们可以将这里行出处理。让这两字多一些细节。

字体设计在变化之前,你得先做这一步

后调整一些细节,那么这两字就好了。

字体设计在变化之前,你得先做这一步

同样再看例子,柠檬这两字都木字旁的,所以作者便对这木字旁了往外延的处理,另外得注意的,由于他的木字旁比较夸张,所以对文字右的部分也行了相应的处理,不然左右两就会被割裂了。

字体设计在变化之前,你得先做这一步

后结构,结构指的强化文字中具相同结构的部分。例如道这两字,他们都口字的结构,所以我们可以试这面下些功夫。

字体设计在变化之前,你得先做这一步

道这两字我第一反应联到腾腾的食,温暖温度的,所以我笔画的设模仿了宋体横画的体饰,让这字体一些人文的感觉。

字体设计在变化之前,你得先做这一步

参考字形选择了中宫偏小的筑明朝,筑明朝相比我们面用的筑A老明朝气质会稍微那么传统。根据筑明朝的骨骼将笔画去。

字体设计在变化之前,你得先做这一步

这时候会发这一块的负空间一点,我们希望这字笔画的分布能够匀称一些。所以将这一点往下挪一些。

字体设计在变化之前,你得先做这一步

然后这置笔画似连非连字体设中不应该出的,将这一点往收一收。

字体设计在变化之前,你得先做这一步

字的这一笔也可以往提一些,让他符合这一撇的走势。

字体设计在变化之前,你得先做这一步

后调整一些细节。

字体设计在变化之前,你得先做这一步

然后我们始办法修饰一下这口字结构,我们书写的时候常会这样的连笔,例如这王羲之写的口字。所以我们也可以将这书写结构用我们的字里,让我们这字些书写道。

字体设计在变化之前,你得先做这一步

我们的这两字就好了。

字体设计在变化之前,你得先做这一步

睡眠欲的这三字同样对口字结构了特殊设,所的口字结构都处理口或者封闭的圆形。

字体设计在变化之前,你得先做这一步

今的这两字所选取的部分就加刁钻了,我们可以看到这两字的方都一条绕了一小圈的曲线。今原本的写法并不会产这样的曲线,所以这设师的处理手法也颇巧妙。

字体设计在变化之前,你得先做这一步

不过我们字功底还不够深厚的时候,好不将一些不一样的笔画结构强行处理一样,这样很可能会破坏掉原本的骨骼,损失了汉字原本的感不,还很可能让文字丢失了识别性,那样的字体设可就得不偿失了。毕竟我们寻找的文字之间的共性,不将文字的不同强行扭转共性。那么我们接往下看。

字体设计在变化之前,你得先做这一步

后一方面就骨骼的共性了,骨骼我细分了四点——横画对齐、中宫、重、字面。其中,除了横画对齐之外,中宫、重、字面这三处理方法几乎可以应用于所的汉字中。

字体设计在变化之前,你得先做这一步

我们先看看横画对齐。我们看日本的字体设时,常能看到東京这两字被这样的处理。因東京两字结构高度的相似性,所以可以将文字的横画对齐,这样文字就能比较高的统一性了。

字体设计在变化之前,你得先做这一步

千差万别这几字虽然被设得十分的夸张,但通过将所的横画行对齐,让字与字之间产了共性,所以这样一组性强烈的字一起却不会违。

字体设计在变化之前,你得先做这一步

再看看住宅作家这四字,通过画横线我们可以看到,多数的横线都对齐了,可住字中间的一条横线却对齐。所以其实我们用这种手法的时候,也不一所的横画都对齐行,只尽可能将能对齐的都对齐,那也能够产共性。如果强行对齐会破坏文字的感或者识别度,那我们就弃那难以对齐的横画就好了。

字体设计在变化之前,你得先做这一步

第二点中宫,就我们可以给需设的字体设置一比较夸张的中宫,让读者一看就被夸张的中宫所吸引。我们用一直往南小示范。

字体设计在变化之前,你得先做这一步

我们将一直往南这四字的中宫尽撑,他们之间就能产共性,如果我们底下垫字面框的话,就可以发除了一之外的三字都几乎将字面框占满了。

字体设计在变化之前,你得先做这一步

这高桥善丸挺著的一作品, 他就将白南风青雨这五字的中宫扩得非常,中间的笔画都缩得很小,从形了图形感。

字体设计在变化之前,你得先做这一步

重与中宫相同,就给文字设置一比较夸张的重。这组字就将重都提得非常的高,让文字体张力的同时,又能保持谐统一。

字体设计在变化之前,你得先做这一步

后就设置字面,也就我们常见的宽体、窄体。我们用验伤这两字示范一下,由于验伤一首抒歌曲,具一的文属性,比较合秀丽一些的气质,笔画也应该比较细一些,所以这里选用opposans Light字重作参考字形。

字体设计在变化之前,你得先做这一步

另外窄体相比宽体具秀丽、文的气质,所以这里我直接将字体压扁作参考。然后将笔画填参考字形中。

字体设计在变化之前,你得先做这一步

这时候我们可以发这两字视觉的小不一致,底部与顶部并不对齐,需行一的视觉修。

字体设计在变化之前,你得先做这一步

还验字比伤字看宽一些。

字体设计在变化之前,你得先做这一步

将验字缩窄了一些,这样这两字视觉就平衡的了。

字体设计在变化之前,你得先做这一步

我们之的课程里介绍过,重偏高的字体会秀丽一些,所以我们也可以试将重往提一提。

字体设计在变化之前,你得先做这一步

可重提高之后,这里的点笔画显得些太了,不太观。所以我们可以将点下交错排列,这样可以让点稍微短一些。

字体设计在变化之前,你得先做这一步

接处理这方,这里负空间了一些。我们可以将提笔画倾斜一些,多占据一些负空间。

字体设计在变化之前,你得先做这一步

后调整一些笔画细节,我们这组字就好了。

总结

这节课的内到这里就讲完了,我们回顾一下今天的内。这节课我们讲的如何设出谐统一的文字,此我们将这节课分了两部分,一部分减少文字之间的不同,另一部分增加文字之间的共性。减少不同部分。我们可以从骨骼、气质笔画风格三方面去寻找文字之间不谐的方,并把他们修。增加文字共性则可以从笔画、偏旁部首或者骨骼三方面去强调他们的视觉关联性,从使文字谐统一的基础产视觉张力。希望这节课的内能对们所帮,我千树,我们下再见。

参考资料:

《字誌 01》、《字誌 02》、《字体设 100+1》 靳埭强 著、《感觉舒服的文字》 高桥善丸 著

欢迎关注研习设微信公众号:「Yanxishe2017」

字体设计在变化之前,你得先做这一步

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

相关文章

@刘柏坤KUN :上一期《想做出中国风的字体设计?我总结了4个规律!》我们让字体设计刮起了浓浓的中国风,不知道大家是否已掌...
中文字体
@研习设K先生 :「把这个logo放大!再放大!」「把这个活动内容给我改成亮眼的颜色,我要一眼就能看到的那种!」听到这些话大...
平面设计
本篇内容是围绕插画 Banner 三个层次中的画面元素层的延展内容。 在拿到设计需求,没有什么想法的时候,可以参考以下画面元...
Banner设计
不知道大家有没有遇到过这样一种情况,我们在做字的时候,发现做好的两个字死活搭不到一块,明明字分开看都没有问题,可是放...
中文字体设计
说到「构图」一词大家并不陌生,设计中的构图也可以理解为作品的骨架,就好比盖房子,如果刚开始的地基和整体钢筋结构不稳,...
平面设计
@做设计的面条 :最近有面粉说,发现我现在变的很高产,基本每天都能在我的朋友圈里看到我用随手拍的照片设计出来的海报。 ...
做设计的面条
点开这篇文章的同学不妨先来思考一个问题:你电脑里究竟有多少字体包?估计连你自己都不太清楚吧。 但在我们工作中使用率最...
字体设计
编者注:发好看的国外设计作品,总有人会评论你换成汉字试试。不过确实有很多人存在疑问:看国外的作品真的有用吗?今天这篇...
创意灵感