入门字体设计?先掌握这两个让你兴奋的知识点! - 优设-UISDC

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

2017/07/09 22012评论区

@菜心设计铺 :前几天看见一位朋友(皮皮)发了自己的字体练习,如下图:

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

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

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

  • 先放弃复杂的字体设计效果
  • 记住这个能让你兴奋的知识点
  • 强调两个注意事项
  • 我们来一起设计个字体吧

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

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

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

△  Der炎作品

△  陈小发作品

前期我们根本驾驭不了。

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

△  Der炎作品

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

继续往下看吧!

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

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

啥是饱满?举个例子吧!

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

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

分析如下:

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

伸展过后的样子如下:

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

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

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

3. 强调两个注意事项

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

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

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

中间的三个横,本身命名是中间最短,但如果你非要把它设计成最长的,那就一定不会好看,不信你试试:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

欢迎关注作者的微信公众号:「菜心设计铺」

「字体设计自学好文」

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

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

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

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

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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