字体设计八种方法教你字体设计

开通VIP,畅享免费电子书等14项超值服

首页

好书

留言交流

下载APP

联系客服

2023.09.07安徽

好了,咱们少说废话,开始今天的字体设计教程吧。今天主要是教大家8个方法来做字,一起来看一下本次教程的大体框架。

那就不多废话了,下面就逐一来演示讲解一遍。

首先呢,我们可以来拆解一下这种字的特征,字如其名,很胖,胖到内部没有一点留白,且笔画比较圆润。

内部有一些笔画上的穿插,且通过一些细线来表达笔画,以此保证识别。

最后可以在保证识别的基础上,增加一些造型上的变化,甚至是融入一些特征和元素,以此来加强主题或概念。

那下一步正式进入实操部分,有序的分析可以保证我们后面的每一步都是可控的,做字最怕头脑不清晰,做到最后无法把控最终结果,也不要有太多想法,想法越多,脑子越乱,咱又不是蜂窝煤,长那么多心眼干啥。

选择一个圆体当结构参考字,随便一个都行,都差不多,尽量选择粗一点的。

然后用钢笔工具开始勾线,用圆头端点,圆角连接。这一步的目的就是要做到让字形内部尽量没有负空间,注意是尽量,稍微差点也没事。注意外部跟垫底字对齐,否则字形做完了都不一样大。

看着就是一坨shit,对吧...我看着也是,但没关系,我们把它复制下来,然后扩展掉,给整体的所有笔画都添加一个白色描边,这样就有一个大概的识别了,但它仍然是一坨shit,识别还是不够高,那下一步主要就是处理这个。

继续复制下来一组,这一步就是关键了,通过调整笔画的前后关系,处理笔画之间的穿插关系,以及增加一些细线来表达笔画。

调整前后关系+处理穿插关系,可以适当合并一些笔画。

在一些口字的内部添加细线,以及再多做一些笔画之间的穿插,进一步增强识别。

识别是差不多够了,但是不好看,所以我们可以改变一些局部的造型,加点曲线或者在笔画的头尾处加点变化。

最后给整体换一个配色,以及可以再增添一些小的装饰,在一些边角处。

这个方法呢,并不是直接用英文字母来拼字,而是要更灵活一些,适用范围也会更广,这个其实与我上面那个方法提到的一句话也有关,就是不需要那么多的想法,需要做的呢,就是抓住一个核心点,去展开尝试就可以了。

像我找的这个英文字库呢,它的特征是比较复杂的,各种转折,圆润的曲线和尖角等,如果不做任何修改,也是没问题的,但是可能对头脑容易混乱的同学就不是很友好了,造型太多,细节太多,太复杂。

所以咱们可以提取出他的某一个特征来为我们所用,并不需要多,一般情况,一到两个都是可以的,三个也行,但越多越难把控。

我们可以在他的基础上进行二次的调整,这一步主要是看你自己想要表达的感觉,或是多尝试一些,最后选择自己满意的就可以了。

选择自己满意的一款特征,结合垫底字来搭建就行了,这里我们做的是黑体,所以选择一个思源黑来做就行了,我这里是拉高了一些字面。

可以看到,这里面除了刚才提取的特征笔画以外,其他部分基本都是和垫底字是一样的处理,没有什么改动,一些小的点替换圆形这是比较正常的处理了,不值一提。

那同理,其实这个方法可以适用各种参考,不只是英文而已,大家可以多去发散一些。

第三个方法呢,主要是一个夸张的手法,那这里基本就是针对撇捺这种笔画来做一个夸张。

这个技巧是很常用,也比较好用的思路,往往可以带来比较强烈的视觉效果,非常适合做一些标题字,通过制作不同造型的撇捺笔画,或是不同程度的夸张,即可得到不同的效果了。

如果选择做等大的字,那不需要有这一步,直接调整字面就可以开始做了,但是咱们也可以适当调整一下字组,我这里做的就是让中间两个字缩小一点点,外部的两个字稍大,这样整体会有一个节奏感,会更灵活一些,当然也可以设定成更多不一样的形式。

选择自己满意的一组字组形式,用画笔开始画一些草图来尝试做夸张的部分。

这里面的横竖笔画可以做的常规一些,因为已经突出了撇捺,就无需再做多余的设计了,特征越多会越乱。

结构和笔画基本都已经设定好了,连大致的思路也通过画草图来尝试了出来,那就可以开始拼字了。

这个方法比较简单,但也是属于适用范围比较广的方法,主要就是通过设定整体的笔画特征和造型来完成字形。

这里做的还是个黑体,笔画上的设定并没有很复杂,横笔略细一些,横笔略粗的处理,撇捺其实没有太多的复杂变化,就是一个从上到下逐渐变粗的形式,虽然比较常见,但依然是很好用的处理方式,因为整体的笔画设定的较为简单,所以给整体添加了很多的装饰来丰富。

这个方法比较简单,没有那些花哨的步骤,只要笔画设定的充足,基本就可以直接做了,像这里的笔画也都是比较常见的形式,大家多去看一些参考基本就了解了。

由于这组字比较简单,所以咱们可以给整体添加一些效果来处理一下,不需要太复杂,AI中自带的一些变形和技法基本就足以满足我们了。

使用自由变换工具(快捷键E),透视扭曲,拖动右上角向内收缩。

再次选中字体,效果-变形-拱形

再次选中字体,扩展后,然后先加个文字排版,方便我们后续的制作步骤。

选中整体,对象-路径-偏移路径,这一步的目的是给整体加一个符合轮廓的底色,同时替换底色的颜色。

第五个方法呢,跟上一个有些类似,但侧重的知识点是不同的,这里面我们主要会用到一些通用的基础技法,什么是基础技法呢,就是可以用于各种字形当中的,属于一个通用的,基础不代表不好。

首先需要搭建出一个基础字形,普普通通,毫无特色的字形就可以了,设定一下笔画的粗细就好。

连笔是非常好用也是最常用的技法之一,那连笔的形式,可以基于我们平时的手写习惯去尝试即可,然后替换进之前的基础字形里面。

切割一般有三个作用,第一个则是作为纯装饰,没有任何其他实际作用,那第二个则是为了表达一些含义,如体现速度感,或是一些竞技,赛事,体育等类目的表达,最后一个则是为了解决字体中出现负空间不协调或是某个局部灰度过重的问题。总之,这是一个好技法,好用,爱用。

最后呢,可以给边边角角添加一些修饰,让整体的效果更加强烈,这种修饰一般就是用来强化视觉表现的,至于表达含义这方面,也是有一定作用的,根据不同的词义去添加不同气质的装饰。

老生常谈的方法,也是非常好用的,为什么好用,就因为它一点都不难用...属于是三班的小牛,它不是一般的牛啊!

这里选择的是一个比较花哨的英文,前几年比较火,可能大家都有见过很多次了,属于是山羊放了个绵羊的屁,它既洋气又骚气,那先不废话了,结合咱们的字,去寻找到合适的字母或字母的局部,然后把这个造型通过草图画出来结合进垫底字尝试效果。

可能到这里大家觉得有点太快了是不是,没事,我是谁啊!我可是糊弄猴啊!上坟就烧报纸,主打一个糊弄鬼....!@%*&~¥

不开玩笑了,给大家用个宇宙无敌,人世罕有的狗屁彩色逐字拆解一下,咱讲究人。

怎么样,一顿拆解,一顿分析,有没有感觉更懵了,有的话那就再看一遍,仔细看,你会发现是非常详细的。

草图拉出来垫下边,一顿操作英文字母就完事了。

倒数第二个了,这次咱们来个民国字,那其实民国字并不是某一类字形,而是一个时期,所以在那个时期有非常多的优秀字体作品,咱们现在所做的美术字,基本都源自于那个时期的伟大创作,这里就选择了其中的一款而已。

这组字的笔画实际上非常简单,但是它的特点却是非常鲜明,最主要的是这里边的撇捺点是有两个粗细的,咱们在拼的时候需要把两种粗细的都给用上,只要注意整体的协调性就可以了。

最后呢在给整体做一点笔画上的延长,以及加一个简单的排版,再给个倾斜,基本就搞定了。

最后这个非常简单,其实这个方法也属于基础技法的一种,但是呢,这个效果也是比较强烈的形式,所以可以单独拿出来讲一讲。

这个不需要有什么太多的技巧,直接做就完事了,那具体做法就是把宋体的边边角角给咔咔一顿放大就行了,但是这里面有一定的简化,结合下面的案例来具体讲。

这里主要是把横笔末端的三角形,给做了一个夸张处理,并且造型更加锋利,有点类似星星的造型,那其他的位置也都是同样的处理了,并无太多难点。

字形是比较张扬的那种,所以配一个这种的花体,可以进一步增强这个气质,但要注意不能与字体叠加的太多,可以适当做一些前后关系,让咱们做的字体识别更高一些。

THE END
1.字体设计保姆级全方位教学!万字干货优设网前言在平时的工作中,我们是否有考虑过运营设计的商业目标是什么?看到这个问题的我们一定脑袋一片空白。首先我们可以把运营设计分为两派,一派为内容运营,另一派为活动运营,他们的共同目的都是帮助产品获得用户,实现流量最大化,从而形成一个正循环,最终完成商业化目标https://www.uisdc.com/operation-font-design-2
2.字体设计的基本原则字体设计的方法有哪些→MAIGOO知识字体设计最基本的功能就是传达信息。字体设计最重要的一点在于要服从表述主题的要求,要与其内容吻合一致,不能相互脱离,更不能相互冲突,破坏文字的诉求效果。尤其在商品广告的字体设计上,更应该注意任何一条标题、一个字体标志、一个商品品牌都是有其自身内涵的,将它正确无误地传达给消费者,是字体设计的目的,否则,将https://www.maigoo.com/goomai/322094.html
3.字体设计指南∣一文解决你的字体选择困难症模板”,进入Canva可画一站式海报设计流程 的用户,也可以点击下方链接,了解Canva可画原创的字体素材和检索、使用教程。 字体设计∣免费还可以商用的艺术字素材,给你准备好了! 字体设计指南∣3分钟玩转字体的组合、排版和特效设计 Canva可画的免费字体推荐,以上就是我们分享的主要内容。 https://www.canva.cn/learn/font-select/
4.materialdesign设计指南:样式Roboto 和 Noto 是 Android 和 Chrome 上的标准字体。Roboto 是Android 上的标准字体。 Noto 是Chrome 和 Android 上针对未被 Roboto 覆盖的语言的标准字体。 文字类型 英文和类英文(拉丁文、希腊文和西里尔文) 方块字(中文、日文和韩文) 其他文字(南亚和东南亚以及中东地区的语言) 应用栏 标题样式:Medium 20sphttps://www.mdui.org/design/style/typography.html
5.AI艺术字体设计软件指南AI百科人工智能(AI)正在革新各个行业,包括艺术和设计。借助AI,艺术家和设计师可以轻松创建出令人惊叹的字体设计,突破传统的设计界限。 本文将深入探讨AI艺术字体设计软件,介绍其功能、优点和使用指南。我们还将推荐一些流行的AI艺术字体设计软件,帮助您开启艺术字体设计的旅程。 https://heiti.cn/ai/25815.html
6.4000+干货!超全面的B端设计指南:字体超全面的B端设计指南:字体 在B 端设计当中,字体往往是出现频率最高的一个“原子”。因其拥有不同的渲染方式(设计软件渲染与浏览器渲染)并且在 Web 设计当中,会出现两大桌面操作系统的情况(Windows 与 Mac OS)也就造成在 B 端设计当中的字体,往往存在着许多“变数”。https://www.51cto.com/article/683193.html
7.字体设计完全指南【掌握字体设计知识】从文字起源介绍,到字形、骨骼、字体结构、重心、布局、设计原则等基础知识教授,到配合AI常用工具的使用进行创意笔画训练、字体构型训练与多种风https://study.163.com/course/introduction/1213381804.htm
8.Vampiress字体设计:独特哥特风主题的字体集简介:"Vampiress"是一种独特的字体主题,通常以哥特风格或神秘元素为特点,常常与吸血鬼文化中的女性形象联系在一起,包含暗黑、浪漫和奇幻元素。在设计领域,字体设计是创建或选择具有特色的字形集合,对文本的视觉效果和传达的情感有极大影响。"Vampiress"字体可能包含.TTF或.OTF格式的完整字体文件集,适用于各种用途,包括https://blog.csdn.net/weixin_42596011/article/details/142895180
9.UI设计中字体与排版指南,小白必看!1、UI 设计中字体指南 字体分类 字体大致可以分为三类:衬线字体、无衬线字体和装饰字体。 衬线字体:如 Times New Roman,适用于正式和传统的场合。 无衬线字体:如 Arial,适用于现代和简约的设计。 装饰字体:如 Comic Sans,适用于特定主题或情感。 字体匹配 https://js.design/special/article/fonts-and-typography-in-ui-design.html
10.如何选择合适的word字体:专业设计师的实用指南在日常办公和学习中,Microsoft Word 是我们常用的文字处理工具之一。选择合适的字体不仅能提升文档的美观度,还能提高阅读体验和信息传达的效果。然而,面对众多字体选项,如何选择合适的字体成为了一个难题。本文将为您提供一份专业设计师的实用指南,帮助您在不同场景下选择最合适的 Word 字体。 https://www.958358.com/itother/137241.html
11.20210203B端设计规范指南(二):字体字重是字体笔画的粗细,在 UI 设计的过程中,我们对字体字重的控制,是根据字体自带的字重进行调整的。一套成熟的字体会包含多个级别的字重。 当我们点开字重选项菜单的时候,里面显示的字重是字体文件本身携带的,如果没有包含其它字重,则字重选项就只会有一个默认的值。 https://www.jianshu.com/p/e26f2bdc8263
12.UI设计中的字体使用指南,初学者必备!互联网在进步,所以设计趋势也是有着各种各样不同的形式,而字体作为基本语言,是设计师需要掌握的基本技能之一,希望能对各位读者有所帮助。 另外其实在工作中,也建议大家对自己的经验进行总结,对关键信息进行提炼加以沉淀,一方面能让自己的知识更加牢固,另一方面也可以帮助后来者进行成长。 https://m.douban.com/note/670612979/
13.从字体开始:设计改变的生活与社会(一本古今中外的字体漫游指南)当当网图书频道在线销售正版《从字体开始:设计改变的生活与社会(一本古今中外的字体漫游指南)》,作者:The Type 编著,出版社:广西师范大学出版社。最新《从字体开始:设计改变的生活与社会(一本古今中外的字体漫游指南)》简介、书评、试读、价格、图片等相关信息,http://product.dangdang.com/29495678.html
14.设计干货:中英文字体选择与使用指南今天我们就来聊一聊字体的分类,全文将分为中文字体和英文字体两部分。 (本文所有图片、模板、字体样例均来自Canva可画) 一、中文字体 中文字体主要分为基础字体和设计字体。中文基础字体包括但不限于宋体、黑体、楷体等,而设计字体又分为书法字和设计体。 https://www.digitaling.com/articles/411124.html
15.统一字体的终极指南:提升文档与设计的专业性统一字体的终极指南:提升文档与设计的专业性 教你如何统一改字体的方法 在处理文档、网页设计或图形设计时,统一字体风格是保持专业外观和一致性的关键。本文将介绍几种不同场景下统一字体的方法,包括在文字处理软件、网页代码以及图形设计软件中的操作步骤。https://www.kdocs.cn/article/D30A0236E9.html
16.全方位科普UI设计中的字体使用指南,初学者必备!一般来说,为了保持字体的完整展示,字体设计师都会给字体预留一定的安全距离,设定合适的升部线及降部线距离,让字体展示的更为平衡。这里我标注了一个相应的线稿 所以由此图可以看出,平时我们在设计的时候,可能字体使用的28px,在使用工具量的时候,也确实是28px,但其实字体本身占用的距离是包含了升部及降部区域的,这https://maimai.cn/article/detail?fid=415515823&efid=Wt4VUsZMuJTfZR7rPuE_Tg
17.HTML字体或Web字体完整指南衬线字体由附加到字母线末端的小笔划定义。这些字体被认为是优雅和易读的。 无衬线字体的设计与衬线字体类似,但缺少笔画。它们更简单,更易读。 等宽字体在每个字母之间均匀分布,使它们具有独特的外观。 草书字体(或脚本字体)描绘了正式的手写字母。它们不太清晰,更适合标题或图形设计。 https://www.wbolt.com/html-fonts.html
18.对信息展示字体/图标弹出框等提供适配设计指南昨日,HarmonyOS 官方公布了规范的更新内容,这次更新的设计规范不仅新增了更多应用场景案例,帮助大家高效设计不同类型的业务应用,还通过清晰直观的案例对比图,帮助大家有效避坑。 首先,本次设计规范在“基础要求”章节针对内容、图片、字体、弹出框、屏幕旋转等提供了适配设计指南。 https://www.ithome.com/0/619/709.htm
19.企业VI字体使用规范打造强大品牌形象的指南企业VI字体使用规范:打造强大品牌形象的指南 企业VI(Visual Identity)是企业形象识别系统的缩写,包括企业标志、标志标准色彩、标志标准字体、标志标准比例尺寸等要素。其中,字体是企业VI系统中的重要组成部分,对于企业形象的传播起着至关重要的作用。本文将介绍企业VI字体使用规范,以帮助企业合理、统一地运用字体,提升品牌http://www.86vi.cn/method-details-5183.html
20.非官方的iOS设计指南人人都是产品经理非官方的iOS设计指南 有时候为iOS设计app并不是一件简单的事,但是如果你能找到正确的最新的苹果设备信息,并按照正确的方向,那么为iOS设计app或许会变得简单容易些。 关于这些指南 这些指南描述了如何遵守苹果的iOS 人机交互指南来设计app,而不是讲用自定义控件可以做成什么样的设计,有时候打破规则也很重要。该文档的https://www.woshipm.com/pd/119610.html
21.LOGO设计黄金法则:女性化logo设计指南在字体选择上也要符合女性的气质,女性化字体设计,会更将纤细、窈窕,我找了以下三类字体给大家参考: 1.瘦高字形 字体重心瘦高,感觉平静与柔美,既时尚又性感的女性设计风格,再加上弯曲的线条修饰,似乎更能体现女性的柔美。 2.细黑体 如果说黑体会更男性化,那么细黑体就会体现出刚柔并济的女性气质之美,而且字的整体http://www.szquanli.com/zixun/3666.html
22.打造个性品味:手写风格英文字体推荐与应用指南干货文章字觅运营小觅姐姐通过字觅用户下载字体的数据进行分析得出当今设计领域,手写风格的英文字体正逐渐成为设计师、创作者和品牌的首选。这种独特的字体风格既具有个性化和温暖感,又能为作品增添独特的韵味。本文将为您介绍一些精选的手写风格英文字体,并提供如何应用它们的实用指南,助您打造与众不同的设计风格。 https://www.mfont.com/article-0028c8a0b5cd11ee82b5ada7b8a0072a.html
23.文案字体排版指南手册设计教程来看这份文案字体排版指南手册 文案字数太多无从下手?甲方执迷不悟塞一堆文字?怎样让一坨坨文案在排版上更加高大上?莫慌。@笔戈科技 的 新叶同学基于各种优秀海报,分别从空间、对比、修饰三个方面,循序渐进,总结其文案排版方法和表现形式,最后通过实例演示,聊聊如何把这些排版技巧运用在实际设计中。http://www.333cn.com/shejizixun/201802/43498_139946.html