AI识字 字体品牌 字体合集 字体资讯

该文章未提交审核, 请编辑完成后提交审核。

该文章未通过审核,感谢您对字由的贡献。

该文章正在审核中,通过后将会自动显示在字说字话页面。

这样选字体,老板们都开心坏了!

{{tag.name}}
发布时间{{(article.publish_stamp||article.timeStamp)|time('yyyy.MM.dd')}}评论{{article.comment_count}} 字体{{length(article.fonts)}}

转载自 {{article.sourceName}}


那啥~干货教程又来了~


我们都知道,平面设计最重要的载体是文字。它可以说是设计的传话筒,设计师通过文字传达信息,同时又将文字作设计的素材,进一步赋予文字更深刻、更丰富的内涵,而字体在这个过程中扮演了重要的角色。


因此,了解字体,学会怎么使用字体,是一个设计师最基本的功底。对于非设计行业的人来说,了解字体的特性,在PPT或者WORD文档中用对字体,也是审美能力的体现。


今天这篇文章,我就带大家从字体的分类,到不同字体适用什么场景,再到排版中的字体使用规则,全方位提升大家对于字体的认识。


OK,废话少说,干货走起。







选择字体最重要的标准是什么?


两个字:气质。

没错,主要看气质。



先来个案例大家感受一下不同字体的气质区别有多大。


下面这张文艺风的广告图很漂亮对吧?但是字体用得有点粗重呆板,明显和画面的文艺风有点格格不入。




我将字体换成轻盈典雅的宋体后,然后在排版上稍加变化,是不是整个气质就完全不一样了?



所以字体、排版、图片风格这三者是相辅相成的,对排版来说,选对合适的字体,是第一步。


那么问题来了,什么是合适的字体?怎么知道什么画面配什么样字体?


OK,要弄清楚每种字体的性格气质,我们首先需要对所有的字体有个大概的分类。



中文字体:



英文字体:


当然,这只是一个比较大的分类方法,大家只需要有个大概的印象即可。


在实际的应用中,我们对字体有更多的分类维度,为了让大家有一个更直观的印象,我制作了一张四象限图,大家参照这个图,看看相应的字体可以放在哪个位置,这样就对每个字体用在什么场合,就大概心里有谱了。





虽然字体的数量有无数种,但是其实每种字体都可以归到上面的座标图中,大家只要记住这个分类方法,时间久了一眼就能知道某个字体的大概特征,可以怎么用。


说完字体的分类方法,接下来看看在实际的工作中,到底是按什么规则来选择合适的字体。


OK,干货继续。





选字体其实就跟看人一样,第一眼肯定是看到高矮胖瘦啊对不对?所以对字体的气质分类只是内功心法,对字体外观进行分析,然后根据外观来选择它的用处,这才是具体的招式。


接下来我们就按照字体的外观特征,来看看选择字体都有哪些基本的原则。





人分为胖子和瘦子,字体也一样。胖子看起来威猛有力,瘦子瘦弱纤细,这些特征也完全可以对应到字体上来。



粗字体的视觉特征:


从上面这些特征可以看出来,粗字体最大的特征就是力量感、份量感,所以它可以形成强烈的视觉冲击力,一般应用在标题上,而不适合用在需要大段阅读的正文上。


来看看具体的案例。


在跟男性相关的设计上,粗字体绝对是首选。



促销主题,粗字体的份量感可以带来强烈的视觉冲击力!



粗字体带来热闹,视觉冲击力的同时,也会让人有廉价感。尤其是配上让设计师深恶痛绝的红底+金字。





细字体的视觉特征:


和粗字体相对应的,细字体容易让人联想到瘦弱的女性,没有粗字的冲击力,但是更加精致典雅,在一些高端品牌的设计中常常可以看到细字体的应用。


来看看具体的案例。


女性主题的设计:




在一些高端的设计中,细字体可以让画面显得精致优雅:




看到细细小小的字体,是不是有种买不起的感觉?








衬线和非衬线的说法其实是来源于英文,但是在汉字上也适用。


英文:


汉字:


两者最大的区别就是衬线字体的笔划上会多一些装饰细节,而非衬线字体的笔划则更简洁清晰。



衬线字体的视觉特征:


衬线字体的装饰细节其实是来自手写字特点的保留,所以它在细节上更加精致,更加富有传统书法的美感。因此在一些人文类的设计,或者追求精致感的设计中,经常可以看到衬线字体的应用。


来看看具体应用案例。


历史人文类的设计,一般都选择衬线字体:



很多高端品牌都喜欢用衬线字体,以表达出精致典雅的氛围:



要文艺小清新?那肯定少不了衬线体。






非衬线字体的视觉特征:


非衬线字体发源于现代,它的出现纯粹是出于功能性的考虑。非衬线字体去除了字体上有关传统书法的所有特点,让字本身变得更中庸,没有特点。但同时也具有更简洁易读,以及更有包容性。


来看看具体的应用案例。


跟现代有关的主题,选择非衬线字体:




年轻、青春的主题,也适合非衬线字体:







这里说的常规体是指我们常用的黑体宋体,工整、可辨识性高。需要长时间阅读的段落文字一般使用常规字体。



常规字体的视觉特征:



正式、严肃的主题,一般选择常规、工整的字体。




手写字体的视觉特征:


相对比常规字体,手写体更加活泼、个性,风格性极强,可以营造强烈的视觉冲击力。缺点是可辨识性比较差,当文字数量较多时,会影响阅读效率。所以一般只用在简短的标题上,不可使用于正文。


生活化的主题,可以使用手写体来表达态度。



低龄化的主题,用手写体来体现活泼的一面。



在排版中,适当加入手写字体,可以让画面充满活力。



在一些促销页面中,可以使用手写字体来放大视觉冲击力。



弄清楚每种字体怎么用之后,接下来我们看看在排版中,又有哪些关于字体使用的基本原则。




字体和排版两者的关系是密不可分的,尽管现在市面上的字体数量有无限多,而且你可以将它们无限组合。但如果你不遵守一些最基本的字体使用规则,那么你的字体肯定是用多错多。


OK,下面我们来看看有哪些字体使用基本原则是我们必须遵守的。



一、字体数量  

字体使用的首要原则就是要克制。请新手设计师一定记住,在同一个页面中,字体的数量尽量控制在3种以内


最常用的字体使用方案是2种字体:标题 + 副标题(正文)




如果画面中有很重要的信息需要标示出来,可以考虑加入一种特殊字体,这样就变成了3种字体:标题+副标题(正文) + 重点信息



基本上,上面两种字体使用方案可以覆盖了绝大部分需求,如果你没有十足的把握,尽量使用这两套方案。如果你确实想增加新的字体,请务必想清楚是不是有足够的理由。



二、可阅读性  

字体最本质的功能是信息的载体,所以可阅读性是字体的首要功能。不同的字体它的可阅读性差异是非常大的,如果我们的画面中有大段文字,这个 时候你就需要特别注意字体的辨别性问题。


对于字体的可阅读性,大家记住下面3条原则即可:


1、常规字体比手写、变形字体可读性更好。


2、字面宽,看起来胖胖的字体,比瘦高型的字体更好阅读。



3、非衬线字体比衬线字体可读性更好。



 三、字体组合  

前面我们说过,不同的字体所呈现出来的气质特征会很不一样。那么我们将不同的字体放在同一个画面,就必须考虑它们的风格是否匹配的问题。


在大数情况下,页面上的所有字体都应该采用同样性质的字体,这样可以产生一种协调的关系。



1、衬线与非衬线字体的组合。

如果主标题采用的是衬线字体,那么副标题和正文也尽量采用衬线字体。




如果主标题用了黑体,而副标题用了宋体,两者在气质上不搭。



不只汉字与汉字的组合,汉字与英文的组合也要符合这样的规律。




当然,在设计中肯定没有绝对的事情。

比如手写字标题的组合,就跟衬线与非衬线字组合的规则不一样。



2、手写体与常规字体的组合。


一般来说,我们可以在主标题上使用手写体,而在副标题上使用常规的黑体、宋体等,这样既让整体排版保持视觉张力,又让整个版式不至于失去重心平衡。


前面我们说过,手写字体的优点是有视觉冲击力,缺点则是散乱,不工整,不好阅读,因此手写字切不可以滥用。


如果主标题使用了手写字,副标题再使用手写字的话,层次感上就没那么清晰,更重要的,副标题的可阅读性也大大减弱了。




3、大字与小字的组合。


关于大字和小字,宋朝大书法家苏东坡有个说法是“大字难于结密而无间,小字难于宽绰而有余。”


啥意思呢?就是说大字要写得紧凑,而小字要写得宽松。虽然这是书法理论,但是用于文字排版也一样成立。


我们来看个小例子。

一般用大标题都是为了强化视觉冲击力,紧凑的大标题可以让画面信息更聚焦,更容易抓住用户眼球。而松散的小字,则可以很好的平衡画面,让整个画面显得张驰有度。


再来对比一下相反的效果:

反之我们可以看到,大字散开,小字聚拢会让画面没有重点,视觉上过于松散没有重点,画面失去张力。


大字和小字的组合是几乎所有设计中都会遇到,下面我们以鞋子为主题,做一张广告banner,看看大字和小字的组合在设计中的应用。


第一步,抠好素材图,并且摆放好位置。在这一步就需要大概想好整个画面的构图,我这里是打算做左右构图,所以将产品放在右边。




第二步,将文案打上去。



第三步,按照前面我们讲的大小和小字的组合方式,将大字收紧,增大面积,小字加大间距,这样整个文案的整体既拉开了对比,又松驰有度。



第四步,在背景上增加红色分割,增加画面的对比度。



第五步,最后增加一些细节,提升版式的活力。


OK,完工!

今天的内容就到这,大家喝杯茶休息下。





版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}

相关字体

文章评论

评论
{{item.user.name}} {{item.timestamp|time}}
{{item.content}}
{{item.reply.user.name}}: {{item.reply.content}}
回复
回复

还没有人留言

查看更多 >

字体地图