赞助商
立即赞助

超简单的字体设计套路,用过都说好!

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

相信家都碰到过这样的况:时候总感觉使用普通的字库字体表力不够,完全行字体设计又时。实这时候,我们全可采取一些相对简单又容易效果的方法,而笔画置换法就是中一种。使这种手法,我们可通过现成的字库字体来成创作。即没有成熟的字体设计技,仍然具备很强的可操作性。

超简单的字体设计套路,用过都说好!

今天,要给大介绍的笔画置换思路分为种,分别是借西字体、日假名及汉字书法来进行置换。当然,从本质上来说,它们都是在进行同字体的拼接。面,我们先来讲西字体替换的分。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

首先来简一下行业大家是如何去做的。比如在这个作品中,就用了多种西文字体来进行替换,来达一个多种对比效果。其中,字母「m」「J」「R」使用了常规的衬线体,字母「S」使用了粗衬线体,这的「S」是经过镜像翻的,另外还有字母「W」使用了无衬线体。而汉字的部则统一是宋体。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

不难看出,如大家使用宋体为基底来进与西文体换,西文体选择范围是比较广泛,可以是衬线体、意大利体、粗衬线体、或是衬线体等。这其实与我们做版设计时进体搭配思路是样。那么根据这样断,我们不难想象,于以黑体为基底来说,样也可以搭配这几相应西文体类型。

超简单的字体设计套路,用过都说好!

至于究竟选择哪,看我们具体想呈现出怎样视觉印象。并从制作难度度来考虑话,体比越大,定是越难把握。

超简单的字体设计套路,用过都说好!

所以从最简单和容易出效度出发,我们更荐大家这四搭配,分是宋体与衬线体,宋体与意大利体,黑体与粗衬线体,以及黑体与衬线体。

超简单的字体设计套路,用过都说好!

而再回过头来看这些作品,这回我们不看体搭配,转而观察西文体在换时出现频。

可以,基本上同一个汉字,最多只会置换一次完整的西文字,这既能保持良好的识别度,也不会有高的制作难度。

超简单的字体设计套路,用过都说好!

当然,如果能力足够,也是可以同使用多个字符来进行置换,但是这无疑已经超过今要探讨的范围了。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

下我们也来应用下这个法制作个简单案例。大家也可以找来个合适文案进自我练习,比如这里我选择使用「梦幻岛」这三个。

首先要过的第一关当然是汉字字体的选择了,毕竟西文字体也是根据汉字的字体类型来搭配选择的。对于梦幻岛这三个字,显然宋体字会更加足对「梦幻」二字的想象。

超简单的字体设计套路,用过都说好!

当然,如果再益求一些,还需要进而选择一款更加贴切的宋体,比如这第一款,边边角角过于简洁,直来直去,并不够梦幻;而第二款笔画虽然足够圆润,但是结构过紧缩,古典味显,也不在考虑范围内;第三款宋体不仅结构足够开阔,横竖笔画对比显、转角还有圆角的理,整体更有一种若即若离的梦幻。所以这选择使用第三款宋体。

超简单的字体设计套路,用过都说好!

选好字体以后,就可以逐一对字「做术」了,需要找汉字中可以被替换成英文的部,并完成替换。

比在里「梦」字上方的两个木字形部件中,我们以找到近似大写英文字母「T」的部分,时就以直接把「T」拿来尝试替换。但是把 T 放大到合适的粗细时,整就太大,时我们只需要对字母进行一个笔画长短上的整即。

超简单的字体设计套路,用过都说好!

二个「幻」字,最明显又容易改动的地方当属右边横折钩。里竖钩的造型一下就能让我们联想到英文字母中的「J」,因为刚才我们已经使用大写字母来为替换,所以出统一的考虑,我们依旧使用大写的「J」来替换。以看到,替换之整依显得分和谐,甚至果让一个不太懂宋构成的朋来看,估计挺难现其中的奥妙。

超简单的字体设计套路,用过都说好!

接着,我们来看最一个「岛」字,繁的「岛」字整个上半部分由大量的横竖画组成,并且一感强,想要对部分动手还需要加斟酌,所以下半部分的字才是我们的一目标。

在大写字母中,恰好有字母「E」与汉字的「山」在字形上有呼应,只需要将「E」逆时针旋转九十就可做到。

直接将「E」替换掉原本的部件,当然这里面我们还需之的「梦」字那里一样,去简单调整一下「E」字的比例关系,让它能够被安这样一小的空间里。

超简单的字体设计套路,用过都说好!

这就我们短时间内修改好的三字,这一次的试整体加保守一些,虽然对汉字的结构到了尽可能的保留满足辨识度,但整体太过呆板,缺乏了一些中合璧所应具备的亮眼之处。所以我们可以选择重再一遍,看看好的处理思。

超简单的字体设计套路,用过都说好!

这一次我们可以试对下面的夕字行替换,从整体看,能与夕字外形扯关系的只意利体中的写 A 了。

然而我们尝试替换以后,不难发现,虽然识度勉强过去,是更强烈感觉是替换太过僵硬,上下统感有所欠缺。除我们是自己有意想造这感觉,不然显很应付。

超简单的字体设计套路,用过都说好!

并本身意大利体标准模该是小写才,所以我们这里接把选择范围再缩小,这替换我们是用小写意大利体。而在这样范围下,能和「夕」扯上关系母完全没有了。

所以减少需要被替换的范围,去掉中间的一点,只保留一个外框,可以在脑海中复现一下外框的笔顺,加上外框的造型,容易让想写大利体的「n」。

替换,以现不仅不影响字形的正常识别,并且意大自身的手写感也充满一种微妙的感,非常容易衬托出字义的氛围。当,我们还需要继续对「n」进行一个粗细上的整,让它更加融整个字形之中。

超简单的字体设计套路,用过都说好!

接着来看「幻」字,置换的部分次我们依选择竖钩的部分,而所替换的字母还是选择「j」,毕竟没有比俩兄弟更适合互相转化的组合。不因为意大身就具备倾斜的属,所以在拼接的时没有办法放在一个最满意的位置,比右上角的地方难免有超出原的字面大小。着只做微的出点,里我们就不对「j」进行倾斜角度上的整,而是适当延长原汉字上面的一横,让他们相而成为一个整。拼的字虽易辨识,但是难免有小问题,个我们之统一决。

超简单的字体设计套路,用过都说好!

最一个岛字,依替换下面的字部件,不一次我们不能使用大写的 E 来完成拼接。往依次查找,以看到小写的 m 似乎是一个行的替换方案。不,m 的开口朝向和字完相反,里我们选择把字母旋转 180 度来让 m 的开口朝向变为上方。不,m 的开口朝向和字完相反,里我们选择把字母旋转 180 度来让 m 的开口朝向变为上方。适当整文字,让它看来和字部件差不大小即。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

另外还可以使用字母「w」来替换,过程和「m」相似,不再赘述。直对比种方案,显然是「w」的方案更胜一筹,左边「m」因为经过旋转,整体的书写流畅度起来差了许多,并且本旋转前的起笔「岛」的勾画相冲突,只能避让开,而右边「w」方案就不会有这的问题出现。所以选择后者。

超简单的字体设计套路,用过都说好!

现在把三个字放在一起观察,不难出本字起来还可以的造型,当它组在一起后,就显得有些歪歪扭扭了,并且负空间也有一些问题不好解决。如果大家不备字体计的能力,去过调整笔画就不是一个可行的路数,应该怎呢?

超简单的字体设计套路,用过都说好!

既然西文部选用了大利体,那汉字部也可以选择倾斜一定的角度来形成一致的动势,这不但是字本身,字字之间也显得更加统一和谐。

样我们的西文字置换汉字笔画的小案例就大致完成。

超简单的字体设计套路,用过都说好!

最以上一定的文字与装饰元素,进一步烘托氛围。总的来说样的方法还是考察大家的观察能力与联想能力,执行来并不具备很高的难度,只需要基的软件操就能完成,并且能在短时间内完成且具备不错的效果,价比极高。

超简单的字体设计套路,用过都说好!

二部分我们尝试将文假名与汉字相结合。接下来,我们将把从构思到执行、从遇到问题到修改问题的整个程完整呈现给大家。

超简单的字体设计套路,用过都说好!

我们先来对比一下,文和中文有哪相同点和不同之处。首先,我们现,在文里面是存在汉字的,虽它们的写法和我们的简字不太一样,但我们也能很直观的认出它们。

次,日中除了汉字之外还存在假名。就是我们画面里现在标注着蓝色的分。它们才是日中最有代表性的符号,是我们区别日和中的最直观的手。

简单对比日文中文之间的差异后,我们就需思考,应该如何将汉字与假巧妙结合一起。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

我们大致上有两个方向可择,首先就是中日互译,使具有相同含义的汉字和假名相互结合。

超简单的字体设计套路,用过都说好!

如果你择了这条道路,那么恭你了,开基本上就进入了「地狱模式」。由于这种设计形式对容本身有苛刻的要求,并见。我们现在看到的这个案例,实只是把一句话中的汉字和假名分做了一个结合。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

所以,二个方向在样的衬托下,就显得难度没有么高。我们以任意选择词组,搭整个假名列表。在选择增的同时,也让组合的难度降低很。

超简单的字体设计套路,用过都说好!

接下来,我们一来看看方向二能够给我带来什么样的视效果。为以汉字为母语的我们来说,其对它身的样貌早就司空见惯对吧?所以,当假名的笔画混其中的时,就带来一种既熟悉又陌生的特。在现的难度上也不太高。

超简单的字体设计套路,用过都说好!

我们道,常用的中文字体可以被成宋体和黑体这大类别。

而相对中文的宋和黑,在文中,也分别对应有明朝和哥特。果说结构被替换的部分是一种写法上的对比,么抵消种不和谐的有效办法,就是选择风相近的文字造形。

超简单的字体设计套路,用过都说好!

果感到费,大家不妨试着思考一下:不同风和造型的帽子,是不是也对应的不同的适用场呢?

就像我们现在看到的画面一样,我们可把帽子想象成是同字体的。

如果一顶造形风格鲜明的帽子,出了错误的场景,就会变的很不合。同样的道理,字型其承载的信息就这样的关系。

超简单的字体设计套路,用过都说好!

那么根据结合汉字假的这样的需求,我们不妨选择「鉴真东渡」这主题行演示。知道这时,日本全面学习中华文化的时候,这样的内与技法本身也具备很强的联系性。

超简单的字体设计套路,用过都说好!

这样具备历史感文化感的主题,当然首选宋体去行创作了。不过,我们看画面中的这三种宋体类型,他们仍然会传达出不一样的视觉感受。

超简单的字体设计套路,用过都说好!

了加贴合信息本身的感属性,我们可以选择下方这款中宫收紧、笔画明显书法特征的传统型宋体。

那么部分到这里,基本选好了,接下来我们看看日文假名部分。

超简单的字体设计套路,用过都说好!

在选择日文假名时候,我们会遇到个小问题,其实很多文库是内有假名。那么有些学可能会觉,使用库符,统性该是最好才吧?

答案是否定的,或者说不能一概而论。许多中文字库内建的假名其实品质并不算上乘,所以通常不建议大家直使用中文字库中内建的假名,选择适的日文字库也是必要的。

超简单的字体设计套路,用过都说好!

而在假名的列表中可以发现,其实有个字符本身就汉字中的一些基础笔画极为相似。没准可以从这入,开始进行组。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

首先,我们把划部分全都替换成假名样。紧接着是所有有顿地,接下来是所有带有「撇」部分。到这里,我们可以稍作顿来思考下,似乎有哪里不。现在版本是不是没有日文特征了?好像完全变成了楷体样。那么,我们又要怎样去体现假名视觉印象呢?

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

我们知道,日文中的假部分其实从汉字的草书演变的,那么基于这规则,我们可以从草书的写法这点切入。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

我们妨先多多查看这几个汉字的行草写法,在脑海里有形成一个基础的印象,然后我们就可根据写法寻对应的假名结构,逐步成拼接。

超简单的字体设计套路,用过都说好!

尝试的过程可大会觉得较枯燥,过只有断地尝试、细节的积累,才很好成最初的想法。很多设计,并非是表面看上那么简单。我们知道在它们背后都经过了怎样的思考和时间。扯远了,我们继续往走。

超简单的字体设计套路,用过都说好!

当我们把件全替换为假名后,会发现这样的问题:既然是汉字结合假名,那么汉字的分应该有体现,我们现在的样式全是假名在拼汉字了。接来就是精简的环节。

超简单的字体设计套路,用过都说好!

精简的过程同样需要需要断地尝试,如在这里可有些字假名的例更大,而有些字的汉字分更凸显。我们需要个字彼此之间的视觉强保持一致。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

现在,基上所有字的替换比例就已经决,不革命尚未成功,我们接下来还有其他的优化步骤。

先来分析一问题,我们可最直观的看一些问题,如替换结构后,假名分的笔画因为缩放的系,变得粗细均,这和原本的汉字分产生了割裂感。而另一方面,是因为假名的入,原本汉字的间架结构现了问题,这是后续需要重点优的地方。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

首先我们来决笔画之间灰度不均的问题,像要决个情况,最简单的办法,就是整他们的字重(字笔画粗细)大小,也是选择原生文字的一个处,它们通常字家族富。

我们需要凭借自己的视觉感受权衡每个分的粗细,这里切忌几何上的全一致,毕竟眼睛看事物是有错觉存在的。

笔画粗细统一之后,我们看这组文字,不比之谐了呢?当然,问题依然存,我们还可以继续优化下去。

超简单的字体设计套路,用过都说好!

仍然存的问题:文字之间的中宫结构,些很外,些又比较收紧。这就导致整体的风格看起很不统一。特别「鉴」字的部分。

超简单的字体设计套路,用过都说好!

另外还「真」字的左侧,负空间些太,下方假部分的重也会向右倾倒的趋势,这些都需调整的方。

超简单的字体设计套路,用过都说好!

紧接「东」字的部分,可以很易看到下方的留白分布很不均衡,另外,相对于下方的结构,顶部的这笔画也需出调整的。

超简单的字体设计套路,用过都说好!

后,「渡」字的毛病其实也不少,体的视觉中就显得参差不齐,另外,下方「又」字的一撇也些过于显眼了,需一的弱化处理。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

接着我们就需要针对逐个问题进行修改。这里我们这个绿色的线框表示修改前的样式,黑色的字代表修改后。经过结构上的调整,我们对绿线和黑色的分,可看到调整后的字结构明显要更稳定一些。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

大家注意看整的样子,现我修改哪地方?首先假名的部分被继续整到一个相对舒适的部位,另外呢,为让整看来更有标题的感受,我们把横笔的部分减少一半,样文字的比例感就显得更观。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

那么最后,我们来看下完型展示吧!

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

汉字中常见的结构就左右结构下结构。那我们替换笔画的第一方法,就直接去替换字的偏旁部首。

超简单的字体设计套路,用过都说好!

比如这字,我们可以直接替换整马字旁,但替换的时候注意,我们也去参考原笔画的结构比例,比如这里的马字旁就显得些了,整字的结构比例失衡之后就会被人看两字。

超简单的字体设计套路,用过都说好!

所以的时候可以把原字体的笔画透明度调低,方便我们参考对照。替换一小一些的马字旁,然后我们可以去参考书法字的结构笔画之间的关系行微调。

超简单的字体设计套路,用过都说好!

除了黑体搭配书法笔画,我们也可以用宋体搭配书法笔画,同样我们可以参考书法字中的结构趋势去微调。

可以用楷体搭配书法笔画,然上下结构也是样。

超简单的字体设计套路,用过都说好!

除了替换个部件,我们可以去替换单独笔画。我们在操作时候可以尝试去替换这里比较要笔画,比如说这个松,松最要我觉是旁竖笔。为松树最有魅力地是它拔树干了,所以我们替换这笔,更容易做出图形感。

超简单的字体设计套路,用过都说好!

在笔画少时候,可以选择替换比较稳定笔画。如想要更加收敛感觉,我们也可以去替换些不那么要笔画。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

刚才说的都是独的字,那多个字该怎替换呢?可以按照之前的规律来一下。这可以选择替换这个笔画比较容易出效果的部件或笔画。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

换后我们可以感觉到,体灰度不匀称,笔画看起来显也是比较乱,这是为什么呢?为黑体搭配书法笔画统性要求更高,在多情况下比更加难以处理。

超简单的字体设计套路,用过都说好!

超简单的字体设计套路,用过都说好!

那我们可以换一思,用一款圆润的宋体去搭配书法笔画。替换的时候需多加注意笔画灰度匀称。宋体本身具备笔画粗细对比的字体,所以我们替换宋体笔画时只注意好书法笔画的轻重与原笔画基本一致,就不易出错。

超简单的字体设计套路,用过都说好!

以就今天的全部内了。相信家已充分感受到「笔画置换」简单、高效的魅力所了,那么家不妨也空暇时间,亲手试验一下,千万别让眼睛会了,手却。任何问题家都可以文章下方留言,如果本次分享对家用,也不妨点一赞让多人看到。好啦,我们下次再见,拜拜!

欢迎关注研习设微信公众号:「Yanxishe2017」

超简单的字体设计套路,用过都说好!

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

相关文章

@刘柏坤KUN :为什么人人都爱宋体字?是什么样的魔力让宋体字集万千宠爱于一身?本期将为大家探秘宋体字,和以往文章一样,还...
中文字体设计
在设计学习中,多了解相关的历史,可以让我们在了解旧事旧物的同时,还能得到新的感悟,从而为大家的综合能力添砖加瓦。为此...
字体设计
本文将介绍品牌与字体的关系、介绍西文字体的设计流程和方法、讨论字体的版权。  我把品牌看做魔鬼或神灵,诞生于虚无之中...
品牌微观
不知道大家有没有遇到过使用商用字体被举报的情况,我身边有一个做自媒体的朋友,做图时不慎使用了一款商用字体,被有心人举...
中文字体
数字是金服业务中最为重要的设计要素之一,这是因为在金服业务中,有大量的诸如电商、支付、财富管理等场景需要数字来直接表...
功能设计
阿里巴巴_B2B_UED – 于奇:专注于做好一件小事,哪怕是做不好也用心去做,小到搭建一个精美的网格系统,做好一个字体的拐角……...
中文字体设计
@汉仪字库 :今天这组书法名家的字体打包,几乎都是大咖,设计师作品包括张艺谋《影》、陈可辛《武侠》、《暴雨将至》、《大...
中文字体
未来荧黑是一个基于思源黑体、Fira Sans和Raleway的开源字体项目,支持简体中文、繁体中文与日文。 思源黑体的7种字重被扩...
中文字体下载