• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 想做出中国风的字体设计?我总结了4个规律!

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含中文字体设计,字体设计教程,经验分享等相关知识,希望在学习及工作中可以帮助到您

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

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

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

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

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

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

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

一. 笔画细节修饰

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

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

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

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

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

二. 笔画形变

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

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

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

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

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

△ 造字工房作品

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

三. 繁体和篆书的借鉴

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

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

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

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

四. 图形结合

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

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

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

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

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

要充分利用图形的特点,并且要让文字的笔画和图形有良好的位置关系和穿插,说的话看似挺简单,其实做起来还是有一定难度的,这需要大家多

您可能想查找下面的文章:

  • 这篇字体设计教程,可能让你少赔几万
  • 想做出中国风的字体设计?我总结了4个规律!
  • 刘兵克教程!聊聊字体设计中的加减法
  • 超实用!四招快速提升字体设计能力
  • 设计的中宫指什么?不懂这个谈字体结构和造型都白搭!

相关文章

  • 2018-08-23内部教程!超详细的支付宝设计规范之线下字体篇
  • 2017-08-06入门知识 网站地址前的http是什么意思?
  • 2017-08-06设置网页图片热点链接以及坐标值示例代码
  • 2018-08-23网易资深高手:交互设计师必备的9种能力
  • 2017-09-11git版本控制工具基础知识
  • 2018-08-23在这些实例中,学会用动效赋予你APP生命力
  • 2018-08-23实例解析「泰思勒定律」在设计中的应用
  • 2017-08-06设计好用、易用web应用程序的10个技巧
  • 2018-08-23你要的三八节文案来了
  • 2018-08-23腾讯设计师总结的图标设计五维自检法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 简明网页设计理念 颜色搭配
    • 扁平风格的问题在哪?来看这个分析!
    • UX文案怎么写?来看看谷歌的方法总结
    • 如何构建Web端设计规范之反馈类组件
    • 那些很熟悉但又叫不出名字的设计法则: 预期效应
    • 上亿人使用的手机淘宝卡券包,设计师是这么做改版的!
    • 这3个适用性极强的网页设计趋势,在4月非常流行
    • 做了50多个项目,才知道总监们看重的调研是这样的
    • 正确的空链接写法 防止点击后页面会跳动问题 a href #号问题
    • 实战经验!如何在公司举办一场设计思维工作坊?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有