字体种类,行楷600个常用字图片

首页 > 文化 > 作者:YD1662022-12-03 19:58:21

写在前面,今天这篇文章比较偏基础,但胜在讲的很全面,自己做项目的时候也可以拿来自检。关于字体排版的方方面面都讲到了一些,尤其有一点是关于字体和字型的定义让我学到不少新知识,之前我在翻译的过程中没太在意这2个词的区别,今天因这篇文章专门去研究了一波,原来还是有不少讲究的,一起来学习下吧。

排版在设计过程中扮演着非常重要的角色:好的版式可以让阅读变得毫不费力,而差的直接劝退用户。

字体种类,行楷600个常用字图片(1)

字体和字型有什么样的区别?

这里我们回顾下基础知识。有时字体(typeface)和字型(font)好像在使用上是可以互换的,这让人产生困惑(彩云注:实际上我也经常没注意这个细节,所以还专门去查了相关的知识,确实是大有学问,在翻译这篇文章时收获很大)。字型是字体的一个子集,字型(font)是指字体(typeface)中特定的样式和字重。

(彩云注:typeface 是一个抽象的总体概念,而 font 是这个概念的具象物体。如果是可以互换的、现代的、数字艺术中的意义,就都翻译成“字体”;如果原文在强调二者的区别,“typeface”理解为“字体”,而“font”可以理解“字型”。这样来区分)

举个例子,Helvetica是一个字体,但Helvetica Bold是 Helvetica 字体家族中的一个具体的字型。下面这张图,你就能理解字体和字型的区别了。

字体种类,行楷600个常用字图片(2)

选择正确的字体风格

下面是三种比较常见的字体分类

字体种类,行楷600个常用字图片(3)

衬线体

衬线体会在构成字母和符号的笔画末端增加小装饰性笔画。

无衬线体

无衬线体在笔画的末端和转折处都比较干脆,没有装饰。

装饰性字体

用来突出某些内容的短文本。(彩云注:一般不会大面积使用,用来作为装饰样式挺不错的,比如放在内容的底部作为底纹之类的。)

保持字体种类尽量少

同时使用三种以上的字体会使网站看起来不美观而且显得非常拥挤。保持尽量少的字体种类,两种挺好,但其实一种字体通常就足够了。

使用一种字体的不同字重

在项目中,我习惯用一款免费字体“Inter”,看起来效果非常棒。

使用Inter字体在界面中的实际效果

使用衬线字体和无衬线字体

在下面这个网页设计中,我会用到衬线字体“Kepler”作为标题,用无衬线字体“Futura”作为其他不同的文本内容。

字体种类,行楷600个常用字图片(4)

首页 12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.