美文网首页
排版-字体

排版-字体

作者: 嘎嘎开心 | 来源:发表于2022-06-20 14:38 被阅读0次

无论字体多么独特,它们都有一些共同的特点。就像人体一样,字体可以分解成具有特定名称和功能的解剖部分。无论您是字体设计师还是普通的排版爱好者,学习字体的解剖结构都可以帮助您更好地了解什么是好字体或坏字体,是什么影响了它的易读性,或者是什么创造了一种特定的风格。

此外,您会更有信心选择满足您的需求并适合您的设计项目的字体。x 高度是否定义了小写“x”的高度?在什么情况下跟踪没有帮助,所以您需要应用字距调整?您需要特定的数字字体吗?您将知道如何回答这些问题,并更有信心与其他设计师更详细地讨论字体。

X 高度

X-height定义给定字体的所有小写字母的高度。该术语的名称来自用作测量单位的字母“x”。

x 高度越大,字体利用的空白空间越多,即使在小字体大小下,字体也越清晰。例如,设置为 8pts的 Helvetica 仍然保持清晰和独特。

pts是表示字的大小的一个单位,也叫磅。1mm=2.83pts

大写高度

与 x 高度相比,大写高度测量给定字体的大写字母的高度。最准确的测量来自平底字母,例如 L、E 或 M。弯曲或尖头字母,例如 S、O 或 A,可能会略微超出大写高度,以实现相同尺寸的光学效果.

笔画

笔画是一个通用术语,指的是构成字符主要部分的任何水平线、垂直线或对角线。笔划可以是直的,如 w、k 和 l,也可以是弯曲的,如 c、o 和 s。

上升线

上升线是小写字母(b、d、f、h、k、l、t)上的垂直笔划,延伸到字体的x高度大写高度之上。标记给定字体中所有上升线高度的不可见线称为上升线


下降线

下降部分是小写字母延伸到基线以下的部分。字母 g、j、q、p、y 和有时 f 都有这样的“尾巴”,最低部分由一条看不见的线标记——下降线

如果下降线太长,它们可以与下一行字母的上升线相交。通过查找不具有升序或降序的同义词或调整行距来解决此问题。

衬线

衬线是字母笔画开头或结尾的小型装饰性扩展。它们是衬线字体的标志 - 最初由早期印刷杂志推广的最古老的字体。最受欢迎的衬线字体是 Times New Roman、Georgia 和 Baskerville。

衬线字体营造出一种精致、信任和世界级品质的感觉。纽约时报、赫芬顿邮报、Dior 和 Burberry 使用衬线字体作为他们的品牌。

字距调整

字距 调整是调整单个字符之间的间距,通常是为了获得视觉上吸引人的结果。某些字母组合(通常涉及向外的角度或大的开放空间,如 W、Y、V 或 T)有很大的间隙并且看起来很尴尬。

有些字体的字距调整在小尺寸下看起来不错,但在放大标题时变得不平衡且难以阅读。发生这种情况是因为许多免费(甚至是低成本)字体几乎没有或没有内置字距调整,并且需要手动调整。

跟踪

与字距调整不同,跟踪调整字母之间的整体间距使文本感觉更宽敞,有时可以用来强调一个词,尤其是与大写字母或小写大写字母结合使用。与字距调整一样,跟踪通常应用于标题和徽标,以减少大型文本中的奇怪间隙。

黑色背景上的白色文本在应用了更多跟踪时通常会被认为更清晰。

基线

所有字母所在的不可见水平线称为基线。基线以下的所有内容都是下降器。

基线定义了每个字母的 x 高度的底部,并在测量文本和元素之间的垂直距离方面发挥着重要作用。


粗细

粗细 代表字体笔划的相对粗细。一个常见的字体可能有 3 到 6 个粗细,包括变体,例如轻、常规、中等和粗体。

在 CSS 中,网页设计师使用数值来定义 font-weight 属性:100 - 细,400 - 正常或常规,700 - 粗体,900 - 黑色或粗体。

当使用非常轻(如 100 或 200)或非常重(800 或 900)时,请使用较大的字体。否则,文字将无法辨认。

表格数字

表格数字,又名等宽数字,是指图形的间距,它们都占据相同的水平空间。结果,数字“1111”占用的空间与“9999”一样多。

设计师应在年度报告、价目表、财务报表、发票和其他数值不断变化且可能看起来抵消的数字列中的表格中使用表格数字。使用表格数字,用户可以轻松地扫描和比较数值数据。


比例数字

与表格图形不同,比例图形或非衬里图形具有不同的宽度,从而产生更均匀、平衡的间距。设计师应该在标题、副标题或任何其他应融入文本上下文且不需要与其他数字垂直对齐的副本中使用比例数字。

连字

在排版中,连字是两个或多个字素或字母组合成一个字形。最常见的连字,如 fi、fl 和 ff,由于其悬垂的形状而涉及小写 f。 另一个著名的连字是和号 (&),表示来自单词 et的古老手写拉丁字母 e 和 t的组合,意思是“和”。

根据它们在文本中的作用,连字分为 4 种类型:

标准

fi、fl、ff、ffi、ffl 和 ft 等连字的存在是为了增加易读性并使这种字母的碰撞更具吸引力。

全权委托

这些连字可能包括 ct、fs、st、sp 并起到装饰作用,创造出更老式的外观。

不寻常或不常见

可能包括在文本中很少遇到的标准和自由连字,如 fj、fk 或 ij。

长款

这些通常是包含长 s 与 h、l、i 或 t 组合的任意连字。

以上内容为转载

相关文章

  • 字体排版

    title: 字体排版date: 2016-10-24tags: CSS Secrets 0x01 连字符断行 C...

  • 排版-字体

    无论字体多么独特,它们都有一些共同的特点。就像人体一样,字体可以分解成具有特定名称和功能的解剖部分。无论您是字体设...

  • 菁鱼课堂干货来袭,设计圈超实用的2款字体排版工具

    今天菁鱼课堂的干货是2款字体排版工具,字体排版指的是将文字原稿依照设计要求组成规定版式的设计。字体排版不但可以提高...

  • CSS格式化排版

    CSS格式化排版 (1)文字排版 文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式...

  • 谈谈那些让企业人事不喜欢的简历有哪些

    一、关于简历排版跟字体 格式排版乱七八糟的简历。还有字体也是乱七八糟。简历出现的不同字体别超过三种,重点部分可...

  • 高逼格PPT文字排版技巧

    文字大小,字体,颜色,排版背景

  • PPT:2.2文字的排版

    文字的排版:字体 行距 对齐 1.字体——替换方法: (1)全部替换:...

  • 时尚杂志排版常用的字体有哪些呢?

    当你排版时不知道用哪种字体时,小编在这里给大家总结了时尚杂志排版使用频率较高的字体,先来说常见的英文字体,英文字体...

  • 0.0|目录

    字体处理 1.2|中文字体结构的简单介绍 1 图片处理 排版 3.1| 写给大家看的中文排版指南3.2|PPT图片...

  • 排版与字体

网友评论

      本文标题:排版-字体

      本文链接:https://www.haomeiwen.com/subject/wbljvrtx.html