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

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

2017/11/17 13346评论区

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

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

1. 字体选择

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

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

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

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

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

再来看一组:

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

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

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

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

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

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

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

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

2. 绘制结构

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

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

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

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

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

3. 调整变化

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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