零基础的字学之路:字体设计学习秘籍

所属分类: 平面设计 / 平面其它 阅读数: 1306
收藏 0 赞 0 分享

今天小编为大家分享一篇教程,很不错,主要是向大家介绍字体设计学习秘籍,希望对大家有所帮助!

又见面了小伙伴们,上一次分享的文章《书法字体终极三式》引来那么多的赞砸向我,再次感谢大家的支持!这期分享的算是字体设计进化论系列的前传,赶快看看这次给大家扛来哪些干货吧!

关于今天的主题有必要和大家交代一下,为什么说是零基础的字学之路呢??之前和很多朋友交流都以为我是平面设计专业的,其实非也。

我大学所读为国画专业,只是大四下学期偶然的机会接触到字体设计,从最初的欣赏临摹,开始了字体设计的自学之路。一个古典传统,一个时髦现代,所以说即使你是非科班、零基础也完全不用担心,只要喜欢字体设计,有一定的热情,相信字体设计对你来说不是什么困难的事情。

为什么要学习字体设计?相信对于每个人来说都会有不一样的答案,不知道你是否还记得最初接触字体设计的原由,我大概总结了几种,看看下面的理由是不是够充分呢?

第一个理由当然是应用真的是非常广泛,它存在于我们生活的方方面面、角角落落,除了早上醒来第一眼看见的是天花板,其他时间我们想看不见他都难。

在品牌标识、书籍装帧、宣传海报、电商网络...都会看到他形式各样的身影,特别是近几年字体设计在平面设计领域发挥着越来越重要的作用,有着不可忽视的地位。


有同学就会说:直接用字库里面的字体不就完事么,干嘛还得花时间费精力再去专门设计字体?其实不能说字库里的字体不好,只能说他太普遍了,从而变得普通了,换句话说是一对多的关系,而现如今人们更多地是追求一对一的个性化服务。

另外一点就是中文字库真的是太少了没得用!可以看看自己电脑里中文字库和西文字库的比例,当然有客观原因,做一套中文字库远比26个英文字母难得多。





做一套字库本身就是一件费时费力的事情,当然不是说我们想怎么用就怎么用的,如果抱有侥幸心理任性用了,哪一天被逮到,不是道歉和眼泪就能解决的问题,这样的例子不在少数。



这个理由真的很虐心,像以前客户品牌意识相对于现在肯定是要弱很多的,感觉有个图形、有个名就可以了,要求上就没那么多;而如今的客户不仅有钱而且有文化,确实在很多领域要比我们懂得多,品牌意识强,很多想法需要我们设计师能够跟得上,同样的在字体设计方面就会有更高的要求。


当然了,学习字体设计的理由不知这几点,如果你是真的喜欢字体设计,以上的理由绝不是什么坏消息,反而都是有利的因素。多一点热爱,相信字体设计会给你带来更多了乐趣。


关于字体设计常用的软件有必要说一下,像我一般会使用到Illustrator和Photoshop这两款软件。前者主要用于建立基本的字形结构,后者方便在后期添加一些渲染效果,当然也不必纠结于使用什么软件,只是一个设计工具,因人而异适合最好。


字体设计方法很多,不同类型风格的字体设计方法也是会所差异,下面给大家解密5种比较常规但又很实用的方法,以作参考。另外每种方法都会展示三个大概步骤,让大家看起来更直观些。


块面组合法是字体设计中最为基础也是最常规的设计方法。块面组合法基本说来就是以几何块面为基本的笔画搭字,然后再进行深入的调整和变化,呈现出不同形式感觉的字体。

具体来讲,块面组合法就是先使用矩形工具设定好笔画的粗细,然后进行组合造字,构建好基本的结构字形,接着做进一步的调整和细化,尝试对一些笔画进行断笔、共用和删减等处理,不断丰富字体的细节特征。此种方法操作简单,且易于控制,特别适用于初学字体设计的朋友,可以作为字体设计的入门方法进行不断地尝试与练习。




01. 使用"矩形工具"建立出基本的笔画。

02. 根据建立的笔画进行组合造字。


03. 细节调整,填色,完成设计。

如果把"块面组合法"想象成小游戏"俄罗斯方块",那么"线段连接法"就如同"贪吃蛇"一般灵活多变。这种方法主要应用软件中的"钢笔"工具,通过改变线段粗细、曲直和断连关系,从而设计出不同风格的字体。

灵活多变是线段连接法最大的特色,除了基本的直线,可根据实际需求来变化曲线和折线等。所以不管是横平竖直的常规方块字体,还是曲线夸张的风格字体,都可快直接快速地勾勒出来,这一步选用钢笔工具完成即可;当确定好了基本字形,再调整描边的粗细和端点的曲直,反复进行调试和对比,使字体达到最佳的状态。

需要特别注意的是,当整个字笔画都是以均匀的线段为主时,线段之间的穿插分布切忌过密过疏,尽量保持匀称,适当增加字体内部空间,透气性佳整体才会更显轻盈雅致。


01. 使用"钢笔"工具建立字体"骨骼",细线条勾勒便可,注意笔画间的穿插变形。

02. 确定好了基本骨骼,接下来适当的将笔画加粗并调整细节规范。

03. 选取颜色填色,并且加上一个中式外框和英文字,形式感更强。


对于一些需要表现手工质朴感的字体,手绘描摹法再合适不过了。通过其名称不难理解,手绘描摹法大概就是先在纸上手绘出完整的字体样式,然后录入电脑,将手绘稿在软件中进行描摹绘制,并适当加以修饰。

手绘相较于电脑绘制总有不一样的感觉和优势,特别是对于一些复杂的字体设计,手绘更加灵活效率也更高一些,先用手绘再通过电脑将字体进行还原,这样手工质朴的感觉可以得到最大化保留。

这种方法重点在于纸上的手绘,字体形式和细节上的变化和处理基本都在纸上完成,软件描摹则尽量地还原手绘稿的原貌,当然最后对于细节上的问题也要及时地加以修正。




01. 第一步就是先在纸上绘制出整个字体,对于一些复杂的字体特别需要静下心耐心绘制。


02. 将手绘好的字体放入软件中进行描摹,并修饰轮廓和细节。


03. 最后填色完成设计,当然你也可以再使用Photoshop软件进行处理,使字体效果上更加出色,视觉冲击力更足。

字库内的字体结构严谨规矩,因其主要以方便阅读为目的,所以缺少一些个性的释放。而字库改造法就是以中文字库内的字体为设计基础,加以改造和修饰,这样不管是在形式上还是风格上都有别于原有字体,个性鲜明突出,焕发新活力。

老实说这是一种比较"偷懒"的设计方法,却也是一种比较有效和快速的设计方法,特别是在一些电商行业的字体设计中会常用到此方法。归纳下来字库改造法其实就是对原字体进行加法与减法的整合,加法就是指改变原有字库字体的笔画特征,并增加笔画细节,而减法则是指将原笔画进行合理的断笔,巧妙的共用,灵活的删减,最终达到简化的目的,以一加一减的形式完成对字库字体的改造。

01. 我们选用了细明体"算命先生"四字为改造的基础字形,大家可以根据自己的需求来选择需要改造的字体,字体虽不同但方法基本一致。


02. 接下来将字体扩展然后做拆减处理,对字体进行重构。


03. 细节处理与调整,这一示例主要是将直角转变为变圆角,借用查件Xtream Path即可快速实现,其他无需做太大的修整。


在西文字库中有很多形式感非常强的字体,我们可以借用其中的字母充当中文的基本笔画,加以融合改造,制造出别有韵味的中文字体。

在使用此方法进行字体改造和设计时,首先把西文里的大小写字母全部展开以备用,然后选取其中的完整字母或是截取字母当中的某一部分进行中文字体的搭建。有时候会遇到其中的某些西文笔画并不完全符合传统中文的笔画走势,像这种情况下可在不影响识别性的原则下,打破常规,多保留原有西文字体的特征,当然也并不是所有的笔画都是完全的合适,具体到一些笔画可根据西文制造出相应的中文笔画。

总结下来就是以中文结构笔画为基本需求,灵活借用西文字体并对中文字体做以改变和调整,并保留西文特色,以达到西文中用的目的。


01. 图为Chiller字体,比较随性、自然的手写字体。

02. 做中文字体搭建。图中红色笔画部分为西文原字母,蓝色笔画部分是经修改或局部截取的西文字母。

03. 加英文作为点缀,最后完成效果。

方法小结:

以上列举了几种比较常规基础的字体设计方法,并附以简单的步骤作为参考,以后在遇到类似类型风格的字体就可以选择相对应的造字方法。有些看似复杂的字体设计其实就是通过简单几步便可完成,并没有太多什么独门绝技,更多的需要我们静下心思考字体本身如何表现效果会更好。

常规基础的方法稍加变通就可以创造出风格各异的字体,掌握了这几种比较基础的造字法相信在字体设计方面可以更从容的应对。


这期文章略长,小伙伴们看的辛苦,我写的也挺...所以...点赞!点赞!点赞!重要的事情说三遍,更更重要的是点赞更多解锁神秘惊喜~

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多