首页 > 其他分享 >字体的基础知识:英文字体的特征及结构(终于找到了)

字体的基础知识:英文字体的特征及结构(终于找到了)

时间:2022-11-05 22:01:23浏览次数:112  
标签:衬线体 字怀 字母 降部 基础知识 字体 英文 衬线


  本文是「​​100小时后请叫我设计师​​​」栏目的试读文章。「​​100小时后请叫我设计师​​」希望不仅让你多懂一点设计,更要全方位提升你的设计水平,让你可以像设计师一样运用设计的力量

  • 衬线与非衬线(Serif vs. Sans-Serif) 

  衬线,是指笔画末端的装饰线,是否有衬线是区分不同英文字体最显著的特征。有衬线的字体叫做衬线字体(Serif),而没有的则是非衬线(Sans-Serif)。(「Serif」意为「衬线」,「Sans」在法文中意为「没有」) 

字体的基础知识:英文字体的特征及结构(终于找到了)_大小写

  衬线体是古典的英文字体,源于古罗马的石刻拉丁字母。 1968 年爱德华·卡蒂奇神甫在其著作《衬线的起源》一书中指出,在石刻时人们会先用方头笔将字写在石头上,再按照痕迹刻画。由于方头笔画出的笔画起笔处和收尾处比较粗糙,于是就加上了衬线。 

  在传统印刷中,衬线字体常用于正文。因为衬线有视觉引导的作用,可以加快读者的阅读速度。但在现代排印中已经不再有这样的死规矩,非衬线体也有不错的阅读体验,但传统的纸媒仍然坚持使用衬线体。

  另外,并不是所有衬线字体的衬线都是一样的。有些字体的衬线会更加尖锐,有些则更加圆滑。

字体的基础知识:英文字体的特征及结构(终于找到了)_大小写_02

  非衬线体的出现比较晚,有说法是起源于希腊的字母形式和罗马帝国的非正式铭文,80 年代开始兴起。非衬线字体曾经被称作「Grotesque」(荒唐的)或者「Gothic」(哥特的),这反映了早期人们对非衬线体的看法。如果你看到了某个叫做「xxx grotesque」的字体,那么他的意思就是「xxx 非衬线体」。

  非衬线体在早期的电子屏幕上会有更好的显示效果,基本成为了电子显示器上的最佳选择,无论是 iOS、Windows 还是 Android,都选择了非衬线字体作为系统字体。但其实随着高分辨率屏幕的出现,今天的我们大多不需要担心显示效果,而更多是出于功能和美感的考虑去选择字体。

字体的基础知识:英文字体的特征及结构(终于找到了)_ios_03

  通常情况下,非衬线体可以给人现代、简洁、有科技感的感觉;而衬线体可以给人文艺、古典、端庄的感觉。

x 高度(x-height)

  x 高度指英文小写字母 x 的高度,它决定了整套字体小写字母的高度,以及 p、j、y、f、b 这些字母的身材。

字体的基础知识:英文字体的特征及结构(终于找到了)_大小写_04

  一般中英混排时使用 x 高度较高的英文字体。因为 x 高度较高的英文字体会显得更加方正一些,和方块字更般配。试着阅读下图中的段落,是不是感觉右边的文段读起来有明显的顿挫感?

字体的基础知识:英文字体的特征及结构(终于找到了)_数据_05

  • 升部(Ascender)、降部(Descender)

  字母中 x 高度以上的部分称为升部,以下部分称为降部。区分他们的线叫做升部线(ascender line)和降部线(descender line)。

字体的基础知识:英文字体的特征及结构(终于找到了)_数据_06

  如果一套字体的 x 高度越高,那么留给升部和降部的空间就越少,字体会显得比较憨厚、稳重。相反的,如果升部和降部都比较伸展,字体会显得比较清秀、飘逸、活跃。

字体的基础知识:英文字体的特征及结构(终于找到了)_字体_07

  不同字体的升部和降部也会有不同的形状和尺寸,比如下图中五款字体对于字母 y 降部的处理就各有千秋。
 

字体的基础知识:英文字体的特征及结构(终于找到了)_字体_08

  • 字怀(Counter) 

  字怀是字母的全封闭或半封闭区域,他其实是文字中的留白,留白越大对比度就越高。字怀的形状和大小是区分字体的重要特征。 

字体的基础知识:英文字体的特征及结构(终于找到了)_字体_09

  通常字怀较大的字体会更舒展,稳定,容易阅读;字怀较小的字体看起来更有个性。除了大小,字怀也有形状之分,比如 Gill Sans 几乎为正圆的字怀看上去很有几何感。

字体的基础知识:英文字体的特征及结构(终于找到了)_大小写_10

中轴线(Axis)

  观察字母 o 可以轻易找到中轴线,中轴线决定了字体的重心,非衬线字体的中轴线通常是竖直的,衬线体的中轴线通常是倾斜的。

字体的基础知识:英文字体的特征及结构(终于找到了)_ios_11

  通常竖直中轴线的字体偏几何化(比如字母 O 像一个圆形而非椭圆形)所以看上去更加现代,标准,工业化因为这种完美的圆形很像是标准化的工业制品;而倾斜中轴线的字体则像是手写出来的(想象一下用平头笔书写字母 O ,左右两边自然会粗一些),更有人文气息。

小细节

  字体设计是一个极其细致的工作,单个字母的毫厘之差放在大段文字中就是千里之别。字体的小细节也是我们区别字体的重要依据,也蕴含着字体设计师的巧思,让我们尝试去找这些字体设计的细节吧:

  第一个小细节,是文字的写法。英文中 a 与 g 都有两种写法,有两个字怀叫 double story,有一个字怀叫 single story。同一种字体通常选择同一种写法来处理 a 和 g,非衬线体常用 single story 的写法,double story 更多出现在衬线体中。

字体的基础知识:英文字体的特征及结构(终于找到了)_数据_12

  第二个小细节是笔画结束时的角度和方向。这也能区分字体,尤其是小写字母 e 的末端。同一款字体通常会保持同样的角度和方向、同一种笔画结尾风格。末端较平的字体看上去比较稳定,末端有角度的字体看上去更灵动。

字体的基础知识:英文字体的特征及结构(终于找到了)_大小写_13

  字母 R 的结尾也是重点观察的对象,下图这三款字体都是根据其中 AkzidenzGrotesk 演化而来,但对字母 R 结尾的处理各不相同。

字体的基础知识:英文字体的特征及结构(终于找到了)_基础知识_14

  第三个小细节是「点」。尤其是字母 i、j 上的点。有些字体使用方形点,视觉上会和下方的竖线更加接近。

字体的基础知识:英文字体的特征及结构(终于找到了)_数据_15

  不同字体的数字风格也有不同处理,有 old-style 和 lining 两种。

字体的基础知识:英文字体的特征及结构(终于找到了)_ios_16

  old-style figures 的数字拥有大小写字母一样的升部和降部,适合大小写字母协调;Lining 则高度统一,和中文字体配合更加和谐,Old-style figures 拥有升部和降部的特点更能配合英文字体的美感。不过 Old-style figures 同时阅读起来也相对慢一些,在讲究阅读效率的场景下(比如数据表格),Lining figures 更合适一些。 

字体的基础知识:英文字体的特征及结构(终于找到了)_字体_17

  以上便是我们所介绍的九个英文字体特征,虽然这些并不是字体设计用到的全部特征,但足够我们区分字体了。如果你有兴趣继续了解,可以查看这份由 Typography Deconstructed 制作的 ​​英文字体结构表(点击下载)​​。

字体的基础知识:英文字体的特征及结构(终于找到了)_基础知识_18

  • 拓展阅读

  如果你想深度了解西文字体,可以阅读这本《西文字体:字体的背景知识和使用方法》。

  本书的作者小林章是一位日籍著名字体设计师,任 Monotype 字体总监,曾参与 Optima 等著名字体的改刻,以及腾讯字体的设计。这本书对西文字体的基础术语概括全面,还包括一些知名字体的解析以及故事,是非常好的英文字体入门书籍。读完这本书之后,你会对很多经典的英文字体了如指掌,并且进一步加深对西文字体构造的认识,甚至对字体的选择和搭配有所了解。

标签:衬线体,字怀,字母,降部,基础知识,字体,英文,衬线
From: https://blog.51cto.com/u_13161667/5826237

相关文章

  • 字体的基础知识:中文字体的特征
    衬线与非衬线对于中文字体,我们仍然可以将其分为「衬线字体」和「非衬线字体」两种。书法中的「顿笔」,印刷字体末尾三角都可以算作衬线。拓展阅读所谓顿笔,是书法中在笔画开头......
  • Android 英文数字混排导致提前换行完美解决
    前言数字加英文混排造成,段落提前换行异常。网上可找到处理方式较多。处理方式:1.自定义TextView,测量文字宽度与父窗体宽度自行进行人为换行占主流。2.全角半角进行统一,将字......
  • 修改Win10登录界面显示中文用户名 和 cmd窗口显示英文用户名的方法
    1修改Win10登录界面显示中文用户名第一步:如下,点击Windows图标,输入控制面板,点击打开第二步:将查看方式修改为小图标,然后点击用户帐户第三步:选择更改帐户名称第四步:输......
  • 引入字体
    一、需求在项目中引入自己下载的.ttf字体文件,并在整个项目中使用二、完成过程1、先在下载自己喜欢的字体类型2、在项目的assets文件夹下面,新建一个fonts文件夹,将下载的......
  • deepin 调整微信、百度网盘、迅雷等等软件字体的方法
    一、修改微信字体大小方法:1、方法一:修改deepinwine桌面环境字体envWINEPREFIX="$HOME/.deepinwine/Deepin-WeChat"winecfg或者:envWINEPREFIX=~/.deepinwine/Deepin-......
  • 在Windows下和MacBook中如何查找本地的字体文件
    在Windows下和MacBook中如何查找本地的字体文件大家好,我叫亓官劼(qíguānjié)​​博主博客文章内容导航(实时更新)​​更多优质文章推荐:​​收藏!最详细的Python全栈开发指......
  • 自用编程字体推荐
    CascadiaCode许可证:SILOpenFontLicense1.1官网:https://github.com/microsoft/cascadia-code开发商:微软字体预览:CascadiaCode是在2020年5月微软的Build活动上发......
  • Java 语音基础知识点 笔记
    Java语音基础知识点笔记(1)什么是变量?变量分为哪几类?String是最基本的数据类型吗?char型变量中能不能储存一个中文汉字?为什么?赋值语句“floatf=3.4;"是否正确?(2)Java中有没......
  • python汉字转拼音,中英文单词互译,中英文简单句子翻译
    由于在学java,需要定义变量,拼音不好,英文也差,定义变量成了头痛的事,所以写这个脚本#!/usr/bin/python3#pip升级不了时可以python3get-pip.py#需要安装pinyin包pi......
  • 面向对象基础知识
    今日内容概要对象及编程思路面向对象之类与对象类对象名称的添加类对象内的函数今日内容详细对象及编程思路对象既是物体,物体拥有自己的名字,自身的一些特征,自身所......