Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

$
0
0

把文字与文字之间的部分笔画连接起来,是字体设计中很常用的一个技巧,使用得当可以增加字体的设计感、整体感和美感,在标题设计中最常用到。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

不过新手在使用这个技巧时,很容易出现设计的字体太俗气、不好看等问题,葱爷也有过这样的经历,所以花过一些时间来琢磨这个问题,以下就是我概括的7个做连笔字设计需要注意的地方。

字体本身要做设计

很多人喜欢直接在字库字体的基础上做连笔,这样的效果通常都不会太好,因为字库字体就不是为了连笔而设计的,所以文字的笔画、字形和风格都不一定适合做连笔,下面两组字就很明显是直接在字库字体上做的连笔。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

正确的做法是要自己设计字体,并在字体设计之初就要把如何做笔画连接考虑进来,为了省时也可以对字库字体进行比较大的改动,以下两组字体设计就要好很多。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

字体本身要美观

笔画连接只是一个锦上添花的技巧,整体的效果好不好关键还在于每个文字本身是否够美观,很多字体虽然也是设计师自己设计的,但因为不好看,做成连笔字的效果肯定也不会好,下面两组字的字形就不怎么好看。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

所以,如果你看到自己做的连笔字不好看,那先看看自己设计的文字是不是有问题,比如没细节、没特色、变化太少、高宽比不合适等,下面两件作品就好很多。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

避免太过牵强的连笔

强行连笔最为致命,不是所有文字组合都适合做连笔,也不是任意两个文字之间都可以做连笔,比如下图的“大”字与“牌”字的连笔就有点牵强,不美观。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

下图“使”字与“命”字的连笔更是离谱。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

在做字体设计时,我们可以先用字库字体将要设计的文字打出来,然后观察它们之间有哪些文字、哪些笔画有连笔的可能,然后画草图进行尝试,看其效果如何。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

笔画连接要有节制

还有一些字体设计之所以不好看,主要是连笔做太多了,字内也连,字外也连,设计师恨不得把能做连笔的笔画都连起来,这么做的后果就是导致文字很乱,而且识别性会降低。比如下图,字体本身就设计得太过了,再加上一堆的连笔,使得这组字很不好看。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

所以,做连笔要适可而止,通常来说一个字与另一个字只做一处连笔就够了,你可以选择效果最好的一处做连笔处理。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

下图中的两个字其实有很多地方可以做连笔,但是为了维持其优雅、简单的调性,设计师很克制,只在最下面做了一处连笔,效果非常好。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

连笔的直线笔画不要过长

汉字讲究横平竖直,横线或竖线几乎是每个文字中都会有的笔画,那么横排的文字其横笔画,以及竖排文字的竖笔画自然是很容易连起来的。但是好连归好连,如果把这些直线笔画连的过长,容易给人一种很呆板、缺少变化的感觉,效果也不大好。下面两组字都有这个问题。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

所以,直线笔画的连笔最好别超过两个字的宽度或者高度,有时候设计师需要有意把过长直线连笔的某处断开。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

情理之中,意料之外

意思是做连笔字也要连得巧妙一点,那些非常直观、看似很容易做连笔的笔画,连起来的效果不一定好,一是因为太常规,很多字体设计作品已经这么做过了;二是缺少变化。下面这两件作品的连笔都太过直白、简单。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

所以,我们要多观察、多尝试,移动或倾斜一下文字、换一种字体风格、调整个别字号的大小,或许你就会发现,不同文字的某些笔画正在发生化学反应。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

细节要到位

文字在世界上算是个比较简单的图形,而越简单的东西,细节就越重要,因为任何小问题都会对字体效果有比较大的影响,例如线条不流畅、线条走势不美观、各文字的重心不统一、该统一的笔画没统一、文字不紧凑等等。下图的弯钩笔画就很不好看,“你”字的竖笔画也很奇怪。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

下图“典”字的字面明显比其他字要大,其左下角的“点”笔画离“学”字太近,“学”字上面的三点水也处理得很不好看。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

所以在做字体设计时一定要精益求精,后期添加的连笔笔画要与文字完美融合,要多把设计好的作品与同类的优秀作品进行对比,看自己有哪些细节时做的还不够。以下这两组字的细节就做得很棒。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

接下来,葱爷来演示一下如何用连笔技巧设计“年少有为”这四个字。

实例演练

首先,我们来分析一下“年少有为”这个词,以确定字体设计的风格,我感觉它应该是有文化、有内涵的,用宋体字比较适合,但由于是形容年轻人的词,所以应该有个性一点、张扬一点。

用一个常规宋体字在电脑上把这个成语打出来,观察它可以怎么做连笔字,感觉下图圆圈圈出的地方可以做文章,但从图中可以看出,如果在此基础上做连笔,那么“少”字左右的两个点都会拉得很长,想必不会好看。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

所以我们可以试试把文字做垂直倾斜处理,倾斜后的的效果确实更好,看起来更年轻,如果再把“年”字上移一点,还可以解决用“少”字做连笔,左右两个点会过长的问题。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

接下来先画个草图感受一下,为了使字体更现代、更有个性,我去掉了横笔画的装饰部分,但保留了竖、撇、提、捺笔画的装饰部分,而且把装饰部分比例加大了,文字中的曲线笔画也改成了直线。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

连笔部分把“年”字与“少”字的撇笔画连起来;把“有”字的笔画与“少”字的捺笔画相连,并巧妙地把前者与“少”字的提笔画形成一条直线,居中斜线正好将这四个字一分为二。整体效果还行,接下来我们回到电脑上操作。

用矩形工具和钢笔工具,按照草图上的效果把字体描摹出来,描摹时要统一其横笔画和竖笔画的粗细,以及文字的倾斜角度。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

“有”字和“为”字的效果不大好,我决定将它们常规处理,使这四个字大体上保持斜对齐,只保留“年”的撇笔画和“少”的提笔画有所超出。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

调整后的效果确实会好一些,不过目前四个字的字面大小明显不统一,所以我们需要用辅助线规范一下。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

调整一些细节。感觉“年”字和“少”字下面的空白太大了一点,所以我把“少”字的提笔画缩回来的一些,还有“少”字左边的点感觉小了一点,与“年”字连起来不是太自然,所以我把它拉大了一点。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

字体设计做得差不多了,最后一步,我把“年少有为”的英文翻译放到文字下面做来装饰,中文属于宋体,所以英文也用衬线体更合适。由于“年”字最下面的横笔画在左边有所超出,为了保持平衡,我把英文也向右边拉出来了一些,到这里,这组连笔字就做完了。

连笔字设计怎么做不显得俗气?我概括出这7个技巧!

结语

无论我们如何设计字体,目的都是为了得到一个更好的效果,所以使用技巧时一定要克制,不要为了连笔而做连笔,如果技巧用不好,还不如不用技巧。

[link https://www.uisdc.com/font-design-harmony]

欢迎关注作者的微信公众号:「葱爷」

连笔字设计怎么做不显得俗气?我概括出这7个技巧!


Viewing all articles
Browse latest Browse all 241

Trending Articles