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

零基础做字体?巧用字库做出你的第一款字体设计!

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

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

很多新手想做字体,却不知该怎样入手,本文就从参考字库字这一点出发。相信消化完此篇文章,至少会对做字有头绪啦!

本次文章基于三部分,分别是:

1. 字体选择

字体选择,其实是选择做字时参考的字体。新手做字的时候一定要找字库字做参考,因为这个时候对结构是把握不准的。

在进行设计之前需要分析项目,这在任何设计上都是通用的,在字体设计上也是如此。做字之前一定要对字体呈现出的主题、风格进行分析。合适的风格才是最好的。

下面举几个例子比较一下,为了更直观一点,这几个例子都选用字库字。

以上四组哪个更能表现「铁甲钢拳」的感觉?肯定是汉仪菱心体及思源黑体吧。幼圆由于笔画都是圆角,没有铁甲钢拳的力量感,而宋体字偏传统,也不适合表现机械与力量。

汉仪菱心体是最合适的,只不过字形设计上不太美观。除此之外黑体也可以表现,只不过味道较菱心体这种美术字体差一些,但结构更严谨。

再来看一组:

谁更能表现「温柔女人」这一特点?首先汉仪菱心体是万万不可的,太锐利太粗壮。思源黑体乍一看还凑合,但跟圆体比起来女人味差了太多,因为笔画锐利,不够柔软。

兰亭圆与汉仪润圆就适合表现这一主题,不过汉仪润圆更有味道一些。

我们再来看看字重,也就是笔画粗细对气质的影响。以「铁甲钢拳」与「温柔女人」为例:

同样是思源黑体,字重大的更能表现铁甲钢拳的厚重感与力量感。

同样是方正兰亭圆,细字重的却更能表现女人与温柔的感觉。而粗字重的温柔女人,更像是一个胖女人,不过温不温柔就难说了。

总结:字重越大越厚重,越具有力量感;字重越小越精致,越有品质感。选择字形的时候一般从 字体风格+字重 进行组合筛选。

再来看一组「快乐童年」:

这几组字中只有方正喵呜体符合快乐童年的感觉,更天真、俏皮一些。所以前期的分析选择参考特别重要,决定了你作品的成败。

2. 绘制结构

绘制结构就是在字库字的基础上,将字的结构临摹出来,一般选择结构严谨的字库字做临摹对象,此部分以严谨的方正兰亭黑为参考对象,对「铁甲钢拳」的结构进行绘制。

为了表达铁甲钢拳的厚重感,以方正兰亭系列的粗黑为参考,用路径描边的形式将结构大致描绘出来。

其实结构对了,字体就会好看很多,像现在这个字体,去掉后面的兰亭粗黑一样很耐看。

虽然耐看,但是太纤细了,不足以表达铁甲钢拳的感觉,所以我们可以在此基础上将其粗细程度加粗一些。

因为一开始做字的结构就是按照粗黑来的,所以加粗之后也不需要过多调整。觉得粗细差不多了,就可以进行最终的细化与调整了。

3. 调整变化

调整变化就是将已做好的字体结构或笔画进行简化或者连接处理,使之更符合主题的气质或更具有设计感。

此版在原结构的基础上进行了简化处理,具体在金子旁与「口」字形横竖交接的结构上。

根据汉字横细竖粗的普遍规律,将竖笔画略微加粗,并将整个字形做压扁处理,使其更稳更厚重。

到了这一步就可以将路径扩展为形状(转曲)做详细的调整及优化了。

首先为了表达力量感,我将笔画做了斜角切割处理,再此基础上再进行调整及变化。

「铁」字的撇和捺做了切割,使其看起来更规整一些。

金子旁优化,将每条斜线视觉上对齐,同时其他的撇和捺也参照「铁」字进行变化,使其更统一。因为「拳」字是四个字中最复杂的,所以把它放在最后进行调整。

按照笔画的风格将「拳」字调整好画面基本就完成了。因为「拳」字横画较多,所以横画的粗细要比其他字细一点。这是为了视觉上粗细程度更统一更均匀。细心的同学可能会发现每个字的横竖笔画粗细程度都有所不同。

在此基础上还可以给他们加更多的细节,比如在每个竖笔画的顶端加一个飞入的笔画感觉,增加动势。

也可以将字体最倾斜处理让他们更有力量。

到这里「铁甲钢拳」这组字基本就完成了,因为做字跟画画一样,可以不断的丰富细节,所以只能算作基本完成。

铁甲钢拳四个字参照汉仪菱心体的笔画处理手法,却比他的结构好很多,也更具有设计感。这也是我们借用了方正兰亭黑的严谨结构所带来的改变。

本期文章到这里就结束啦,总结一下知识点:

1. 参考字找对参考,风格上一定要把控准确。

2. 初期可参照优秀字库字的结构再设计。

3. 结构成型可以不断给字体增加细节。

欢迎关注作者的微信公众号:「大猫设计」

「优设字体设计人气好文」

  1. 《刘兵克大神教程!送给你150000种字体设计方法》
  2. 《从零基础到入门,这份3个月的高强度字体设计自学计划送给你!》
  3. 特别福利:《追本溯源!小凉女神教你玩字体设计》

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

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

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

优设大课堂

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

  • WEB中文字体应用指南
  • font-family 中文字体的英文名称小结
  • 这篇字体设计教程,可能让你少赔几万
  • 新字体来了!一组适合儿童节的中文字体打包下载(个人非商用)
  • 优设×汉仪字库:适合母亲节使用的中文字体打包下载(个人非商用)
  • 学会这简单几招,字体设计也能萌萌哒!
  • 人工智能字体来了?!阿里×汉仪的全球首个人工智能中文字库面世!
  • 想做出中国风的字体设计?我总结了4个规律!
  • 想做好字体设计,先掌握这3个字体结构法则
  • 零基础做字体?巧用字库做出你的第一款字体设计!

相关文章

  • 2018-08-23毕业生来收!国内顶级设计大厂的春招流程+经验总结
  • 2017-08-06offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示
  • 2018-08-23为何前期的发现阶段是网页设计最关键的环节?
  • 2018-08-23设计冲刺法:5天搞定2018俄罗斯世界杯主题设计
  • 2017-08-06HTML中css和js链接中的版本号(刷新缓存)
  • 2018-08-23实战案例!58 招才猫直聘积分系统设计过程总结
  • 2018-08-23实例教学!10步打造更好的新手入门体验
  • 2018-08-23高手小课堂!5个设计思路帮你搞懂平面设计的思维流程
  • 2018-08-23Adobe 文件类型图标改版了?来看背后的设计思路!
  • 2017-08-06条件注释样式的编写方法及示例代码

文章分类

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

最近更新的内容

    • 如何界定借鉴和抄袭?高手用一个插画案例让你轻松看懂!
    • 那些很熟悉但又叫不出名字的设计法则:功能可供性
    • 首度揭秘!春节期间滴滴地图小车图标的换装设计过程
    • 饿了么高级设计师:界面视觉设计 5 要素
    • 内部教程!超详细的支付宝设计规范之配色篇
    • 用一个AI教程,帮你学会运用黄金分割绘制图形
    • 2018年设计师该如何转型?来看最近人气超高的 UGD 模式!
    • 谈谈网页设计中的Less和More(图)
    • 你可能不了解微文案,但它时刻都在影响你的用户体验
    • 通常CSS错误及解决办法技巧

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

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