你是会员吗?寄存器登录

打开菜单

完美类型设计的10条规则,每一次

你有没有注意到有些项目看起来很有魅力?有些设计师有一定的诀窍为每个项目设计完美的字体。

你也能做到。有了一些简单的规则,你可以在所有的项目中改进排版的外观和设计,数字和打印。如果你很难选择字体和配对字体,这些规则将帮助您设计完美的类型,每一次。(一定要跟着他们。)

1。为项目设定目标

排版设计

良好的排版首先要对你的项目应该做什么有一个扎实的理解。在你开始浏览谷歌字体或排字工具之前,记下几个问题的答案。

  • 你想和谁接触这个项目?
  • 用户应该如何处理设计?
  • 转换点是什么?
  • 项目的气氛如何?
  • 您是否需要与其他设计或品牌相匹配或协调?

这些答案将帮助你开始构思你要找的是哪种字体。(以下是设计项目中字体的含义和风格指南。

2。寻找相似的形状

排版设计

当涉及到在一个设计中匹配多个字体时,像字母的形状这样简单的东西可以使字体组合产生或破坏。

那么你如何确保你成功呢?

寻找形状相似的字体。想想每种字体是圆形还是椭圆形,厚或薄,有一个短的或高的x高度,或包括一个倾斜或倾斜。

选择初级,或身体,你喜欢的字体,然后匹配具有相似形状的互补字体。

  • 看看小写的“o”在每个类型的族中。里面是“碗”吗?圆形还是椭圆形?匹配“o”内部的字体是一样的。
  • 粗字体和细字体可以配对。最好用粗、细、规则的字体搭配。
  • 寻找X高度相似的字体(垂直尺寸为“X”)。
  • 不要害怕混合和匹配不同类型的风格。尝试使用衬线和无衬线组合。只要确保一个字体是复杂的,另一个很简单。使用最广泛应用的简单字体,如正文文本。
  • 注意倾斜和斜体。(你可以看到“o”的中心同样作为指导。)不要使用多个倾斜字体,避免使用反向倾斜的字体对。它们可能会让用户感到不安。

还不确定吗?这是混合字体指南。

三.为调整大小设置类型比例

字体的大小可以决定一个项目的成败。如果文本太大,它导致阅读模式不自然,停顿和停止过多。如果文本太小,它会使眼睛疲劳,导致用户离开设计。

当文本正确时,用户可以自由移动单词。

大小刚好合适的文本还随项目中不同大小的比例一起提供。正文文本是一种大小,标题是另一种尺寸,副标题是另一种尺寸。所有的尺寸和用途在整个设计过程中都应该是一致的。

这对用户的作用是使所有内容更容易阅读。

  • 文本大小按重要性排列信息的优先级。更大的类型更重要,更可能被大多数用户略读。
  • 比例增加了文本的可扫描性,以便用户快速查看。
  • 相关项目有相同的外观。
  • 较大的文本元素,例如副标题,帮助分解长文本块,使阅读更容易。

4。注意间距

排版设计

它本身不是那种类型,但是类型间距很重要。

角质化,领导,跟踪和填充可以使您的类型漂亮地呈现,或者将其变成一个热点混乱。

有一种很好的艺术可以使间距恰到好处。很大程度上取决于实际使用的字母组合,尺寸和字体。没有紧排规则——除了在必要时这样做之外——也没有对文本和其他元素进行完美的填充。

你得亲眼看看。

测试就是感觉。如果设计感觉“关闭”在某种程度上你不能确定,可能要归咎于间距问题。只是需要练习-和一双好眼睛-才能把它弄好。

5。左对齐阅读

在英语中,以及其他语言,用户从左向右阅读。这也是优化副本块中可读性的理想对齐方式。

小部分的文本——菜单元素或英雄头条——不必左对齐,因为它们很容易阅读。大量的副本——任何超过一句话的东西——都应该保持对齐。(理由是可以论证的,不过,如果不小心的话,它可能会引起一些偏离间距的问题。)

6。选择两种类型的族

排版设计

这条规则可能已经在你的头脑中被重击过了:一个项目只使用两种字体。

因为很少有设计师真正注意到这条规则,所以这里又有人这么说。浏览网页或投资组合网站,你会看到很多“字体变得疯狂”的项目。

如果你打算打破这个规则,再想一想。在混合字体中加入另一种字体,你能得到什么?相反,看看你选择的字体,看看另一种样式——粗体、细体或斜体——是否是更好的解决方案。

7。不更改字体

永远不要伸展、扭曲或倾斜字体。如果你需要一些不同于你现有的东西,选择其他选项。

字体设计师花了很多时间来创造出能像现在这样工作的字体。改变字母的形式会损害可读性,并可能导致字体“分离”。当你使用大于原始尺寸的照片时,照片会被像素化。

8。使用大量对比度

排版设计

让设计师们陷入麻烦的一件事是在图像或背景元素上添加类型。只有当元素之间有足够的对比度以创建分离并确保可读性时,它才起作用。

如果你要在字体上加一个阴影,对比度不够。

暗光或暗光可以确保可读性。它也有助于使用有规则或更宽笔画的字体。

但情况并非总是如此。一张照片可能包括亮和暗的空间,也可能包括粗和细的笔触。

选项包括装箱文本,选择较重的字体或为图像添加颜色覆盖。所有这些技术都可以帮助创建更多的对比度,使文本更具可读性。(加上,当在文本和图像移动的多个响应断点中使用时,它们往往会保持不动。)

9。记住移动排版

说到网络排版,移动可读性应该是首要考虑的问题。有趣的技术,如在字母上添加图案或纹理,可以在印刷品和一些桌面屏幕上使用,但在较小的设备上会出现不足。

您需要考虑字体在所有用途中的呈现方式。(回到你的排版规模,记住要包括大屏幕和小屏幕上的字体规格。)

移动排版通常有点大,并且比台式机上的排版有点大的间距。如果段落较短,这样就不会以需要多次滚动才能阅读的文本块结尾,这也会有所帮助。可以恐吓用户。

10。坚持使用样式指南

排版设计

一旦你对项目中的类型有了明确的概念,创建一个带有所有精确使用规则的样式指南。

制作副本。把它放在一个容易接近的地方。当你改变设计的时候就使用它。

一致性是完美印刷设计的关键组成部分。

结论

好的排版和坏的排版的区别在于大多数用户都能识别其中的一种。他们只知道什么时候设计不太合适。

在创造完美的排版时,最关键的问题是可读性。类型必须易于阅读和理解。它应该与副本的心情相匹配。它应该让用户几乎看不见;当他们不需要考虑它并且可以轻松阅读时,它就可以工作。