欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

8条非常实用的设计字体规则详解

程序员文章站 2022-05-25 17:37:59
这篇教程是向脚本之家的朋友介绍8条非常实用的设计字体规则,教程真的很不错,很适合新手来学习,推荐到脚本之家,喜欢的朋友一起来看看吧... 15-07-17...

(小编在这里解说一下,在国外typography是指字体排版和印刷,研究的是如何使用字体;而type design是研究如何设计和创造字体,在这里大家要区分一下,其实typography也是包含type design的)

今天,我们要讨论的事情,它既是一个热门趋势又是一个永恒的艺术——字体。下面列出的基本规则将帮助你在设计中更加了解如何构建和使用文字。


当意识到这些规则,差不多可以提高你创作的所有事,包括一个标题或者是主要的字体排版元素。现在,让我们开始学习吧!

#1学习基础知识

为了实现更有效的字体排版,第一步是要了解一些艺术。如果你不熟悉它的概念,你可能会认为字体排版一定是一个相当简单的学科。当然,如果你知道字母系统,那么你已经赢得了这场战役的一半了吧?剩下的就是改变它一点外观,那么你就有了属于你自己的字体!在现实中,字体是相当难懂和复杂的,因为它既是科学的也是艺术的。

一个字体的解剖涉及到非常具体详细的专业术语,严格的尺寸和通用标准都必须知道而且遵从。和许多形式的设计一样,需要声明地一点是,如果你了解规则,知道它好在哪里,那么你可以打破规则并且有意识地去做设计。

一个在线学习字体的最好网站是——i love typography,一个描述漂亮字体的博客。这是一张来自我爱字体博客上的图片,展示一些你应该熟悉的专业术语:

8条非常实用的设计字体规则详解

正如你看到的那样,快速的制作出漂亮的字母就变的复杂困难了。

上图非常形象化地解释了这些专业术语,但这并不是一个详尽的术语清单和你需要熟悉的概念。例如,术语中的字母x的高度,字距调整,还有在平面上不被输入的基准线。为了更好的控制这些,你应该花一些时间来浏览字体术语表。


这是什么鬼?

这个问题的答案是显而易见的:"因为你是一个设计师!"如果你经常里使用单词创作设计作品的话,不管你打算做还是不做你都要深入研究钻研字体。花些时间学习的基本原则会让你清楚了解你选择的字体,其中使用类型的艺术特点和方式。


#2注意你的字距

这篇文章不是为了研究字体设计,所以我不会去考上面细节中提到的每一个专业术语。然而,字距调整是许多设计师,无论是新的还是老的,都会忽略的事情。最近我和一个女性时尚网站的高级艺术总监在讨论字体这门学科。让她有种失落感的事情是她下面的设计师都缺乏对字距调整的认识。

字距是什么?

字距调整就是在给出的一个字体调中去调整两个字母之间的间隔。

注意这是一个独立问题,它需要同时调整所有字母的空间距离。你也许会认为这是一个高价昂贵的项目,就像adobe illustrator会自动为你解决所有字间距的问题,因此你也认为字距调整不是问题,不会出现在你的艺术作品中。 再想想,思考一下。体会一下下面给出的例子:

8条非常实用的设计字体规则详解

即使你还不习惯找字距调整的问题,(虽然这些问题可能是很细小的)但它们却真实的存在。在上面的例子中,注意到大写字母"d"从其余的字母中明显的突显出来了。默认情况下,很多字体,尤其是那些有明显的衬线,它们具有不一致的字符间距。通常情况下,在一个段落或句子中,混合着一些不一致的字距做副文本,通常情况下这不是什么大问题。然而,当你在处理只有寥寥数语的时候,如在标题或logo中,忽视字距问题可以摧毁整个审美。

当在处理网页字体和css控制网页字体显示样式时,字距调整问题变得相当复杂;如果你在illustrator,photishop等软件中作为图像创建一个文本(用来印刷或者网页制作),那么修改起来会非常容易。在两个字符之间插入你的光标 ,苹果电脑上是option键(pc=alt)结合左右方向键调整字距空间。请记住,不要集中在这么多的字母和字母的负空间上。试着让整个单词或短语的空间在视觉上保持一致。

#3注意字体的沟通交流

字体的选择从不是一个武断任意的过程。通过你自己的字体库找一个你喜欢的字体看上去很简单,但这样很少会得到一个有效的结果和答案。理由是,有些确定的类型字体与固有的心理学有关。要明白我说的是什么意思,思考一下下面给出的例子:

8条非常实用的设计字体规则详解

如果你是敏锐的,那么你会发现这些字体选集看上去是非常糟糕的。主要原因是,有视觉个性的字体选集和手写单词被分开了,脱节了。你也从不会在看到一个世界战斗冠军用一个一个漂亮的脚本字体来表达惊呼兴奋感。同样的道理,你可能永远都不会在你的婚礼请柬上使用cooper black字体。我们已经习惯于看到不同类型的用于特定用途的字体。

每种字体都在意识和潜意识两个层面传达特定的属性。所传达属性的两个主要领域是性别(gender)和时代。(英语里的gender,中文翻译为社会性别/性别,其实是不对的,这个词是所有物质的性别,比如语言中词性有阴性、阳性和中性。)看一下下面的例子。

8条非常实用的设计字体规则详解

请注意前两个字体强烈传达了特定的过去时代。同样,下面的两个字体各自有着强烈的基于性别的特征联系。有着坚硬边缘的粗字体往往看起来更加阳刚和男子汉,同时,曲线玲珑,纤细的字体显示女性的和少女的特征。

这一切似乎都显而易见,如果你能够利用这些知识,就是用隐式的和直觉的这部分或者你主动有意的去做一些尝试,也许你排版的技能将会突飞猛进地提高。

关于更多的字型

了解更多特殊类型的字体,看看adobe的类型分类图

8条非常实用的设计字体规则详解

#4对齐

对齐是字体中一个极其重要的概念。出于某种原因,非设计师往往本能地用中心对齐来解决一切事情。在生活中,我们了解到,如果有些事情是对中的,然后让它保持平衡,因此这样会更好。在现实中,居中对齐阅读起来是最弱的,最难的,应该用非常有选择性的对齐方式。

8条非常实用的设计字体规则详解

上面图片中的前两段是左对齐。这种方式是我们习惯用来阅读的,因为它通常是我们在书籍或者杂志中看到的排版方式。中心对齐的段落阅读起来更困难,由于它缺乏轮廓鲜明的边缘。每一行都没有一致的起点或者是终点,所以你的眼睛需要花一些时间来适应每一个新行。在实践中,也许这两种不同做法是微妙的,但在原则上确是巨大的。

这并不是意味着你在任何时候你只能使用左对齐。你在试图实现的时候,只是一定要不断的问自己可读性与独特的审美哪个重要。理想情况是这些原则总在一起工作,但事实上,他们往往对立,需要妥协一方或另一方。

另一件事需要注意的是混合对齐模式。无论你选哪种对齐模式,尽量在你的设计中保持一致。它通常(但并不总是)适合于把标题中心对齐,正文左对齐。但如果尝试混合排版可能导致视觉混乱和页面杂乱。

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

为网页选择字体排版的对齐方式

8条非常实用的设计字体规则详解



#5选择一个好的辅助字体

在你选择好一个主要的字型后,接下来就是选择另一种字体来强调它。这是一个和主字截然相反相冲突选择。看下图。

8条非常实用的设计字体规则详解

上述图像中的第一个例子中有几个问题。首先,所选字体的类型是非常差的。该辅助字体比主字体更加华丽(和难以阅读)!这有损于主字体,应该避免。另外,即使在第一个问题不是一个问题,这两个字体被一起使用,简单的说在粗细上就太相似了。即使它们是在风格上截然不同,它们具有相似的笔划重量在两者之间不能提供足够的视觉对比。

第二个图像使用更恰当对比的字体,并且利用了更细,更简单的字体做副标题。你在设计时,你的字体肯定没有这么大的反差(例子中的字体作用是故意夸大了的),只要确保他们足够的不同,以避免视觉上的混乱,和更多的重点是放在主要的字体上。

#6尺寸问题

我成为一个设计师有六年了,在六年中我设计创造了大量的印刷广告。其中一件事就是在早期工作中你就知道宣传资料的标题应该立即抓住读者的眼球。在印刷的世界中,你只有一两秒钟的时间引起别人的注意。如果你错过了这个机会,那么你就失去了你的潜在客户。

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

8条非常实用的设计字体规则详解

第一个标题需要你阅读每一个单词,才会得到一个大致的消息。一切都是相同的尺寸,宽度和颜色,这没有强调任何部分的消息。单词"could"在视觉上和单词"win"一样重要。

相比之下,第二标题要比第一个强得多,虽然它利用完全相同的消息。我不再去强调整句话,整句话不再那么重要,真正在呐喊的是里面的单词。第一个标题的问题是,观众必须愿意花时间去阅读它。第二个的关键是当观众看到标题,只去阅读最重要的部分,就像偶然发生的一样。

纵观第二个例子中,你应该注意到的第一件事就是单词"win",其次是"the bahamas"。"在这一点上,如果你是目标受众,我们已经激起了你的兴趣,你更可能花费时间来看看这个消息是怎么一回事。

#7 当作艺术使用字体排版

8条非常实用的设计字体规则详解

现在,停止思考作为简单的标题和正文排版的问题 ,开始考虑它作为一个设计元素该怎么设计。字体是精心设计的,因此具有一种高的审美对你设计库来讲是一个宝贵的资产。这当然远远超出用字母构建外貌。如果你想创建一个typography-centric设计,想想你要怎样把英雄和字体结合,作出一个吸引人的设计。

另外,不要觉得你被现有的字体的结构限制。扩大字体的形状来适应你的需求。试着增加旋转,纹理结构,斑点等,和其他任何你能想到的,使字体看上去更加活跃。

8条非常实用的设计字体规则详解

#8找好的灵感

要学会创建有效的和有吸引力的排版,最好的办法是找到并研究一些现有的例子。以下是网上寻找灵感一些好的文章,但不要就此止步。到处转一下,看看你身边其他人在做什么,为什么么这么做,或者为什么看上去没起到好的效果。

华丽的花字体设计案例

8条非常实用的设计字体规则详解

40个漂亮的版式广告设计的例子

8条非常实用的设计字体规则详解

华丽的广告设计中字体的例子

8条非常实用的设计字体规则详解

50个古老字体设计的例子

8条非常实用的设计字体规则详解


打破规则

记住这些规则只是为了成为指导方针来帮助您创建好的字体排版。

一路上,你会发现一些你最好的作品公然破坏了一个或多个在本文中列出的原则。正如我之前所说,当你完全了解一个给定的设计规则后,你可以打破它的许可。只要确保不是任意的无视,而是有目的的执行,以实现特定的目标。

额外的学习资源

    typedia: a shared encyclopedia of typefaces

    typophile

    the elements of typographical style applied to the web

    15 tips to choose a good text type

    规则往往会束缚我们,但我希望这8个建议你能够好好了解,知道字体排版设计规则,但又不局限于规则中,也希望这8条建议可以成功打开你的字体设计的可能性。