赞助商
立即赞助

宋体字设计很难?来看这份平面高手的系统性指南!

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

今天节课将和大家聊一聊设计宋体些内容。宋体可以说是我们现在最常用体,他与黑体样,具有常良好可读性和易辨性,另,他又比黑体更具有历史感和东韵味,我们可以看到很多教材、书籍内文或者官文件,都是用宋体,甚至许多设计都会用些比较有表现力宋体作为标题。所以可想而知,学习设计宋体我们帮助有多大。正所谓欲知大,必先知史。所以在讲如何设计宋体前,我们先来扒扒宋体历史吧。

宋体字设计很难?来看这份平面高手的系统性指南!

虽然说宋体叫做宋体,是如要追溯宋体起,我们从唐朝说起。

宋体字设计很难?来看这份平面高手的系统性指南!

唐朝时期,佛教在国开始盛开来,唐朝皇帝甚至派出唐僧师徒四前往西天取经。

宋体字设计很难?来看这份平面高手的系统性指南!

于是便出现了「抄经生」这印刷。这篇经文便是时唐朝抄经生所抄写,他们需要使用规统楷体,文开头在平线,而列数统规定为17或者19个,便数统计,像这篇经文列是17个。

宋体字设计很难?来看这份平面高手的系统性指南!

可是即便出现了大量抄经生,依旧满足不了们经书需求。于是聪明国开始印刷经书,将经文刻在板上,可以实现大量印刷了。

宋体字设计很难?来看这份平面高手的系统性指南!

可是楷书刻起来是很不便。,书法家写楷书讲究起承转合、抑扬顿挫,不写出来风格异十分明显,例如颜真卿和赵孟頫他们所写「宋」明显不,即便用笔临摹都很难了,更说雕刻出来了。

宋体字设计很难?来看这份平面高手的系统性指南!

另楷体由于是书写体,所以大多数笔画都是带有弧度,而在板上刻,曲线是常难刻。

宋体字设计很难?来看这份平面高手的系统性指南!

宋体字设计很难?来看这份平面高手的系统性指南!

于是他们逐渐将曲线刻成直线,把笔画的弧形特征降低,将楷体中相同的笔画进行规范了,这样的字体是宋体字的前身。

宋体字设计很难?来看这份平面高手的系统性指南!

宋体字设计很难?来看这份平面高手的系统性指南!

可以一下宋朝期的刻本,这是南宋期陈宅经籍铺所刊刻的《朱庆馀诗集》。这,撇、捺等笔画的弯曲程度大大降低了,而竖笔和横笔也基本上变成笔直的直线了。不过宋朝期刻本体的横画依旧是倾斜的,从中依然能显地楷体的痕迹。那为什宋体字会形成横细竖粗,横画后带三角形饰角的字形呢?

宋体字设计很难?来看这份平面高手的系统性指南!

那是因为刻字的木板上是带有木纹的,如果垂直木头的纹理刻的话,笔画会比较容易断,需要加粗一些。而如果是顺着木纹刻的话,就没那容易断,所以可以相对细一些。可是为什是横画细,竖画粗呢?反过来不行吗。

宋体字设计很难?来看这份平面高手的系统性指南!

那是因为在大多数的汉字中,横画都是比竖画多的。上海交大的郭曙纶教授对20902个汉字进行了统计,发现这些汉字的总笔画数量多达268479个,而其中横画有82682个,占30.8%,而竖画有51459个,占19.2%。可见,在汉字中横画是比竖画多的。所以如果将横画刻粗,竖画刻细的话,可能会使得字体过挤而不美观。

宋体字设计很难?来看这份平面高手的系统性指南!

虽然说横画顺着木纹,比较不容易断,可是横画的端还是会比较容易磨损的,所以工匠一会将横画的端稍刻大一些,形成饰角。

宋体字设计很难?来看这份平面高手的系统性指南!

在朝,宋体得了进一步的简化,本复杂细的刀刻法简化成了横、竖和斜三种,所以刻字工匠的门槛大大降低了,宋体字得了真正的普及。同来一下朝期的刻本,这是朝期汲古阁刻印的《道德指归论》,这个候的宋体横画已经基本变成水了,虽然笔画依旧比较张扬,但是已经少了许多楷体的。所以从朝期开始的刻本体才能算作真正的宋体。

宋体字设计很难?来看这份平面高手的系统性指南!

也是在朝期,宋体字传了日本,所以现在日本将宋体字称为朝体。

宋体字设计很难?来看这份平面高手的系统性指南!

清朝是刻本最多的一个朝代,而宋体字在中国真正被确定统一称为「宋体字」也是发生在清朝。

宋体字设计很难?来看这份平面高手的系统性指南!

宋体字设计很难?来看这份平面高手的系统性指南!

了解了宋体字的历史后,我们可以发宋体字的意义并非只观易读已,他过中华民族近千传承、优化改良的文化结晶,他的身厚重的文化气息。也难怪中、日本、韩受中华文化影响的家会对宋体独特的偏。接我们就式入设宋体字的教程部分,首先我们了解一下宋体字的主特征。

宋体字设计很难?来看这份平面高手的系统性指南!

从楷体字转变宋体,主产了三特征,第一横平竖直,也就横画水平的,竖画垂直的。第二特征横画比较细,竖画比较粗。第三特征笔画出了三角形的装饰角。

宋体字设计很难?来看这份平面高手的系统性指南!

可随字体设计的展,对宋的定义已经越来越模糊。例上面的三种字,虽他们不完满宋的特征,是它们能是宋。所以我们也不需要对宋下一个死定义,免得我们在设计字的时被定义所束缚住。

宋体字设计很难?来看这份平面高手的系统性指南!

是仿宋是不能够是宋字的。我们看仿宋是不是得他和宋朝时期的刻非常像呢?因为仿宋是在民国时期,丁善之和丁辅之模仿宋刻所设计出来的字,所以仿宋模仿的是宋朝刻,而非宋字,么仿宋当也就不能在宋的行列里。

宋体字设计很难?来看这份平面高手的系统性指南!

接着我们来分析一下宋字的气质。由宋诞生明朝,具有非常悠长的历史,而黑是在民国时期才产生的,所以宋相对黑更能现传统感、文化感的气质属。

宋体字设计很难?来看这份平面高手的系统性指南!

所以我们做现代风的设计的时,以使用黑。

宋体字设计很难?来看这份平面高手的系统性指南!

而做比具有传统风的设计则以用宋。当也并非说宋就没办法做现代感的设计,通对宋饰和中宫的设计,我们完以做出一款现代型的宋。

宋体字设计很难?来看这份平面高手的系统性指南!

先来说一下中宫,我们在之前的教程里说,中宫越大,越显现代感,而中宫越小,则越有传统感。在宋里也不例外。

宋体字设计很难?来看这份平面高手的系统性指南!

我们来看看两个「東」字,很明显也是左边的「東」字更现代一,而右边的「東」字传统一。两个字的区别在饰的不同。饰越少越简洁,宋就越显现代;饰越越复,就越显传统。

宋体字设计很难?来看这份平面高手的系统性指南!

另外几何形的饰也给宋带来现代感。

宋体字设计很难?来看这份平面高手的系统性指南!

而传统宋字的饰则是具有手写感的,条比圆滑。

宋体字设计很难?来看这份平面高手的系统性指南!

根据饰和中宫的不同,我们以大致地将宋分为三大类。中宫小、饰且具有手写感的宋归类为传统型宋,中宫大、饰少且为几何饰的则归类为现代型宋。而具有一定手写感的饰,且中宫偏大的宋,则归类为中间型的宋。

宋体字设计很难?来看这份平面高手的系统性指南!

除中宫和饰之外,我们还经常整笔画粗细去适应宋字不同的用途。首先我们先来讲讲正文的宋。一般正文的字号是比小的,果横画细的,使得横画几乎看不见,而果横画粗的,笔画又糊在一块,所以为让宋字在小字号下也能清晰的显示,一般横画和竖画的粗细控在1:2到1:3左右,最大一般也不超1:4。

宋体字设计很难?来看这份平面高手的系统性指南!

不我们设计正文字的机还是比少的,大数时我们是需要设计比具有力的标题字。个时我们就以尝试拉大横画和竖画的粗细差距。当横画和竖画的粗细差距非常大的时,以产生强的视冲击力。画面中三款标题宋,用细横画搭粗竖画。

宋体字设计很难?来看这份平面高手的系统性指南!

有时我们也以反其道而行之,将横画加粗,让横画与竖画差不的粗细。样我们就以获得一款非常醒目的宋。样的宋有点像比粗的黑,既有醒目的特点,也留宋优雅的属。

宋体字设计很难?来看这份平面高手的系统性指南!

当,具有力的标题宋也并非一定要通控横竖笔画的粗细来塑造,通设计一有力的饰,同样以让宋字变得具有表现力。设计饰是设计宋字非常重要的一个节,因为宋字的大数笔画是存在许饰的,我们除要将饰设计得看之外,更重要的是让不同的饰和谐共存。果一个宋字里存在的饰风不一,么个宋字看着就不伦不类。下面我就给大家介绍一个我比常用的,设计宋字饰的方法。

宋体字设计很难?来看这份平面高手的系统性指南!

在做字之前,我们要先确定我们想要做的字的气质,是传统的,还是现代的?文艺的还是爱的?又或者是其他的气质。因为我们前面也说到,饰和中宫影响字的气质,所以我们必须要确定气质之,才能动手去设计字的中宫和饰。

宋体字设计很难?来看这份平面高手的系统性指南!

另外还要确定字的用途,需要比有力的标题字,还是需要具备阅读舒适的正文字,我们也能确定文字的笔画粗细。

宋体字设计很难?来看这份平面高手的系统性指南!

确定风之,我们就以开始设计笔画。么我们先来回顾一下,汉字里的八个基笔画,我们以先把八个笔画的饰特征设计,去拼凑我们想要的字。

宋体字设计很难?来看这份平面高手的系统性指南!

一般来说,我们设计宋先从横画开始设计。因为确定横画之,饰的风、饰大小、笔画粗细等很东西就以确定。

宋体字设计很难?来看这份平面高手的系统性指南!

其宋中的饰是来源书法中的顿笔,所以我们来看看书法中,横画是怎么写的,书法中的横在笔和收笔处分别有一个顿笔。两个顿笔分别对应着宋横画首尾的两处饰。对宋字来说,横画末尾的个饰是非常重要的,他对整个字的气质影响非常的大。

宋体字设计很难?来看这份平面高手的系统性指南!

我们前面已经介绍两种衬角分别具有现代感和传统感。

宋体字设计很难?来看这份平面高手的系统性指南!

而一个的衬角是一个比圆润的圆形,他以用来做比爱的宋。

宋体字设计很难?来看这份平面高手的系统性指南!

一个衬角和刚刚的就正相反,非常的非常尖锐,适合用来做比恐怖的宋。

宋体字设计很难?来看这份平面高手的系统性指南!

还有一点要注意的是,果竖画越粗的,横画的衬角一般也要相应的变大一。

宋体字设计很难?来看这份平面高手的系统性指南!

因为宋的横画来就已经很细,果衬角还非常小的,横画很容易就被忽略掉,横画末端的个三角形到一定强横的用。当果是故意要设计成小衬角或者无衬角的就另当别论。

宋体字设计很难?来看这份平面高手的系统性指南!

横画做之,就以开始设计竖画。在书法中,竖画在笔处有一个顿笔,而收笔的地方稍微往左偏一,样分别形成宋中竖画笔和收笔的两处饰。

宋体字设计很难?来看这份平面高手的系统性指南!

么我们应该怎么用横画推导出竖画呢?横画和竖画关联度最大的地方在横画三角形衬角和竖画上方衬角的个地方。例一组是直加切角。

宋体字设计很难?来看这份平面高手的系统性指南!

而组是曲加圆角。

宋体字设计很难?来看这份平面高手的系统性指南!

另外我们还能将两个地方给联系来,因为他们是笔的位置。果横画的笔是水平的,么竖画的笔就应该是垂直的。

宋体字设计很难?来看这份平面高手的系统性指南!

而果横画的笔是往外扩的,么竖画的笔也以往外扩。

宋体字设计很难?来看这份平面高手的系统性指南!

我一般还将竖画的笔和收笔的的地方关联来,果笔是垂直的,么收笔我也设置成垂直的。

宋体字设计很难?来看这份平面高手的系统性指南!

而果笔往外扩的,么收笔我也往外扩形成书写曲,样整个竖画能看来平衡一。

宋体字设计很难?来看这份平面高手的系统性指南!

接着来设计横折。书法中在个转折的地方有一个顿笔。所以在宋的横折处也形成一个装饰角。

宋体字设计很难?来看这份平面高手的系统性指南!

其横折个笔画在设计横画和竖画之基就已经出来。只要将他们组合在一,将横画的衬角往回缩小一,横折就做。

宋体字设计很难?来看这份平面高手的系统性指南!

讲完横折我们顺便也讲一下种口字的结构。口字结构由刚刚做的横折加上一个竖和一个去掉三角衬角的横组成。我们需要做一细微的整。竖笔饰的个地方需要往上收一,不要漏出来,样的笔画看着能干净一。

宋体字设计很难?来看这份平面高手的系统性指南!

竖画笔的地方也要往上提一,让左右两边的饰能够平衡。

宋体字设计很难?来看这份平面高手的系统性指南!

最加上横画,把衬角的部分裁去,注意两个竖需要出头一。个口字就完成。

宋体字设计很难?来看这份平面高手的系统性指南!

来做撇和捺。书法里的撇笔的地方有一个顿笔,所以宋里,撇有一处饰。

宋体字设计很难?来看这份平面高手的系统性指南!

书法里捺则在笔和收笔处各有一处转折。所以宋里,捺则有两处饰。

宋体字设计很难?来看这份平面高手的系统性指南!

撇基上以从竖轻易地推导出来,因为他们的笔是一样的,只要稍微整一下笔的角度就以。

宋体字设计很难?来看这份平面高手的系统性指南!

而捺与撇是正相反的,笔细,收笔粗,所以捺的笔需要缩小一,但是需要证两个地方是相同的。而捺的收笔是一个比独立的地方,只需要风持大致一致就。

宋体字设计很难?来看这份平面高手的系统性指南!

接着来做提。在书法中,提的笔一般是有一个顿笔的,一个顿笔与竖的笔的顿笔是类似,所以在宋中,提的笔有一个与竖类似的饰。

宋体字设计很难?来看这份平面高手的系统性指南!

提与竖笔的饰是差不的,只是方向不同而已。

宋体字设计很难?来看这份平面高手的系统性指南!

最就只剩下点和钩两个基础笔画还没设计。两个笔画和别的笔画之间的联系不太大,同样也只需要持整笔画风一致就。不点和钩之间却存在着一定的联系的。最主要的是现在个地方,果是尖角,么点和钩最统一为尖角。

宋体字设计很难?来看这份平面高手的系统性指南!

而果点是圆滑渡的,么钩最也是圆角。

宋体字设计很难?来看这份平面高手的系统性指南!

另外还有果点的个位置是比饱满的,么钩转折的位置也应该设计得饱满一。

宋体字设计很难?来看这份平面高手的系统性指南!

而果是瘦瘦的点,钩转折的位置也要相应的瘦一。

宋体字设计很难?来看这份平面高手的系统性指南!

最还有一个需要统一的地方,就是撇、点、钩等笔画的收笔必须要持一致。以是圆角、还是切角、尖角或者是其他特殊的角,收笔的大小也应该统一。

宋体字设计很难?来看这份平面高手的系统性指南!

不我们设计宋字时,也并非一定要百分百遵循一套设计方法,为这套设计理论是结合书法所导出来,而随着时代发展,宋体形和定义也不断被拓宽,例如些比较新型宋体,都会省略掉竖、撇、捺等笔画体饰,让体显更简洁些。所以如大家想做些比较创新宋体,而传统严谨体话,大可以放开手脚去设计,最终要保证美观和和谐统好了。

宋体字设计很难?来看这份平面高手的系统性指南!

我们在将所有笔画都设计完后,可以将笔画拼起来了,可是如我们设计笔画比较没有特,最后拼凑出来体也显有些规矩,缺乏视觉张力。那么接下来我大家介绍几个让宋体比较有张力常用法。

宋体字设计很难?来看这份平面高手的系统性指南!

第个是在宋体笔画加入连接线,模拟写连笔效。

宋体字设计很难?来看这份平面高手的系统性指南!

由于宋体是用刀刻出来,基本上是不会有连笔存在,而加入连笔线条可以缓和宋体刀刻僵硬感,让文显更灵动。

宋体字设计很难?来看这份平面高手的系统性指南!

第个是将设计好笔画松散排列。

宋体字设计很难?来看这份平面高手的系统性指南!

为宋体具有文艺质,而将笔画松散地排列能够体现慵懒文艺感,和宋体质是常契合。

宋体字设计很难?来看这份平面高手的系统性指南!

不过这最好能与词义吻合,例如团圆这个词应该是笔画凝结在起更能符合团圆词义,像这样做松松垮垮味有些不太了。

宋体字设计很难?来看这份平面高手的系统性指南!

第三个是省略画。由于宋体存在着三衬,所以即便省略掉了线,依旧能够过三衬判断线位。

宋体字设计很难?来看这份平面高手的系统性指南!

所以省略画宋体识度影响不大,并能够增加宋体图形感。

宋体字设计很难?来看这份平面高手的系统性指南!

第四个是断笔。

宋体字设计很难?来看这份平面高手的系统性指南!

刚刚我们讲到了宋体存在着三衬,所以省略掉画也不会过多影响识度。那么在断笔这里也是样理,我们最好选择断开画,为这样体识度影响最小。

宋体字设计很难?来看这份平面高手的系统性指南!

也许有听到这里会觉,这才是课程。其实并不是,这里教大家四个增加张力手法是辅助工具而已,不是说我先随便瞎设计个体,然后再套用这几个法去增加形感,我认为这样是在遮丑而已,而作为设计师我们更应该追求骨骼和体饰美感,而味遮丑。那么教程部分到这里结束,下大家示范个案例吧。

宋体字设计很难?来看这份平面高手的系统性指南!

我们这节课案例是做韦礼安这首猫咪共和国单曲封。这是我从MV开头截图。我们可以看到MV猫咪共和国这五个是手写,可爱随意感觉。那么我们这节课尝试用宋体来体现这感觉。

宋体字设计很难?来看这份平面高手的系统性指南!

那么我们这款体定位很明确了,是款可爱标题体。

宋体字设计很难?来看这份平面高手的系统性指南!

我们先在屏幕上打上猫咪共和国五个作为体骨骼参考。这里我选择了思宋体,为思宋体是款现代型体,宫比较大些。太过紧凑宫不适合我们塑造可爱、随意感觉。另个很要原是,思宋体虽然高贵,是免费,如我们改动程度不大,也不会造成侵权。

宋体字设计很难?来看这份平面高手的系统性指南!

为了让体更憨,我们可以将文压扁,造出子米五感觉。然后可以降低透明度,开始在这个参考骨架上秀波操作了,接下来我们个笔画个笔画地来设计。

宋体字设计很难?来看这份平面高手的系统性指南!

首先为是标题体,所以我们希望做个画和竖画都不多粗宋体,这样会比较醒目些。然后为质是可爱,所以我把体饰设成圆圆,胖胖。

宋体字设计很难?来看这份平面高手的系统性指南!

我们用画导出竖画。体饰基本上接照搬了画体饰,为画风格很明显了,竖画保持致可以了。

宋体字设计很难?来看这份平面高手的系统性指南!

接着做折。我们先将画和竖画凑起看看。这样会有两个比较大问题,个是竖线体饰凸出来了块,另个是画和竖画衬叠加在块显太大了。所以我们需要将衬缩小些。

宋体字设计很难?来看这份平面高手的系统性指南!

接着做口结构,我们将竖画放好后,发现不用调也平衡,所以我们接用这个口。

宋体字设计很难?来看这份平面高手的系统性指南!

然后撇和捺起笔我们也可以接用竖画起笔导出来。

宋体字设计很难?来看这份平面高手的系统性指南!

值注意是,我们可以看下这个撇,为了凸显这个笔画可爱,所以我们笔画粗细变化其实是很小,为是让收笔地比较钝些,显更畜害。

宋体字设计很难?来看这份平面高手的系统性指南!

样为了造体可爱质,我将捺收笔也设计成圆弧收笔,而并普宋体尖锐收笔。

宋体字设计很难?来看这份平面高手的系统性指南!

接下来我们应该是要做提笔画,可是我们发现这五个里并没有提,所以我们跳过他,接做和钩了。样为了保证风格致,这个粗细变化也不大,而头特钝。

宋体字设计很难?来看这份平面高手的系统性指南!

宋体字设计很难?来看这份平面高手的系统性指南!

点和钩之间是有联的,这组地方分别互相对应。

① 端应该都比较大,比较钝些;

② 圆滑地渡;

③ 屁股的方比较饱满一些。

宋体字设计很难?来看这份平面高手的系统性指南!

将好的笔画去,接还需一些调整,因我们用的还思源宋体的骨架,这骨架我们设的笔画并不一搭。我对字面小,视错觉行了一的修,然后还将中宫稍微扩了一些。这时候我们会发,调整过后的这组字依然显得太过,还摆脱不了思源宋体文字的属性,我们的字应该可、慵懒的标题字。

宋体字设计很难?来看这份平面高手的系统性指南!

不知道家还记不记得我们刚刚讲的宋体字四种增加张力的套。很明显松散笔画这种方式合随机慵懒的感觉,那么我们试试看。

宋体字设计很难?来看这份平面高手的系统性指南!

我们先将这五字的字距拉一些,方便我们调整笔画。然后将笔画松散排列。

宋体字设计很难?来看这份平面高手的系统性指南!

接我们还需一些调整,这样看起太粗糙了。我们将点、撇、捺笔画调短一些,让他们具点的感觉。因点的构具随机活泼的气质。

宋体字设计很难?来看这份平面高手的系统性指南!

然后将重往下压,因重靠下的字体会显得比较憨一些,那么我们这一组字就完了。

宋体字设计很难?来看这份平面高手的系统性指南!

后我们用这字一版面,先建立一单曲封面125mm*125mm的画板,并设置5mm的页距7*7的网格。

宋体字设计很难?来看这份平面高手的系统性指南!

然后我们入一张猫的照片作版面的主体,占据右下角的5.5栏。

宋体字设计很难?来看这份平面高手的系统性指南!

接我们将好的字体左角,右下角的猫对角线的呼应,可这么摆好还不够好玩。

宋体字设计很难?来看这份平面高手的系统性指南!

所以我们加入英文线条一文字组合。

宋体字设计很难?来看这份平面高手的系统性指南!

后版面的左下角加入其它信息,这单曲封面就好了。

宋体字设计很难?来看这份平面高手的系统性指南!

效果还不错吧。

最后来总结一下这节课。首先给大家扒了一下宋体字的历史,知道了宋体字诞生于朝,可是最早能够追溯唐朝。着析了宋体字的征和气质,宋体字相较黑体字有传统、文化的属性,可是也能通过对体饰、中宫的控制,计出有现代的宋体。然后教给了大家一套计宋体字体饰的方法,最后是四个增加宋体字张力的常用法。那这节课就这,是千树,下次再见。

习字体设计:

注研习设的微信公众号:「Yanxishe2017」

宋体字设计很难?来看这份平面高手的系统性指南!

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

相关文章

在日常的设计工作中,往往优秀的作品能在第一时间抓住用户的眼球、吸引注意力,而沉闷的作品恰恰会令其大打折扣,不利于整体...
平面设计
Type defines type. 在英文中,单词 Type 包含两个含义,文字和类型。这从某个角度说明了字体对于品牌的意义。一种字体能影响...
京东
@做设计的面条 :新一期的《拍一张照片,就能设计成一幅海报》系列文章又来咯。每一期我都会分享 5 张我平时用手机随手拍的照...
做设计的面条
在众多的设计领域里,包装设计可以说是最贴近我们生活的设计了,因为我们每天都会接触到它们。如果细心去观察它,你会发现,...
包装设计
葱爷毕业于一所名不见经传的普通二本,学的是视觉传达专业,还没毕业就来到了广州,刚刚步入社会时碰过不少壁,甚至还因为不...
创意总监
本文总结了纸张的8个实用知识点,包括纸张原材料种类、特性、白度、光泽度、油墨吸收性、平滑度、定量和基重、以及印刷适性等...
印刷设计
未来荧黑是一个基于思源黑体、Fira Sans和Raleway的开源字体项目,支持简体中文、繁体中文与日文。 思源黑体的7种字重被扩...
中文字体下载
李笑来说过一句话:审美常常并不需要知道原理,但创造美的人必须有方法论,否则不可能持续创造。但是很多人总觉得背方法论是...
一致性