8个创建有效字体排版设计的规则

来源:设计前沿收集 作者:佚名 时间:2017-08-15

今天我们将讨论一个既潮流又永恒的艺术:排版。下面概述的基本规则将帮助您更好地了解您的设计中的结构和使用排版。

意识到这些规则可以改善您创建的几乎包含标题或主要排版元素的所有内容。让我们开始吧!

1.了解基础知识

您更有效排版的第一步就是学习一下艺术。如果你不熟悉它的概念,你可能认为排版必须是一个相当简单的纪律。当然,如果你知道字母表,你赢了一半的战斗权?剩下的就是改变它的外观,你有自己的字体!实际上,排版相当复杂,与艺术一样多的科学。

字体的解剖学涉及非常具体的术语,精确的测量和必须被认识和尊重的一般标准。与许多形式的设计一样,如果你知道它很好,并且有意地做一个声明,你只能摆脱一条规则。

在线上学习排版的最好的地方之一是我爱排版,一个致力于美丽类型的博客。这是ILT的一个图像,展示了您应该熟悉的一些术语:

截图

正如你所看到的,使漂亮的字母很快变得复杂。以上图形在视觉上解释这些术语方面做得非常出色,但这并不意味着您需要熟悉的术语和概念的详尽清单。例如,图形中甚至没有处理诸如x-height,kerning和baseline的术语。为了更好地抓住所有这些,您应该花几分钟时间浏览排版词汇表。

什么鬼?

这个问题的答案是显而易见的:“因为你是一个设计师!”如果你经常创作使用词汇的设计,那么你正在深入排版,无论你打算做还是不打算。花点时间学习基本原理将使您更加了解您选择的字体的特征以及您使用类型作为艺术的方式。

观看你的字距

这篇文章并不是一个全面的排版学习,所以我不会详细的检查上面提到的每个术语。然而,字距调整是许多新老设计师完全忽略的东西。最近我和主要女性时尚网站的高级艺术总监讨论这个问题。她最沮丧的一件事是她对设计师的不满,就是他们一贯缺乏关于字距调整的努力。

它是什么?

字距调整涉及调整给定字体中两个字母之间的间距。请注意,这是一个单独的问题,而不是跟踪,它同时调整所有字母之间的空间。您可能会认为像Adobe Illustrator这样昂贵的程序会自动解决您的所有字距问题,因此这不是您的作品中出现的问题。再想一想。看看下面的例子:

截图

如果您不习惯查找字距调整问题,这些问题可能是微妙的,但它们在那里。请注意,上述示例中的大写字母“D”与其余单词大相径庭。默认情况下,许多字体,特别是具有发音衬线的字体,可能具有不一致的字母间距。这通常不是一个段落或句子中的一个巨大问题,因为不一致的间距排列在较小的副本块中。然而,当你只处理几个字,如标题或标志时,马虎角色问题可能会破坏整个审美。

在处理Web字体和CSS时,Kerning问题可能会变得复杂,但是如果您在Illustrator,Photoshop等中创建文本作为图形(打印或Web),则很容易解决。只需将光标插入两个字符之间,并使用该选项(PC = alt)键与左右箭头键一起调整间距。记住不要把这些字母重点放在字母之间的负空间上。尝试使这个空间在整个单词或短语中视觉上保持一致。

3.意识到字体交流

字体选择不应该是任意的过程。只需查看整个图书馆,查找您喜欢的字体很少会产生有效的结果。原因是与某些类型的字体有固有的心理学关系。看看我的意思,请考虑以下例子:

截图

如果您是感性的,这些字体选择似乎很差。原因是字体选择的视觉个性与用它们写的单词之间存在重大的分离。你几乎永远都不会看到世界领先的终极战斗冠军以一种漂亮的脚本字体而闻名。同样的道理,您可能永远不会在您的婚礼邀请中使用Cooper Black。我们已经习惯于看到用于某些目的的不同类型的字体。

每个字体都在有意识和潜意识层面上传达某些属性。两个主要的交流领域是性别和时代。考虑下面的例子。

截图

注意前两个字体如何强烈地传达一个特定的过去时代。类似地,接下来的两种字体都具有强烈相关的基于性别的特征。硬边缘的粗字体往往看起来更加男性化和男子气概,而弯曲的,薄的字体显得女性气质。

这一切似乎有点明显,但是如果您能够从隐性和本能部分或大脑中获取这些知识,并将其转化为明确和有意的行为,您的排版技能将会跨越式发展。

更多关于字体

要了解有关特定类型字体的更多信息,请查看Adobe的类型分类图。

截图

对齐

排列是排版中极其重要的概念。由于某些原因,非设计师倾向于本能地将所有内容对齐。在生活的某个地方我们知道,如果某些东西是中心的,那么它是平衡的,因此更好。实际上,中心对齐是最弱,最难阅读的对齐方式,应该非常有选择地使用。

截图

上面的前两段是左对齐的。这是我们习惯阅读的方式,因为它通常是我们在书籍,杂志等中看到的格式。由于缺乏硬边缘,中心对齐的段落更难读懂。每一行都没有一致的开始或停止点,所以你的眼睛需要花点时间来调整每条新行。差异在实践中是微妙的,但原则上是巨大的。

这并不意味着您应该始终使用左对齐方式。只要确保不断问问自己,可读性是多么重要,而您可能会尝试实现的特定审美。理想情况下,这些原则将始终在一起工作,但实际上它们往往是反对力量,需要以某种方式妥协。

需要注意的另一件事是混合排列。无论您选择哪种对齐方式,请尽量在整个设计中保持一致。通常(但不总是)适合于将标题对齐在左对齐的副本上,但是尝试使用混合对齐方式超出此可能会导致视觉上混乱和混乱的页面。

有关字体对齐的更多信息,请查看下面的文章。

选择Web的类型对齐

截图

5.选择好的二级字体

选择主要字体后,下一步就是选择另外一个字体来强调它。这与一种与主要选择冲突的字体相反。

截图

上图中的第一个例子有几个问题。首先,选择的字体类型很差。支持字体比主字体更华丽(更难阅读)!这会减损主字体,应该避免。此外,即使第一个问题不是问题,两个字体的厚度也是相似的,以便一起使用。尽管它们的风格截然不同,但它们的相似笔触重量并不能在两者之间提供足够的视觉对比度。

第二个图像使用更加适当的对比字体,并为子标签使用更薄更简单的字体。您的字体绝对不必对比这个例子(效果是有意夸张的例子),只要确保它们不同,足以防止视觉混乱,并且更重视主字体。

尺寸事项

在设计师六年的时间里,我创造了大量的印刷宣传广告。您早期学习宣传材料的其中一件事情是,头条应该立即抓住读者。你有两到两个在打印世界中得到某人的注意。如果你错过了这个机会,你已经失去了潜在客户。

这实际上意味着,当您创建标题时,不要简单地输出:设计它。考虑以下两个例子:

截图

第一个标题要求您阅读每个单词以了解有关信息。一切都是相同的大小,宽度和颜色,使消息的任何部分零重点。“可能”一词与“赢”一样视觉重要。

相比之下,即使它使用完全相同的信息,第二个标题更强大。我已经强调了不那么重要的话,真的尖叫着这些话。第一个标题的问题是观众必须愿意花时间阅读它。那么诀窍就是让观众一看到标题就可以阅读重要的部分,就好像意外一样。

看第二个例子,你应该注意的第一件事是“WIN”,然后是“THE BAHAMAS”。在这一点上,如果你是目标受众,我们激起了你的兴趣,你更有可能采取看看这个消息是什么的时候了。

使用排版作为艺术

截图

不要把排版看做简单的标题和身体复制,并开始把它当作设计元素。字体设计精巧,因此具有审美意义,可以为您的设计武库提供宝贵的资产。这当然远远超出了使用信件的面孔。如果要创建以排版为中心的设计,请考虑如何将有吸引力的类型作为英雄。

此外,从来没有感觉像现在的字体结构一样受限制。展开字体形状,以满足您的需要。尝试添加漩涡,纹理,斑点,雀斑以及您可以想到的任何其他类型的外观。

截图

找到好的灵感

学习创造有效和有吸引力的排版的最好方法是找到和研究一些现有的例子。以下是一些在线查找灵感的精彩文章,但不要停止。好的和不好的排版示例是最近的快餐联合。随时随地了解其他人正在做什么,并考虑为什么这样做或似乎不能正常工作。

华丽的花卉字体的例子

截图

广告设计中美丽排版的例子

截图

广告设计中华丽的排版示例

截图

复古字体的例子

截图

打破常规

请记住,这些规则只是为了帮助您创建出色的排版方式。一路上你会发现一些最好的工作公然地打破了本文中概述的一个或多个原则。正如我之前所说,你完全理解设计中的一个规则的那一刻是你有权打破它的那一刻。只要确保忽视不是任意的,而是有目的地执行,并达到一个特定的目标。