陌北默
knowledge-of-font-design (18)
前几天看见一位朋友(皮皮)在朋友圈发了自己的字体练习,如下图:
knowledge-of-font-design (5)
knowledge-of-font-design (3)
knowledge-of-font-design (4)
knowledge-of-font-design (9)
对于这位朋友的评价是:态度很好,设计里面也有一些自己独特的想法,但是按照这种练习方式,即使做再多的练习也不会有质的飞跃,因为对字体设计的基本认知还不够!
其实经?;嵊姓庋那榭龀鱿郑阂桓龊玫模ɑ蚧档模┳痔迳杓?,让我们去评价,可能我们说不出哪里好,哪里坏,只能凭感觉,而由于经验有限,感觉又不一定准,如果好坏都分不清,就更别说自己创作了,肯定是碰运气的。
今天我们就来解决这个问题,聊聊如何入门字体设计,大纲如下:
  • 1.先放弃复杂的字体设计效果
  • 2.记住这个能让你高潮的知识点
  • 3.强调两个注意事项
  • 4.我们来一起设计个字体吧

 

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

最近每篇文章我都有强调基础,大家不要被别人优秀的作品给弄迷糊了,那些优秀的作品背后都是深厚的基础功底和没日没夜的练习,如果你还没有经历过这些,那就请先做好基础的字型,再去搞复杂的变化。
例如这种字体先尽量不要尝试:
knowledge-of-font-design (6) knowledge-of-font-design (26)
前期我们根本驾驭不了。最多最多尝试做下面这种横平竖直的就可以了:
knowledge-of-font-design (25) knowledge-of-font-design (7)
但是如果不明白原理,想做好基础字体也不容易,所以我们要先掌握其中的原理,做好基础,再说其它的!
继续往下看吧!

2.记住这个能让你高潮的知识点

如果你懂得放弃,那我们的问题就简单了很多,其实做好基础字型并不难,只要记住一个知识点就够了,这个点有很多说法,但是意思都是一样的,就是要让字体饱满!
啥是饱满?
举个例子吧!先画好字体的范围框(黄色):knowledge-of-font-design (10)
饱满就是让字体尽量撑开整个黄色区域,我们先来看看不饱满是什么样的:
knowledge-of-font-design (11)
分析如下:
knowledge-of-font-design (12)
绿色区域都是还可以向外伸展的地方。伸展过后的样子如下:
knowledge-of-font-design (13)
这样就会显得饱满很多了。
这个知识点非常非常非常重要,大家一定要勤加练习去消化它!
我们可以去多看看那些优秀的字体设计,看看是不是都很饱满,也画几个外框,观察他们是不是都撑的很开:

knowledge-of-font-design (1)

3.强调两个注意事项

3.1.设计的字体一定要符合实际字体的规律
做字体设计是要有基本原则的,就是尽量符合实际字体的规律,例如一个土字,明明是上橫长,下橫短,但你非要做成一样长,那就有歧义了,你这个字到底是“士”还是“土”?
再例如这面这个“害”字:
knowledge-of-font-design (17)
中间的三个横,本来是中间的横最短,但你非要把它设计成最长的,那效果就不会太好看,不信你试试:
knowledge-of-font-design (14)
不用试了,就不好看,哼!?

 

3.2.虽然说要饱满,但也别太过头了!
很多同学可能知道了做字体要饱满,就开始不会变通,让字体饱满到死,例如下图:knowledge-of-font-design (16)
我们一定要谨记,饱满的同时还要考虑平衡,就是每块负行之间的平衡,我们看现在绿色的负行就比黄色的负行大太多,有点过分了,如下图:
knowledge-of-font-design (15)
当然也会有些大神故意做这种很特殊的效果,但对于新人来说,前期还是走稳点比较好,哈!?

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

根据这一个点,我们来一步一步做个简单的字体设计-“时间”。
4.1.先找个默认字体做参考,如下图:
knowledge-of-font-design (19)
4.2.我们先根据默认字体,搭建一个基础字形,如下图:
knowledge-of-font-design (21)
4.3.大家思考下,根据那个“高潮知识点”,觉得哪里不够饱满,看看和我想的一样不(绿色部分就是可以优化的、撑开的地方):
knowledge-of-font-design (20)
4.4.通过对绿色部分的调整,得到下图:
knowledge-of-font-design (27)
切记先做好横竖,不要急着拐弯。
4.5.接下来给字体加点属性,比如圆润可爱点,那就把直角变成圆角:
knowledge-of-font-design (24)
4.6.如果觉得基础字形可以了,那就想想如何加点小创意,例如时间可以想到时钟,那时钟的指针是不是可以和字体相结合呢?如下图:
knowledge-of-font-design (22)
4.7. 这样就差不多得到了一个简单的基础字体设计,稍加修饰,如下图:
knowledge-of-font-design (23)
前期可以先不加创意,就把基本的骨架搭好即可!
以上就是今天菜心要分享的内容,凡事要学会变通,都不是绝对的,比如之前我写的要用布尔运算去做图形,有同学就一直在那闷着想,其实如果实在想不出来就先用钢笔就好,别憋坏了,身体要紧??瓶?!对了,由于下周周末有些事情,所以下周更文时间改为周四晚,不见不散哈!?

 

作者:菜心(微信公众号:菜心设计铺)

cxsjpqr

转载请注明:学UI网—UI设计师学习教程平台 » 字体设计-先掌握这个让你高潮的知识点

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
版式設計中的文字层級理论版式設計中的文字层級理论
立体字母LOGO设计[教程]立体字母LOGO设计[教程]
教你创建炫酷的星际文本效果【PS教程】教你创建炫酷的星际文本效果【PS教程】
网页设计中的大事件 - 彩色字体网页设计中的大事件 – 彩色字体
如何创建复古文字效果【AI教程】如何创建复古文字效果【AI教程】
认真卖萌——浅谈吉祥物、品牌IP认真卖萌——浅谈吉祥物、品牌IP
ISUX设计师解析:个性萌宠形象诞生记-动作篇ISUX设计师解析:个性萌宠形象诞生记-动作篇
网易资深视觉设计师:视觉设计如何继承品牌基因网易资深视觉设计师:视觉设计如何继承品牌基因
ISUX设计师解析:个性萌宠形象诞生记-形象篇ISUX设计师解析:个性萌宠形象诞生记-形象篇
大理石与金属碰撞的文字效果[PS教程]大理石与金属碰撞的文字效果[PS教程]
?