免费商用字体?字体设计和搭配秘诀?我全帮你整理好啦!

用户头像
Shanghai/Graphic designer/6 years ago /8442浏览
免费商用字体?字体设计和搭配秘诀?我全帮你整理好啦!
用户头像
字由

字体设计干货,一网打尽

字体设计基础

俗话说:知己知彼,百战不殆

想要游刃有余运用字体

那么就得先了解字体本身


接下来,先带大家看看一款字体

从构思到上市是怎么样的步骤

 

具体细节和流程是这样滴~


了解了设计流程

接下来要讲纯干货了

赶紧拿起小本本记下


 基础字体&笔画 


   最基础的字体分为这几款:

黑体、宋体、仿宋、楷体


设计师最先开始做字体时

往往都会先做「永」字

因为永字比较有代表性

几个基本笔画它全占了


undefined


 字体结构 


字体结构也十分讲究

以下是字体的结构分类


undefined


 间架结构 


这是个重要的概念

简单来说就是字体的偏旁部首

是以什么形式组合起来的


比如「淼」是一个三角结构

我们就把一个正方格分为三部分

上面一部分和下面两部分


undefined


「模」字是左右结构

但在分析间架结构时需要

更加细致的拆分这个字体


所以将它分为左边的「木」

右边「草字头」

中间的「日」

还有下面的「大」组成



undefined


虽然字体都是在相同方格中制作的

但不同的字体也有不同的基本形态


比如国字,它就偏正方形

而人字明显就是一个三角形


undefined


对字体基本形态有初步认知

可以在设计时更好协调

偏旁部首与字体的整体关系


 视错觉 



人的眼睛虽然能洞察一切十分敏锐

但是也经常会受到环境等因素影响

会有被欺骗的现象和错误的感觉

这就是所谓的视错觉


undefined


简单举个例子:


undefined


所以字体设计时需要注意

线条对视觉的影响


undefined


 字体重心 


很多人会将字体重心误认为是方格中心点

其实并不然,字体重心是指字体视觉重心

对于整款字来讲,每个字只能确立一个中心

所有字都要以它为规矩,来调节高低和左右


undefined


同一款字,不同设计风格

其视觉重心也不一样


undefined


如果没有协调好重心

就会影响阅读


undefined


比如你想做一款高挑的字体

就适当把视觉重心提高些

想做一款敦实的字体

就把重心稍微降低些


 字体布白 


想让字体协调,观感舒适

光找对重心可不够

还要学会合理「布白」


undefined


简单说,就是合理安排文字内部空白

让字体看着更加舒适统一


汉字除了要求字体结构准确外

还要注意笔画组合间的露白空间

协调合理,不能过紧也不能过松


就拿下面图片为例

在笔画数与粗细都相等的情况下

第一排笔画粘连过多,看着拥挤

严重影响阅读,也造成整个

字形看着让人“透不过气”

而第二排经过调整后明显舒展多了


undefined


所以,大家在制作字体的时候

不仅要考虑字体本身的笔画细节

也不要忘了结合字体重心合理布白

提高整套字体的协调性和舒适性


 字面&字间距  


我们所用的字体都是在

相同的方框中做出来的

字面可理解为字体在框中的大小

字面占比例较大,字间距就会小

字面占比例较小,字间距就会大


undefined


 字体分类 


现在市面上的字体可谓五花八门

手写风、可爱风、书法风应有尽有


undefined


  但分类时我们只需简单分为三种:

正文字体、艺术装饰字体、书法字体


要排版、印刷出版等

就要选择易读性高的正文字体

比如汉仪旗黑


undefined


而装饰字体和书法字体

延展性比较强,也比较有个性

适合作为大标题来引人注目


undefined



 笔画统一 


除了基础知识外,做字体设计的时候

还得注意笔画统一,例如下面这张图

不同字相同笔画的形态都是一样的


undefined


一套字库中,如果笔画风格不统一

就会造成整套字看着很别扭,不舒适


「细地」两字虽出自一套字库

但画圈处一个是提笔,另一个却是横笔

「个文」都是撇捺笔画,但「个」偏硬朗

而「文」则是软笔画结构

稍有不同都能造成整体不协调


undefined


由此可见,平常在设计中经常被忽略的字体

在设计规范上可谓极讲究,一点错都不能出

然而,上面还仅仅只是字体本身的设计

字体该怎么选,如何用也是一门大学问

 接下来就由字由主编柚子给我们讲解以下内容




字体的选择与应用


我想大多数设计师都有这个苦恼  

不知道怎么为自己的设计搭配字体

其实字体搭配主要有两个方式:


undefined


先字后图,顾名思义就是先从字体出发

再去延伸整个画面


undefined


图文融合度会比较高,不会造成做完图

文字无处安放的尴尬局面

在设计时也更清楚自己想要啥


undefined


但这种方法对设计师水平有一定要求

对字体风格没有什么概念的人

得先做出画面才知道要配啥字

就会先图后字


   如最左边的「妈妈叫我不要学设计」

图片是一个豪放不羁恶包租婆形象

所选字体看着就比较粗旷有力量感


undefined


而中间的「晒晒亲爱的妈妈」就偏温情

搭配的也是比较圆润可爱的字体


undefined


如果要先图后字,要最先考虑

你的图想要表达什么东西?

想勾起用户什么样的情绪?

以此基础上去选字体会比较准确

具体怎么操作,要遵循下面两点


undefined


 风  格 


男人是粗、方、刚硬的风格

女人是细、圆润、可爱的风格

还有第三种人格,风格就要对调

才能符合规定场景


undefined


 情  绪 


同样的一句话「I will always find you」

选不同的字体就会有两个截然不同的效果

一个十分温馨,而另一个格外惊悚

所以你就知道恐怖风就适合相对尖锐的字体

  而温暖风,手写的字体再适合不过!


undefined


那具体的实际应用中

字体该怎么分类呢? 

大概有下面三种

通过风格标签找现成字体

在现成字体基础上进行改造

自己根据主题设计字体


undefined


大多数设计师还是偏向于

使用现成字体或字体改造变形

但字体那么多,想找到合适的还是大海捞针

怎么才能选对字体?这4个W需要反复思考


undefined


 给谁看? 


不同人群喜好不同

90后可能更偏爱视觉效果“炸裂”的画面

而60后则会偏爱相对素雅、佛系一些的


undefined


 用在哪? 


要根据使用场景来配字,如下面的漫画

左边用宋体说明,整体违和感很强

而替换成偏可爱的手写体后

画面和字体就十分统一协调


undefined


表达什么个性?


以下俩案例主题是节日和美食

一个偏温馨,一个偏可爱

但第一排都用了较张扬的字体

给人一种“用力过猛”的感觉

换成第二排就明显舒服多了


undefined


所以当大家不知如何选择字体时

不妨通过关键词去联想

比如高级就是去掉多余装饰,笔画更简约

……


undefined


 如何给字体加特效?


很多人在做设计时喜欢用免费字体

最主要还是担心字体版权问题

不然一不小心一年白干,血亏!


但免费字体又过于日常没有创意

不过其实这也是它的一个优点

就像服装的基础款,十分百搭

而且简单的造型也易于改造和变形


undefined


下面这三张图中都是

思源黑体和思源宋体

第一张结合热点做了个粉笔材质

第二张做了减法颇有股艺术气息

第三张则根据主题做了笔画替换

他们都做出了1+1>2的效果


undefined


看了以上内容,大家应该明白

字体本身就是一件设计作品

商业使用字体,应该支付版权费

不过介于许多人对字体版权的概念模糊

分享会最后做了个问答环节

字由运营Summer为大家解答




字体版权


undefined

答:如果主公司买了某字体的版权,主公司旗下有三四家分公司。这些分公司用主公司所购买的字体宣传的是主公司的产品,或者是主公司签署协议时授权范围内的产品,那么就不造成侵权。反之分公司如果用主公司购买的字体宣传其它产品,就算侵权。



undefined

答:已经确认全网可商用的字体如思源黑,变形后可以免费商用,但不能出售。其它的商用字体需要了解其开源字体主公司的授权范围,不同公司有不同规定。



undefined

答:大家可以下载字由客户端,依次点击发现字体-筛选-免费商用,就能看到近460多款免费商用字体。


undefined


如果大家想商用更多字体

可以考虑开通一波字由会员

一天只需一块钱

近40款+会员专属字体任你用

每月还至少更新2款

加量不加价!


undefined



 最后说一句

平常大家只要敲击键盘就能使用的字体

背后不知倾注了字体设计师多少心血

希望透过本次分享能让更多人了解字体

也更加重视字体版权问题





本文由你丫才美工x字由原创出品


转载需获取授权


48
阅读原文
|
Report
|
81
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
You may like
大家都在看
Log in