最新公告
  • 欢迎您光临260素材网,本站秉承服务宗旨 履行“站长”责任,搬运只是起点 服务永无止境!本站设计素材资源持续更新中...
  • 【字体设计教程】连笔字设计怎么做不显得俗气?

    阅前叨逼叨:连笔字是标题设计的最爱。

     

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图

    不过新手在使用这个技巧时,很容易出现设计的字体太俗气、不好看等问题,葱爷也有过这样的话经历,所以花过一些时间来琢磨这个问题,以下就是我概括的7个做连笔字设计需要注意的地方。
     
     
    01.
    字体本身要做设计
     
    很多人喜欢直接在字库字体的基础上做连笔,这样的效果通常都不会太好,因为字库字体就不是为了连笔而设计的,所以文字的笔画、字形和风格都不一定适合做连笔,下面两组字就很明显是直接在字库字体上做的连笔。
     

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(1)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(2)
    正确的做法是要自己设计字体,并在字体设计之初就要把如何做笔画连接考虑进来,为了省时也可以对字库字体进行比较大的改动,以下两组字体设计就要好很多。

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(3)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(4)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(5)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(6)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(7)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(8)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(9)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(10)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(11)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(12)

    04.
    笔画连接要有节制
     
    还有一些字体设计之所以不好看,主要是连笔做太多了,字内也连,字外也连,设计师恨不得把能做连笔的笔画都连起来,这么做的后果就是导致文字很乱,而且识别性会降低。比如下图,字体本身就设计得太过了,再加上一堆的连笔,使得这组字很不好看。
     
    【字体设计教程】连笔字设计怎么做不显得俗气?插图(13)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(14)

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

     

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(15)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(16)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(17)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(18)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(19)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(20)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(21)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(22)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(23)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(24)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(25)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(26)

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(27)

    接下来,葱爷来演示一下如何用连笔技巧设计“年少有为”这四个字。
     
     
    实例演练
     
    1.首先,我们来分析一下“年少有为”这个词,以确定字体设计的风格,我感觉它应该是有文化、有内涵的,用宋体字比较适合,但由于是形容年轻人的词,所以应该有个性一点、张扬一点。

    2.用一个常规宋体字在电脑上把这个成语打出来,观察它可以怎么做连笔字,感觉下图圆圈圈出的地方可以做文章,但从图中可以看出,如果在此基础上做连笔,那么“少”字左右的两个点都会拉得很长,想必不会好看。
    【字体设计教程】连笔字设计怎么做不显得俗气?插图(28)
    所以我们可以试试把文字做垂直倾斜处理,倾斜后的的效果确实更好,看起来更年轻,如果再把“年”字上移一点,还可以解决用“少”字做连笔,左右两个点会过长的问题。

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(29)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(30)

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

     

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(31)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(32)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(33)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(34)

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

    【字体设计教程】连笔字设计怎么做不显得俗气?插图(35)

    无论我们如何设计字体,目的都是为了得到一个更好的效果,所以使用技巧时一定要克制,不要为了连笔而做连笔,如果技巧用不好,还不如不用技巧。
    1. 本站所有设计素材图片资源均来源于用户上传和网络搬运,仅供学习和参考!如有侵权请邮件联系客服删除!( 243124051@qq.com )
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的设计素材资源或教程,您可以投稿发布,成功分享后有云币奖励和额外收入!
    260素材网 » 【字体设计教程】连笔字设计怎么做不显得俗气?

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
    提示链接失效或打开及付款不跳转怎么办?
    1、支付成功后请等待10秒左右 会自动跳转提示下载,如没有跳转 请及时联系客服处理
    2、如果提示链接失效或打不开——可在对应资源底部留言 或 联系客服
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,PS ,AI ,XD ,Sketch,CDR等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    260素材网,加入会员即送会员
    一个专业的素材搬运平台!现在开通年会以上会员即送(千图、千库、包图、摄图、觅元素、六图网、氢元素、我图网、90设计、办图网、熊猫办公、千ku视听、办公资源网等13网会员)

    发表评论

    • 257会员总数(位)
    • 1513资源总数(个)
    • 68本周发布(个)
    • 5 今日发布(个)
    • 70稳定运行(天)

    这里为你提供最优质的设计素材教程及资源下载

    加入VIP享全站素材免费下载

    加入VIP
    升级SVIP尊享更多特权立即升级