艺术资讯


ART INFORMATION

字体 + 排版设计 | 那些被字体排版折磨到哭的人 肯定都没有看这篇

时间:2017-08-31

分享:微信 微博

  之前小More和大家分享了中文字体的设计与排版

  字体+排版设计 | 设计师的整容利器 让你的作品一秒成为颜值担当

  今天再来和大家说说英文字体的设计与排版吧~

  字体最重要的两个点分别是:

  字体的基础和构成

  能够掌握汉字、英文、数字的特征并在实际中运用。

  在实际的案例中大标题和正文都离不开文字,作为设计师就要根据具体的情况设计字体了,不同的图片和文字内容需要不同的字体,可以帮助表达不同的情感。

  我们先来了解一下什么是字体。在日语中有“字体”与“字形”两个概念,很多人可能认为这两个是一样的,但其实是不一样的。还有“字符”这一概念,也是经常容易被混淆的

  “字体”、“字形”、“字符”

  字体

  指基于同种风格及理念设计出来的一套文字,它的大小粗细在不同的情境下会有一定的差异,但只要风格特征一样,我们就可以说它是同一种字体。

  字形

  原本是指活体印刷中相同大小、相同粗细、相同风格的一套文字,就相当于现在电脑系统中安装的字体文件。这里的字形指的就是在某一特定的风格下,特定大小、特定粗细的一套文字。所以从某种意义上来说,字体比字形涵盖的范围要广一些。

  字符

  是计算机编程中的一个概念,可能大家认为一个字符就是一个字,其实这只对了一半,计算机使用中认为一个字母、一个汉字、一个符号都是字符。

  在中文字体中,最常见的就是宋体和黑体了。

  宋体(日文中称为“明朝体”)最大的特征就是笔画的前端有转折,是钢笔书法风格非常明显的字体,它的粗细转折并不非常均匀,但又给人一种比较柔和、正经、优雅的印象,因此常使用在大段的正文中。

  (由于中文字体的复杂性,一般是不存在衬线这一概念的,因此我们不说中文字体中具有装饰感的转折部分为衬线)

  英文中常见的有衬线字体

  黑体,是最“基本的”无衬线字体,和宋体不同的是,黑体的笔画比较粗,转折的地方也比较硬朗,是一种没有任何装饰特征的字体。

  英文中常见的无衬线字体

  

  字体设计中的性格

  相同的字体不一样的粗细也会给人不同的感觉,一般越细的字体,越给人一种纤细优雅的感觉,相对的,越粗的字体则会给人一种稳定、厚重的感觉。大多数情况下,字形粗细上微妙的调整,都会给人带来不同的感觉。

  比如我们常见的斜体字,很多人觉得就是把字体倾斜一下,但其实不是的。对于黑体这样的无衬线字体可能可以用这样的方式,但对于宋体这样,笔画本身就有粗细变化的字体来说,就需要设计师重新设计了,在同种风格下塑造出倾斜之后的美感。

  当我们排版时,如果文段中既有中文又有英文应该怎么办呢?

  我们都知道,中文字体和英文字体有很大区别,比如我们可能都经历过的,在使用某一英文字体时,如果我们输入中文,有的汉字会显示不出来,这种时候文档一般都会将文字自动变更成一种相近格式的字体。

  这个时候就要利用到字符框架了,当设计师确定了字形的范围之后,就要在这个范围内设计出字符,让每个字符的高度、宽度都基本保持一致,以便识别。但是由于中文可以竖排版的特殊性,相应的字符类型、范围、留白、尺寸就不能一概而论了。

  等幅字体

  当字符在字符框架中所占的空间都是统一的情况下,我们称之为等幅字体。在写每一个字体时,都有基准线、字形范围、字符框架。

  比例字体

  大多数的英文字体都是按照一定的比例方式排列的,每个字符的左右留白都是经过了精细设计的,不仅是每个字符本身,他周围的留白也是一定的。

  一般设计师在设计字体时都会选择比例字体,但在网页设计中,因为字体会根据使用环境发生变化,因此这时候使用等幅字体会更加方便。

  电脑中常见的字体

  字体设计在排版中的应用

  以文字为中心的出版物、网页、广告等都需要文字排版设计,通过排版,可以将文字内容更加明确的传达给读者。前面我们说到,有的时候即便是相同的字体,大小、颜色、粗细、加工效果的不同,也会带给读者不一样的感受。尤其大标题和广告语这样的设计核心,就需要设计师通过考量目标人群和品牌形象来设计了,而不仅仅是选择相对于整个版面来说比较正式的字体了。

  不同的字体特征都有不同的性格寓意

  文字与文字之间的字间距也会影响到整体效果,当字间距变大时,会给人一种很分散的平铺感,字间距很紧密时,则给人一种很坚固的感觉,因此在排版时不仅要注意字体本身的感觉,也要注意调整字间距。

  好的文字排版往往是需要人眼来调节的,因为有的字视觉效果上会给人扩大的感觉,有的会给人集中的感觉,而有的又会给人纤细长直的感觉,有的又会给人矮胖外扩的感觉…设计师需要根据人眼的视觉感受来精细的调节字间距、字符大小等,使这些字从视觉上有平衡感。

  行与行之间的距离,也就是行间距,一般是由字间距来决定的,当字间距与行间距成一定的视觉比例时,会给人一种很整齐的阅读感受,行间距过窄或过宽都不利于阅读。

  当字间距与行间距都较大时,整个版面会给读者一种很清爽的感觉,相反的,当字间距与行间距都较小时,会给人一种挤压的感觉。当然过度的放大字间距与行间距反而会让整个版面显得零散。

  在排版时,大段的文字内容部分一般都尽量选用无装饰性的无衬线字体,显得统一整洁,字体也尽量选择较为纤细的字体,尤其标点符号等,整个版面看上去也会更加清爽。

  大标题与正文尽量有强弱对比,可以区分主次,一般大标题都会选用较粗且较大的字体,正文选用纤细且小的字体。这样不仅能使标题与正文的关系更加明确,也可以增强对比。

  上次和大家讲了中文字体设计及应用

  今天又和大家讨论了英文字体的设计及排版

  希望在作品集的排版中能帮助到大家~

相关资讯推荐