相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

英文标准字体设计——文字间距

天堂鸟发布于:2019-4-2 16:14 |原作者: 贤川|
天堂鸟
北京市 怀柔区 
发私信 + 关注
简介: 在西文标准字设计中,基于视错觉的调整与字间距的控制尤为关键。这里抛砖引玉,做个基本的介绍和发散。


拉丁字母大小写,如果对外形进行笼统的分类,可以大致分类为方形、圆形、三角形这三种。我们以这三种与方形的间距为基准,得出上图的间距由大到小排列,可以看到三角形比圆形的侧边空间更大,因此需要更近的间距安排。字母结构实际情况更加复杂,很多字母是非对称结构,因此两侧的间距计算是不同的;况且字怀形状也不同,同样影响间距大小。

英文标准字体设计——文字间距 飞特网 设计理论

字间距的关键:字形之间的蓝色空间与字形内的红色空间的平衡。

对字间距的影响最大两点:①字母的侧边形成的负空间形状。②字形左右开放结构中负空间的影响。下图可以看到字形中有左右侧开放结构的字母对字间距的影响(上下侧开放的部分,则被视为内部空间如图中的K、n)。

英文标准字体设计——文字间距 飞特网 设计理论

以大写字母为例,字母一侧的侧边类型可以分成方形、圆形、三角形。它们又可以细化成下图的六种形式,并进行字间距由大到小的排列分类。

第一种的字母单侧接触面是封闭的,间距空间相对是最大的。第二种是下侧或上侧(也适用于小写字母 m、n、h)拥有圆角边缘的字母 ,因为间距间出现了这样的小缺口,因此间距比第一种方形的绝对垂直边缘的字母间距略小一点。第三种的以D、B为典型,它们都属于圆形侧边类型,但具体的距离还要视字形实际占用的空间进行微调。第四种的是三角形侧边类型,是间距中最小的类型,因为侧边形成的负空间最大,所以间距要更紧一些。

英文标准字体设计——文字间距 飞特网 设计理论

通过此图可以大致理解间距的关系,接下来看字的正负空间对间距的影响。

下图为三种形状的侧边开放空间对视觉间距引导的示意图。

英文标准字体设计——文字间距 飞特网 设计理论

拥有三角形侧边类型的大写字母,如T、V、A、W,有时候会与小写字母形成更复杂的关系,因为它们有一侧或两侧的开放式空间,因此与一些小写字母的字间距甚至是负值,小写字母会进入它们的内部。以下图为例,注意红色箭头处及T下方开放空间的处理,以进行视觉上的均衡。

英文标准字体设计——文字间距 飞特网 设计理论

在设计间距的时候通常以侧边类型为方形的字母为基准,设置一个所需的间距值,然后以此为基准去调校其他字形间距。下图示例中可以看到,H、 M、N这种两边的侧边类型都是方形的字间距是一样的。E、D都是右侧开放边缘,红色的开放字白部分都对间距起到了消减的影响。

英文标准字体设计——文字间距 飞特网 设计理论

值得一提的是,不少小写字母都拥有升部(b、d、k、h 等 )和降部(g、j、 p、q 等 )。以下图为例,虽然 k 的左侧和 m 一样属于方形侧边结构,但是 k 的升部加强了其厚重感,因此间距需要微调得更大一些。

英文标准字体设计——文字间距 飞特网 设计理论

字形设计与间距其实是一个非常精深的课题,这里只能抛砖引玉,做个基本的介绍和发散。

——

以上内容选自我的新书《品牌设计法则》,京东、当当网均有销售。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

12
33

好评
37

差评

刚表态过的朋友 (70 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

天堂鸟
北京市 怀柔区 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计