
今天,我们要探讨的事宜,它既是网站建设一个热门趋向又是一个永恒的艺术——字体。下面列出的基础规则将帮助你在设计中更加理解怎样构建和操作文字。
当意识到这些规则,差不多能够提升你创造的所有事,包含一个标题或者是紧要的字体排版元素。当前,让我们着手进修吧!#1 进修基本知识
为了实现更灵验的字体排版,第一步是要理解有些艺术。如果你不熟悉它的观念,你可能会认为字体排版务必是一个相当简易的学科。当然,如果你知晓字母系统,那么你已经赢得了这场战役的一半了吧?剩下的就是改变它一点外观,那么你就有了属于你自己的字体!在现实中,字体是相当难懂和复杂的,由于它既是科学的也是艺术的。
一个字体的解剖涉及到极其详尽详细的专业术语,严格的尺寸和通用准则都必须知晓而且遵从。和众多模式的设计一样,需要声明地一点是,如果你理解规则,知晓它好在何处,那么你能够打破规则并且有意识地去做设计。
一个在线进修字体的最佳网站是—— I Love Typography,一个描述漂亮字体的博客。这是一张来自我爱字体博客上的图片,展示有些你应当熟悉的专业术语:
正如你看到的那样,火速的制作出漂亮的字母就变的复杂困难了。
上图极其形象化地解释了这些专业术语,但这并不是一个具体的术语清单和你需要熟悉的观念。例如,术语中的字母x的高度,字距调整,还有在平面上不被输入的基准线。为了更好的控制这些,你应当花有些时间来浏览字体术语表。
这是什么鬼?
这个问题的结论是显而易见的:“由于你是一个设计师!”如果你时常里操作单词创造设计作品的话,不管你打算做还是不做你都要深入研讨钻研字体。花些时间进修的基础原则会让你清楚理解你选取的字体,其中操作类别的艺术特色和方式。
#2留意你的字距
这篇文章不是为了研讨字体设计,所以我不会去考上面小节中提到的每一个专业术语。然而,字距调整是众多设计师,无论是新的还是老的,都会忽视的事宜。近期我和一个女性时尚网站的高级艺术总监在探讨字体这门学科。让她有种失落感的事宜是她下面的设计师都缺乏对字距调整的认识。
字距是什么?
字距调整就是在给出的一个字体调中去调整两个字母之间的间隔。
留意这是一个单独问题,它需要同时调整所有字母的空间距离。你或许会认为这是一个高价昂贵的项目,就像Adobe Illustrator会自动为你修复所有字间距的问题,因此你也认为字距调整不是问题,不会出当前你的艺术作品中。 再想想,考虑一下。心得一下下面给出的例子:
即使你还不习惯找字距调整的问题,(固然这些问题可能是很细小的)但它们却真实的存在。在上面的例子中,留意到大写字母“D”从其余的字母中明显的突显出来了。默认情形下,许多字体,尤其是那些有明显的衬线,它们具备不统一的字符间距。通常情形下,在一个段落或句子中,混合着有些不统一的字距做副文本,通常情形下这不是什么大问题。然而,当你在处理只有寥寥数语的时候,如在标题或logo中,忽略字距问题能够摧毁整个审美。
当在处理网页字体和css控制网页字体显示样式时,字距调整问题变为相当复杂;如果你在Illustrator,Photishop等软件中作为图像创立一个文本(用来印刷或者网站制作),那么修改起来会极其容易。在两个字符之间插入你的光标 ,苹果电脑上是option键(PC=alt)结合左右方向键调整字距空间。请记住,不要集中在这么多的字母和字母的负空间上。试着让整个单词或短语的空间在视觉上保持统一。
#3留意字体的洽谈交流
字体的选取从不是一个武断任意的进程。通过你自己的字体库找一个你喜爱的字体看上去很简易,但这样很少会得到一个灵验的结果和结论。原因是,一些确立的类别字体与固有的心理学有关。要明白我说的是什么意思,考虑一下下面给出的例子:
如果你是敏锐的,那么你会发现这些字体选集看上去是极其糟糕的。紧要因素是,有视觉个性的字体选集和手写单词被分开了,脱节了。你也从不会在看到一个世界战斗冠军用一个一个漂亮的脚本字体来表达惊呼兴奋感。同样的原理,你可能永远都不会在你的婚礼请柬上操作Cooper Black字体。我们已经习惯于看到不同类别的用于特定作用的字体。
每种字体都在意识和潜意识两个层面传达特定的属性。所传达属性的两个紧要范畴是性别(gender)和时代。(英语里的Gender,中文翻译为社会性别/性别,其实是不对的,这个词是所有物质的性别,比如语言中词性有阴性、阳性和中性。)看一下下面的例子。
请留意前两个字体强烈传达了特定的过去时代。同样,下面的两个字体各自有着强烈的基于性别的特征联络。有着坚硬边缘的粗字体往往看起来更加阳刚和男子汉,同时,曲线玲珑,纤细的字体显示女性的和少女的特征。
这一切似乎都显而易见,如果你可以借助这些知识,就是用隐式的和直觉的这部分或者你主动有意的去做有些试试,或许你排版的技能将会突飞猛进地提升。
关于更多的字型
理解更多特殊类别的字体,瞧瞧Adobe的类别归类图
#4对齐
对齐是字体中一个非常紧要的观念。出于某种因素,非设计师往往本能地用中心对齐来修复一切事宜。在生活中,我们理解到,如果一些事宜是对中的,然后让它保持平衡,因此这样会更好。在现实中,居中对齐阅读起来是最弱的,最难的,应当用极其有选取性的对齐方式。
上面图片中的前两段是左对齐。这种方式是我们习常用来阅读的,由于它通常是我们在书籍或者杂志中看到的排版方式。中心对齐的段落阅读起来更困难,因为它缺乏轮廓鲜明的边缘。每一行都没有统一的起点或者是终点,所以你的眼睛需要花有些时间来适应每一个新行。在实践中,或许这两种不同做法是微妙的,但在原则上确是巨大的。
这并不是意味着你在任什么时候候你只能操作左对齐。你在试图实现的时候,只是务必要不断的问自己可读性与独特的审美哪个紧要。理想情形是这些原则总在一起工作,但事实上,他们往往对立,需要妥协一方或另一方。
另一件事需要留意的是混合对齐形式。无论你选哪种对齐形式,尽量在你的设计中保持统一。它通常(但并不一直)合适于把标题中心对齐,正文左对齐。但如果试试混合排版可能造成视觉混乱和页面杂乱。
有关字体排版的更多信息,请查看文章下面。
为网页选取字体排版的对齐方式
#5选取一个好的辅助字体
在你选取好一个紧要的字型后,接下来就是选取另一种字体来强调它。这是一个和主字截然相反相冲突选取。看下图。
上述图像中的第一个例子中有几个问题。首先,所选字体的类别是极其差的。该辅助字体比主字体更加华丽(和难以阅读)!这有损于主字体,应当防止。另外,即使在第一个问题不是一个问题,这两个字体被一起操作,简易的说在粗细上就太相似了。即使它们是在风格上截然不同,它们具备相似的笔划重量在二者之间不能提供足够的视觉对照。
第二个图像操作更恰当对照的字体,并且借助了更细,更简易的字体做副标题。你在设计时,你的字体肯定没有这么大的反差(例子中的字体用途是故意夸大了的),只要确保他们足够的不同,以防止视觉上的混乱,和更多的难点是放在紧要的字体上。
#6尺寸问题
我成为一个设计师有六年了,在六年中我设计创作了大量的印刷广告。其中一件事就是在早期工作中你就知晓传播资料的标题应当立即抓住读者的眼球。在印刷的世界中,你只有一两秒钟的时间引起别人的留意。如果你错过了这个机遇,那么你就失去了你的隐性 用户。
这实际上意味着,当你创立一个标题时,不要简易地把它打印输出出来:要去设计它。思考以下两个例子:
第一个标题需要你阅读每一个单词,才会得到一个大致的消息。一切都是相同的尺寸,宽度和颜色,这没有强调任何部分的消息。单词“could”在视觉上和单词“win”一样紧要。
相比之下,第二标题要比第一个强得多,固然它借助完全相同的消息。我不再去强调整句话,整句话不再那么紧要,真确在呐喊的是里面的单词。第一个标题的问题是,观众必须愿意花时间去阅读它。第二个的关键是当观众看到标题,只去阅读最关键的部分,就像偶然发生的一样。
纵观第二个例子中,你应当留意到的第一件事就是单词“WIN”,其次是“THE BAHAMAS”。”在这一点上,如果你是目标受众,我们已经激起了你的兴趣,你更可能花费时间来瞧瞧这个消息是怎样一回事。
#7 当作艺术操作字体排版
当前,停止考虑作为简易的标题和正文排版的问题 ,着手思考它作为一个设计元素该怎样设计。字体是精心设计的,因此具备一种高的审美对你设计库来说是一个宝贵的资产。这当然远远超出用字母构建外貌。如果你想创立一个typography-centric设计,想想你要如何把英雄和字体结合,作出一个吸引人的设计。
另外,不要觉得你被现有的字体的构架限制。扩大字体的形状来适应你的需求。试着提升旋转,纹理构架,斑点等,和其他任何你能想到的,使字体看上去更加活跃。
#8找好的灵感
要懂得创立灵验的和有吸引力的排版,最佳的方法是找到并研讨有些现有的例子。以下是网上寻找灵感有些好的文章,但不要就此止步。到处转一下,瞧瞧你身边其他人在做什么,为何么这么做,或者为何看上去没起到好的效益。
打破规则
记住这些规则只是为了成为指导方针来帮助您创立好的字体排版。
一路上,你会发现有些你最佳的作品公然破坏了一个或多个在本文中列出的原则。正如我以前所说,当你完全理解一个给定的设计规则后,你能够打破它的许可。只要确保不是任意的无视,而是有宗旨的执行,以实现特定的目标。
规则往往会束缚我们,但我希望这8个建议你可以好好理解,知晓字体排版设计规则,但又不局限于规则中,也希望这8条建议能够成功打开你的字体设计的可能性。
