赞助商
立即赞助

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

字体设计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」

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

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

相关文章

今天我将会传授几个文字设计大法给大家。以下这八种文字设计法,绝对能让你的 PPT 逼格爆棚! 使用特殊字体 善用文字填...
PPT
相信很多经验不足的设计童鞋都有这种情况:拿到一个项目需求,不知首先从哪里入手,埋头就做,做一步想一步,没有一套比较保...
LOGO 设计
编者按:没有字库版权?设计字体没参考?这篇教程精细讲解,教你如何在字体设计道路上通关。 欢迎关注作者...
中文字体设计
@钱浩Hawking :这次总结了四种方法,希望小伙伴们能轻松掌握趣味字体设计。 欢迎关注作者的微信公众号:「字游...
中文字体设计
@钱浩Hawking :这次分享的做字方式比较另类与以往不同,将使用「网格」来辅助造字,那么话不多说,走起。 欢迎关注作...
中文字体设计
@钱浩Hawking :这次介绍一种作字常用的招式——使用西文来拼中文字形。这种方式非常有趣,而且在设计过程中会发现很多奇特的笔...
中文字体设计
在我刚成为设计师的时候,分辨字体风格对我来说是最难的事情之一。自学出身的我唯一能分辨的主要区别就是一个字体是衬线体还...
Helvetica
作为一名设计师,你需要学到的最重要的技能之一就是如何选择字体。这是因为文字内容是设计师与用户沟通的主要方式之一,版式...
字体设计