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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
入门字体设计,先掌握这个让你兴奋的知识点
0.0°
2017-07-11 原创文章 教程 举报 34128 466 707 53



前几天看见一位朋友(皮皮)在朋友圈发了自己的字体练习,如下图:

Image title

Image title

Image title

Image title


对于这位朋友的评价是:态度很好,设计里面也有一些自己独特的想法,但是按照这种练习方式,即使做再多的练习也不会有质的飞跃,因为对字体设计的基本认知还不够!


其实经常会有这样的情况出现:一个好的(或坏的)字体设计,让我们去评价,可能我们说不出哪里好,哪里坏,只能凭感觉,而由于经验有限,感觉又不一定准,如果好坏都分不清,就更别说自己创作了,肯定是碰运气的。


今天我们就来解决这个问题,聊聊如何入门字体设计,大纲如下:


1.先放弃复杂的字体设计效果

2.记住这个能让你兴奋的知识点

3.强调两个注意事项

4.我们来一起设计个字体吧


1.先放弃复杂的字体设计效果

最近每篇文章我都有强调基础,大家不要被别人优秀的作品给弄迷糊了,那些优秀的作品背后都是深厚的基础功底和没日没夜的练习,如果你还没有经历过这些,那就请先做好基础的字型,再去搞复杂的变化。


例如这种字体先尽量不要尝试:

Der 炎作品

Der炎作品


Image title

陈小发作品


前期我们根本驾驭不了。

最多最多尝试做下面这种横平竖直的就可以了:

Image title

Image title

Der炎作品


但是如果不明白原理,想做好基础字体也不容易,所以我们要先掌握其中的原理,做好基础,再说其它的!


继续往下看吧!


2.记住这个能让你兴奋的知识点

如果你懂得放弃,那我们的问题就简单了很多,其实做好基础字型并不难,只要记住一个知识点就够了,这个点有很多说法,但是意思都是一样的,就是要让字体饱满!


啥是饱满?举个例子吧!


先画好字体的范围框(黄色):

Image title


饱满就是让字体尽量撑开整个黄色区域,我们先来看看不饱满是什么样的:

Image title

分析如下:Image title

绿色区域都是还可以向外伸展的地方。

伸展过后的样子如下:

Image title


这样就会显得饱满很多了。

这个知识点非常非常非常重要,大家一定要勤加练习去消化它!

我们可以去多看看那些优秀的字体设计,看看是不是都很饱满,也画几个外框,观察他们是不是都撑的很开:

Image title


3.强调两个注意事项

3.1.设计的字体一定要符合实际字体的规律

做字体设计是要有基本原则的,就是尽量符合实际字体的规律,例如一个土字,明明是上橫短,下橫长,但你非要做成一样长,那就有歧义了,你这个字到底是“士”还是“土”?


再例如这面这个“害”字:

Image title


中间的三个横,本来是中间的横最短,但你非要把它设计成最长的,那效果就不会太好看,不信你试试:

Image title

不用试了,就不好看,哼!


3.2.虽然说要饱满,但也别太过头了!

很多同学可能知道了做字体要饱满,就开始不会变通,让字体饱满到死,例如下图:

Image title

我们一定要谨记,饱满的同时还要考虑平衡,就是每块负行之间的平衡,我们看现在绿色的负行就比黄色的负行大太多,有点过分了,如下图:

Image title

当然也会有些大神故意做这种很特殊的效果,但对于新人来说,前期还是走稳点比较好,哈!


4.我们来一起设计个字体吧

根据这一个点,我们来一步一步做个简单的字体设计-“时钟”。

4.1.先找个默认字体做参考,如下图:

Image title

4.2.我们先根据默认字体,搭建一个基础字形,如下图:

Image title

4.3.大家思考下,根据那个“兴奋知识点”,觉得哪里不够饱满,看看和我想的一样不(绿色部分就是可以优化的、撑开的地方):

Image title

4.4.通过对绿色部分的调整,得到下图:

Image title


切记先做好横竖,不要急着拐弯。


4.5.接下来给字体加点属性,比如圆润可爱点,那就把直角变成圆角:

Image title


4.6.如果觉得基础字形可以了,那就想想如何加点小创意,例如时钟可以想到表盘和指针,那时钟的指针是不是可以和字体相结合呢?如下图:

Image title


4.7. 这样就差不多得到了一个简单的基础字体设计,稍加修饰,如下图:

Image title


前期可以先不加创意,就把基本的骨架搭好即可!


以上就是今天菜心要分享的内容,凡事要学会变通,都不是绝对的,比如之前我写的要用布尔运算去做图形,有同学就一直在那闷着想,其实如果实在想不出来就先用钢笔就好,别憋坏了,身体要紧。





微信公众号:菜心设计铺

更新:2017-07-11

收藏

466人已收藏

菜心设计铺

微信公众号:菜心设计铺

  • 123

    作品

  • 2.2w

    粉丝

  • 100

    关注

  • 第一次做插画视觉,真没想到有这么难!
  • 做了三年设计,第一次包装作品,献丑了!
  • 《菜心工作室 x 摩尔线程》
  • 原来我这一项这么弱,献丑了!

    猜你喜欢

      2017-07-11 原创文章 教程 举报 34128 466 707 53

      入门字体设计,先掌握这个让你兴奋的知识点

      0.0°

      你确定要举报入门字体设计,先掌握这个让你兴奋的知识点

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年07月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      707
      466
      53

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

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

      登录

      手机号

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

      登录
      第三方账号登录