AI识字 字体品牌 字体合集 字体资讯

该文章未提交审核, 请编辑完成后提交审核。

该文章未通过审核,感谢您对字由的贡献。

该文章正在审核中,通过后将会自动显示在字说字话页面。

字体设计!关键靠气质!

{{tag.name}}
发布时间{{(article.publish_stamp||article.timeStamp)|time('yyyy.MM.dd')}}评论{{article.comment_count}} 字体{{length(article.fonts)}}

转载自 {{article.sourceName}}


做好字体设计有三条谏言不可忽视,分别为






何为字体的中宫?

古时写字有九宫格,居于中间的一格便作中宫。

以“井”为例,中宫收紧字面必定小,字也显得紧凑有力;中宫扩张字面必定大,字体结构更松却更规整。

 中国传统书法都讲究中宫收紧,因为这样的字显得紧凑而有气势。但是做“铁甲钢拳”这种方方正正的标准美术字要反其道行至,将中宫扩张使字面加大,从而视觉上更规整一些。

 下图以“智”字为例

中宫扩张后的字在九宫格中所占得面积更大更饱满,相对中宫紧凑的字型也更规整。

要点:做标准字形尽量将中宫外扩,使字的外形多占一些面积。






这里所说的技法主要指笔画的连接与省略,因为这种技法必定会使字体的识别性下降,所以要慎用这些技法。

 以“苗”为例,随着字体删减笔画的增加,字体的识别性越来越差,最后完全不认识



笔画间的连接与删减都会影响识别性,再比如一下几组



不可否认经过笔画的连接删减后字体的艺术性提高了,但识别性却打了折扣。特别是在新手期间,这些技法处理不好就会造成识别性与艺术感的双重缺失。这是商业设计的大忌。

 合适的连接与删减笔画能提分,但不合适的连接与删减却能让设计变成负分。这些技法要慎用,如果用的不好还不如不用,因为单纯的笔画细节与结构的处理就能够满足大多数需求。

 合适的技法一定是适度的,像下面的“城”,经过删减处理后艺术性与设计感得到了提高,但识别性还是很强的。



单纯论识别性的话,肯定还是未处理的更强。处理过的则是识别性与设计感的平衡,所以技法慎用,设计有度,不做设计过度却无识别性的字体。



重量一致则是要保证每个字的重量是差不多的。在标准字里,笔画多的字,笔画肯定更细;笔画少的字,笔画必定更粗。



笔画少的一定更粗,如上面的“一”和“三”,三的横画更细,可能有些朋友看不出来,标示一下就明了了。



一的笔画粗细程度要比三重一点,就是这种变化能够让视觉上重量更一致。



再比如这组,同样是全包围的字体,但是“圏”的笔画要比前面笔画少的细很多。如果粗细一致那这个字肯定会臃肿不堪,显得与其他字体极其不协调。



比如秃鹰两个字,因为鹰字横笔较多,为了保证两个字视觉上重量相等而将笔画做的纤细一点。

 所以好的标准字设计一定是重量一致的,在进行设计的时候一定要确保字的重量一致。





这个案例新手觉得做的还可以,但是在做字老手眼里却有诸多问题,为了便于观察我将字体做了拉平,并做了标注。

  1. “钢”里面的“x”太细了,重量与整组字不匹配,也就是上文说的第三点,重量不一致。

  2. 笔画的简化处理不够统一,金子旁与标注2的结构是一样的,但处理方式却不统一。在笔画斜切上也是一样,钢铁二字横画都未做斜切处理,战士二字却做了。

  3. 重心不一致,“占”的重心高了,与其余字不匹配。

  4. 标注4的竖画可倾斜处理占据更多的空间,也就是上文“中宫扩展,笔画外扩”的谏言。

  5. 连接方式太奇怪,正常的“士”横笔应该再低一点。另外要使重量一致,“士”这种笔画少的字应该更粗。

 

知道了问题后一步步改正就可以了,下面是初步改正后的,

调整到此结构已经差不多了,我们在这基础上再加细节与统一风格。

将战士二字与金子旁的斜切做了统一。为了让风格更强烈,将“口”字形的结构四角都做了轻微的切角。



在竖笔顶端加入细节,“士”下面的横切角很怪,这步修改回来。此后再在横画上加入更多细节。

深入,此时字已经成型了,为了让他们更稳一点可以做轻微的压扁处理,如下

到这步字已完成,在此基础上亦可以倾斜处理,表现力量与速度


看到成品后再来看一看过程的gif动画,如下



最后放一张修改前后对比






这个案例看上去有些凌乱,那么问题都出在哪儿呢?


1.中宫应外扩,让笔画占据更大的空间。

2.“X”上下太空了

3.简化形态不一致,缺乏统一性

4.莫名的断开使人觉得莫名其妙

5.省略了一个点,不建议省略

6.竖笔倾斜处理会更好。

7.笔画少的字应更粗。

 

知道了问题所在,接下来也是一步步修改的过程了,修改的过程都差不多,我就不详细说明了,大家看图就能懂。

画个矩形规定字的高度,然后在根据上面的7点修改就可以了


接下来再看一下GIF过程



最后放一张修改前后的对比图







在标准字细化上有三条谏言相告,分别是





统一变化就是让每个字的笔画变化、重量、字形气质等保持统一,也就是同一组字的风格统一性。



首先在字形方面要保持统一,如上图第一组字用了圆体与宋黑两种字形,则字形的统一性就被打破了。



其次,字体风格与气质也要保持统一,上图第一组字“变”是偏向女性气质的字体,而“化”棱角分明,非常刚硬,这也是不可取的。



再然后字体的重量也要保持一致,若字体的重量不一致会使一组字稍显凌乱,并且比较突兀。



最后笔画特征也应该保持一致,这个案例中左图二字的风格、气质都差不多,重量也相等,但是笔画的特征却不同,“变”笔画末端为圆角,“化”笔画末端为方角,这种细节的不统一也使字显得有些不搭调。




笔画塑造实际上是在标准字基本成型后做的步骤,简而言之就是通过不断给笔画加细节使字体更丰富和个性。



以横画为例,标准字的横画就是一个矩形,没有什么变化,那么通过我们塑造可以让他们更具有个性。上图中我演示了四种横笔的塑造形态,每种形态带来的气质都是不同的。



再拿撇笔画举例子,我也做了四种塑造形态。可以看到塑造前的标准字撇生硬且缺乏个性,塑造后的笔画更生动特别,能够表现不同的气质与主题。

笔画的塑造其实也是给字体定一个规则,比如一组字中用一种撇的形式,一种横的处理方式。其实这又回到了第一条谏言:保持字体特征的统一性。





上文说了那么多,那么这个笔画塑造有什么限制或规则嘛?好吧,我可以不负责任的告诉你们,有的!

 塑造的笔画形态等都是要根据字体主题的调性来,如果是一个比较刚硬的主题,那么在笔画形态塑造上就不能太圆润,比如“钢铁战士”这组字,如果做成下图这种有弧线并且圆润的,虽然结构没啥问题,但是跟主题气质是相悖的,不符合调性。



不能说这种笔画处理的形式不好,只能说这种笔画的塑造不适合表现“钢铁战士”的感觉,完全没有钢铁应用的力量感与硬朗感。

  相比之下下面这个硬朗的笔画塑造方式就比较合适。



方正切角的笔画塑造把“钢铁战士”的硬朗感体现了出来。



所以体现“钢铁战士”的气质肯定是下面这组比较合适。因此塑造笔画要根据字体主题的气质来,做的时候先进行分析,找准气质,否则做出来也是不贴切主题的。





为了方便大家练习上篇字体文章进行学习,本案例依然采用借用字库字结构的方式进行设计。



首先打出方正兰亭字体,并用路径勾出字体的骨骼结构。



骨骼结构出来后可以调整粗细程度,使之更清晰



到了这里字体感觉太平常了,没有什么突破在里面,所以我们可以调整字体结构,使之更有个性,如下



“夜”和“亡”的顶部的点都变为竖直状,“夜”的单人旁做了小小的改变,“灵”上部分的中间一横做延长处理,到这里字体结构处理的已差不多,接下来进入塑造笔画的环节。

 在塑造笔画之前我们应分析这组字的气质性格,然后塑造合适的笔画,那么“黑夜亡灵”能让我们想起什么呢?下图这些关键词肯定包含其中



我们利用关键词去搜索素材,找到的基本上都是哥特字形或者洒脱随性的手写字形



那么我们这个案例就以哥特为主,但是要打造一个与传统哥特体不同的感觉,基于此来塑造笔画,下面是我初步塑造好的



初步塑造好的笔画包括横竖撇捺及点等常用的笔画。



塑造好笔画之后,我们将笔画替换掉已做好的字体结构中就可以了,下图是完全替换掉的



基本的字体已将搭建完成了,但是还是缺少变化,另外结构也不是太谨慎。



为了让字更有变化,更灵动,横画我又做了两种变化,这三种变化可以组合使用,单人旁也变成了一个整体。



将横画与单人旁替换掉,现在字体更加灵动了。



在上一组的基础上再精调一下结构,使之更严谨一些,那么这组字就差不多完成了。当然,我们也可以加上辅助图形进行变化,使之更生动。



也可以加入材质及纹理的变化,如下



那么这个案例就完成了,最后来看一下GIF过程







这个是前不久一位同学提交到我邮箱里的练习,这个作品对气质把握上是正确的,纤细的字体及圆润的笔画很符合“温柔女人”的风格,但细节处理上不好,问题处在哪儿呢?



这种排列方式不太平衡,另外笔画处理的不干净,转折处黑度太大。找到问题后改正就会好很多,下图是修改后的



修改了连接方式及字面结构,使之看起来稍微均衡一些,但“温”相对后面三个字来讲字面还是小了很多,所以要扩大“温”的字面



扩大“温”字面后均衡了很多,最后看一下这个案例的GIF过程





接下来看最后一个案例



这是第四期周练时一个同学的作业,看着这三个字相当奇怪,为什么呢?



因为首先字的结构不对,字体设计上很大一部分看着奇怪的原因都是因为结构没把握好。另外字的笔画不规律,太厚重而没有美感。

 修改过程如下,



勾出字体的骨骼结构



加粗到适当粗细后,调整一下字体结构,感觉差不多之后再详细调整



将笔画进行切割处理,使之更简洁



再次调整字体结构使之更均衡。



细调结构,“侠”最后一笔做切开处理



最后在标准结构的基础上塑造笔画,这里用的是横竖笔画末端加上衬线体的特征。这样一来这组字就完成了,最后看一下GIF过程图



版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}

相关字体

文章评论

评论
{{item.user.name}} {{item.timestamp|time}}
{{item.content}}
{{item.reply.user.name}}: {{item.reply.content}}
回复
回复

还没有人留言

查看更多 >

字体地图