想做出中国风的字体设计?我总结了4个规律! - 优设网 - UISDC

想做出中国风的字体设计?我总结了4个规律!

2017/12/08 14594评论区

@刘柏坤KUN :中国风?这个词我们一定不陌生,你是先想到泼墨山水画还是周杰伦?我猜大家先想到后者,我的印象里杰伦的一首《东风破》将「中国风」这个词唱进我们的生活里,之后的音乐、电影、广告、家装、服饰等等都会看到中国风的印记。但你知道设计中国风的字体有哪些规律和方法吗?

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

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

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

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

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

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

一. 笔画细节修饰

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

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

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

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

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

二. 笔画形变

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

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

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

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

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

△ 造字工房作品

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

三. 繁体和篆书的借鉴

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

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

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

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

四. 图形结合

纯文字的标志中多加入一些辅助的图形,形式感会更强。

图形融入字体一般有两种方式:

  • 字外,就是在字体的外部添加一个辅助的图形,不与字体内部的笔画有太多的关联。
  • 字内,比如说将笔画直接换成某一种图形,这个处理起来自然也要麻烦一些。

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

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

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

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

「刘柏坤的字体设计课堂」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/chinese-style-font-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

优设专访 转场动效 设计师 扁平化设计 优设大课堂 交互设计师 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 平面设计 AI教程 设计理论 神器下载 用户体验设计 字体下载 设计趋势 海报设计 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里