四个技巧,让字体设计刮起中国风

 原创佳作分享推荐12-07      版权:保留作者信息禁止商业使用

四个技巧,让字体设计刮起中国风


中国风?这个词我们一定不陌生,你是先想到泼墨山水画还是周杰伦?我猜大家先想到后者,我的印象里杰伦的一首《东风破》将“中国风”这个词唱进我们的生活里,之后的音乐、电影、广告、家装、服饰等等都会看到中国风的印记。


而字体设计里面的“中国风”自然不会缺席,除了现在流行的书法类型的表现形式,如何在一笔一画间刮起中国风呢?


首先要说明的是,今天所讲的中国风其实是一种字体设计的表现风格,就像描述字体风格还有现代简约、复古怀旧、卡通可爱等等一样,本次的主题说的再直白一点就是设计中国风的字体有哪些规律和方法!


四个技巧,让字体设计刮起中国风


那到底是么是中国风?我想每个人的理解都会有所不同,但你脑海里首先蹦出来的肯定是“传统”这个词,再来看看百科里怎么释义:“中国风,即中国风格,是建立在中国传统文化的基础上,蕴含大量中国元素并适应全球流行趋势的艺术形式或生活方式“。在字体设计中大家不要去管什么全球流行趋势,你只要能够把中国元素合理的应用到字体中就万事大吉了!


那么问题又来了,中国元素千千万该怎么用到字体设计中?上图中我简单列举了一些中国代表性的传统物件,虽说形式多样,但我们可以找到一个共同的特征:繁。


还记得我之前《字体性格知多少》一文中提到的一点吗?笔画越繁琐呈现出的字体性格就会更加古典传统!你看很多理论点都是有依据的,所以有些小伙伴们千万不要觉得理论无味无用,只顾着埋头设计而不知道为什么要这样做又有何道理!


四个技巧,让字体设计刮起中国风

四个技巧,让字体设计刮起中国风


上图中从上到下的字体笔画和细节都处理的越来越繁琐,最终呈现的视觉效果会越发有中国风的赶脚。如果”繁“是规律,那么具体方法又有哪些呢?下面我总结了四点与大家分享。


特别提示:繁是建立在传统元素的提炼基础上,不是多、不是杂、更不是乱!不要理解跑偏哦。


四个技巧,让字体设计刮起中国风


一、笔画细节修饰


笔画的细节修饰是最能够直观准确的表达字体性格的,就像京剧里面脸谱的色彩图案与角色的性格有密切的关联。我们可以简单理解为做字体的表面文章,那么怎么样的细节修饰才能够体现出中国风呢?


四个技巧,让字体设计刮起中国风


前面我们讲到了中国风一定是建立在传统文化基础之上的,那么我们就一定要结合到传统元素。最常见的莫过于古建筑中的飞檐翘角了,当然还有一些祥云图腾或是回纹等,下面我用这些元素做几个小例方便大家理解。


四个技巧,让字体设计刮起中国风


飞檐翘角是中国古建筑里面极具特色的结构形式,表现出中国建筑的独特韵味,所以用到字体中再合适不过。其多用于笔画中的横笔起笔与收笔之处,像是上图中的文字在横笔和上部的折角做了类似“飞檐翘角”的处理,字体就会表现出浓浓中国风。


四个技巧,让字体设计刮起中国风


字体中的“飞檐翘角”可以有多种形式,上图中的字和上一例最大的不同是笔画用了线段的形式,但同样可以使用“飞檐翘角”的形式,还一点不同的是一些横笔没有做任何处理,这是为何?我们一开始就讲到了,繁可不是多更不是乱,要根据字型掌握好度。


四个技巧,让字体设计刮起中国风


这一组字最大的特征是用到了祥云元素,或许很多同学会说这哪里像了,这里我想很多朋友会有一点误区,在做字体修饰细节或是加一些图形的时候,一定要简练概括并能够和字体有很好的契合,所有的变化都是要服务于字体本身。


四个技巧,让字体设计刮起中国风


二、笔画形变


我们常见的是横平竖直的笔画,如果将笔画做一些形变字体最起码是有别于我们印象中的常规字体,笔画的形变其实也是字体设计中常用的手法之一,但是关键是如何让它变得有中国味道。


四个技巧,让字体设计刮起中国风


传统物件中如瓷器和中式座椅,形态是让人印象深刻的也极具代表性,所以我们可以套用其中的一些基础形态用到字体设计中。


四个技巧,让字体设计刮起中国风


上图中在没有任何笔画修饰的情况下,我们把字体中的竖笔做了简单地形变,由垂直的竖笔做了一定的内收弧度,这是最简单的形变。


四个技巧,让字体设计刮起中国风


这组字的形变就稍稍复杂了一些,然后就是笔画的细节也多了一些断笔和类似”回纹“元素的处理,这种变形除了有中国味道,也多了几分女性化的柔美。此类形变是有规律的,所以大家可以直接用Ai中的效果-变形工具即可快速完成。


四个技巧,让字体设计刮起中国风


上面依然是横平竖直,可到了字体的下端变成近似圆形,结合一些横笔小细节的变化整个字的结构也刻意做高,除了由中国味道品质感也会有所提高,所以这种形变貌似很多小区的标志喜欢这样用。


四个技巧,让字体设计刮起中国风

上图为造字工房作品


上图中就巧妙的结合到了老式家具的样式,让字体变得非常有画面感。传统气器物中还有很多有趣的元素可以用到字体设计当中,大家不妨可以挖掘一下,看看可以创造出哪些有趣的字体设计作品。


四个技巧,让字体设计刮起中国风


三、繁体和篆书的借鉴


如果条件允许大家可以尝试一下繁体字的设计,繁体字笔画本身就相对简体多一些,也会更多一些的年代感;有时候我们可以借鉴的更远一些比如篆书,篆书因为保留着古代象形文字的特征,具有极强的装饰性,我们就是利用这一特点。


四个技巧,让字体设计刮起中国风


特别要讲明的一点是,篆书虽好可不要完全照搬,因为篆书在今天没有多少人能够认得出来,也就是说识别性是有问题的,所以我们借鉴不是完全照搬,也要根据实际合理的调整,首先还是要保证文字的识别性。


四个技巧,让字体设计刮起中国风


先是可以查阅一些古籍,找到你所要设计的文字,或者省事一点直接在网上有篆书在线查询。篆书笔画变化多且多曲线,上图中我保留了篆书的笔画形式,曲线改为直线,这样做可以让字体感不至于年代感过久远。


四个技巧,让字体设计刮起中国风


第二字还是觉得有些复杂,特别是斜向笔画的穿插和其他比划融合性并不如意,所以又进一步做了简化,最后效果如图,其实也还可以继续深入加入细节的刻画。


四个技巧,让字体设计刮起中国风


四、图形结合


纯文字的标志中多加入一些辅助的图形,形式感会更强。图形融入字体一般是有两种方式,一个是字外,就是在字体的外部添加一个辅助的图形,不与字体内部的笔画有太多的关联;再一种是字内,比如说将笔画直接换成某一种图形,这个处理起来自然也要麻烦一些。


四个技巧,让字体设计刮起中国风


园林中的窗、门或是国画中的印章都是图形很好的元素提取方向,这些图形大多是作为字体外部的图形起到一个强调的作用;像是梅兰竹菊、龙凤等等这些比较有代表性的动植物也可以巧妙地结合到字体设计中,下面咱们以窗为元素图形做个示例。


四个技巧,让字体设计刮起中国风


简单列举了一些中式窗的形状,只是看图形就能感受到浓浓中国风,如果现实中看这些窗真的是诗情画意。大家选用窗型的时候尽量选择简明一些的,有一些窗型真的是太复杂了,如果里面再加上复杂的中文字,视觉效果上就会有些杂乱,这一点要注意。


四个技巧,让字体设计刮起中国风


要充分利用图形的特点,并且要让文字的笔画和图形有良好的位置关系和穿插,说的话看似挺简单,其实做起来还是有一定难度的,这需要大家多在草稿纸上涂涂画画,如果说某一种图形和文字就是无法很好地结合,那么建议果断的换种图形,思路或许就会瞬间打开。


好了,今天就分享到此!再次强调一遍以上方法在平时的应用中可以相互协调使用,效果更佳;对于中国风的字体设计方法也不止以上四种,本篇文章希望能够给小伙伴们一些小小的启示,发掘更多方法创造更有意思的字体设计。


四个技巧,让字体设计刮起中国风


最后,来个大感谢!上一篇文章《字体设计的断舍离》几乎获得了小伙伴们的一致好评,在这里再一次谢谢大家的鼓励与支持,我们下回再见!


16

标签:

  • 你的设计有依据吗?详解用户体验设计中的规律与逻辑。
    孔雅轩LineVision
    1508
  • UI设计师遇到的那些弹~弹~弹~弹~框
    货嘀UED
    1302
  • LOST第2期设计师&最具备的能力-定位
    shiatleon
    468
  • “去边界化”设计 以不变应万变—从 iPhone X 适配说起
    CDX创意设计中心
    1297
  • 作者

    刘柏坤

    原文:https://mp.weixin.qq.com/s/sRxXKI_Omqo-sbIHeMeA8g

    全部软件设计师必备软件神器

  • Sketch一键生成自适应按钮及布局Compo
    Sketch一键生成自适应按钮及布局Compo
  • Sketch快速选择保留并移除重复元件Merge Duplicate Symbols
    Sketch快速选择保留并移除重复元件Merge Duplicate Symbols
  • CorelDRAW 2017破解版下载
    CorelDRAW 2017破解版下载
  • 交互动画工具Principle for mac V3.4
    交互动画工具Principle for mac V3.4
  • 百度网盘下载器PanDownload v1.4.7
    百度网盘下载器PanDownload v1.4.7
  • 万兴数据恢复 Wondershare Data Recovery v6.6.0.21 汉化破解版
    万兴数据恢复 Wondershare Data Recovery v6.6.0.21 汉化破解版
  • 微信扫码抢海量福利