恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
新手做字体?利用字库做出你的第一款字体设计!
0.0°
2017-12-05 好文转载 经验/观点 原作者: 大猫 举报 3197 9 11 0

新手做个字体其实并没有那么难,看了这个你也能做出来

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

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

1. 字体选择

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

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

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

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

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

再来看一组:Image title

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

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

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

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

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

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

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

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

2. 绘制结构

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

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

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

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

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

3. 调整变化

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

好了再来看看咱们这次的福利吧——万种设计字体!!!Image title

这波不亏吧,赶紧加群来领一下资源(UI设计群:659929486)

更新:2017-12-05

收藏

9人已收藏

UI设计那些事

UI设计学习资源分享群:659929486

  • 126

    作品

  • 363

    粉丝

  • 2

    关注

  • PS+AI教程:2.5D风格APP引导页制作,简单易上手
  • PS教程:环太平洋电影海报合成案例讲解
  • PS教程:网页设计之2.5D风格网站登录页面制作
  • PS教程:手机创意海报 初级合成案例分享

    猜你喜欢

      2017-12-05 好文转载 经验/观点 原作者: 大猫 举报 3197 9 11 0

      新手做字体?利用字库做出你的第一款字体设计!

      0.0°

      你确定要举报新手做字体?利用字库做出你的第一款字体设计!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年12月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      9
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录