英文字体设计和选择,应该遵循的10条规则

你有没有注意到,有些页面因为其精美的字体就提升了一个层次?

很多设计师在字体设计和字体选择上都颇具心得,而你也可以通过一些简单的规则做到这一代你。这将帮助您改进项目中字体的外观和设计,不论是印刷还是网页都可以得到提升。如果你为字体选择而苦恼,那就看一下这些小提示吧!

01.设定项目的目标

45593118 - design, chosen, sharing - 英文字体设计和选择,应该遵循的10条规则

良好的版式设计始于对项目本身的深刻理解。在你浏览Google Fonts或Typekit之前,请先问自己以下问题:

  • 此项目的目标是什么?
  • 用户如何进行交互?
  • 功能之间如何进行切换?
  • 此项目应表现出怎样的情感?
  • 需要和其他设计或品牌相互配合吗?

这些问题的答案将帮助你构思你真正需要的版式,你将据此来进行字体的选择。

你还可以阅读这篇关于字体的情绪表现的文章。

02.寻找相似形状的字体

86064275 - design, chosen, sharing - 英文字体设计和选择,应该遵循的10条规则

当设计中使用了多个字体时,字形可能会促成或破坏字体整体的协调感。那么如何创造协调感呢?你需要寻找形状相似的字体,关于外形主要需要考虑:曲线形状、字重、x高度、倾斜等。

首先选择一种主要字体或称正文字体,然后匹配具有相似形状的字体作为补充。

具体来说,比如每个字体中的小写字母o,内圈的形状是圆形还是椭圆形?再比如,字体的薄厚是否能相互搭配?再比如,字体的x高度是否相似?

你可以大胆尝试不同风格字体的混搭,比如衬线字体和无衬线字体这样复杂和简单的组合,但要确保页面主要使用的是简单的字体,如正文。

同时,你可以选择一个专用的斜体字体,字形也可以用小写字母o的内圈来做参考。请注意,不要使用多于一个的斜体,并避免向相反的方向倾斜的字体对,这会对用户浏览造成不便。

你可以阅读这篇字体混用的指南。

03.设置字体的尺寸比例

字体的大小会对项目产生巨大影响。如果文字太大,阅读起来会出现过多断行而很不舒服。如果文字太小,会使得眼睛疲劳,并导致用户流失。而当文字大小恰到好处时,用户的阅读才是最舒适的。

文本的大小应该随着项目中内容的应用而变化,标题、副标题、正文都应当使用不同的尺寸。这些尺寸的应用应该在整个项目中保持一致。这也有利于用户的阅读。

文本的大小和重要性也应有关系,更大的字体一般是更重要的,也不容易被用户忽略。对尺寸的应用可以提高文本的可读性,使得用户可以更快地阅读。功能相同的内容应该有相同的外观。较大的文本,比如副标题,有助于将长文本快分解开来,使得阅读变得更容易。

04.注意字距

42424870 - design, chosen, sharing - 英文字体设计和选择,应该遵循的10条规则

虽然字距和字体并不直接相关,但它很重要。首航缩进、悬挂缩进、字间距、行间距等,将直接影响整个页面的美观。

把握恰到好处的间距是一门艺术,具体的应用取决于实际的字母组合、字体大小和字体形状,没有固定的规则。你需要依靠眼睛去看,凭感觉来测量。你可能不能指出具体错在哪里,但你或许能感觉到“这样不对”,这时你就可以试着调整字距了。具体的调整需要练习,同时依靠感觉和眼力。

05.使用左对齐来方便阅读

英文和其他语言一般都是从左到右阅读的,这也是在大块文字中最理想的对齐方式。

小部分文本,比如菜单和大标题则不必左对齐,因为他们可以被很快地读完。而大量的文本,凡是超过一句话的,都应该尽量左对齐。

06.选择两种字体

90245352 - design, chosen, sharing - 英文字体设计和选择,应该遵循的10条规则

这个规则对很多人都是板上钉钉:一个页面只用两种字体。这里再次强调这种规则,是因为真正关注它的设计师很少。遍历各种网站,你会看到字体严重的滥用。

如果你打算打破这一规则,请谨慎思考:你添加一种字体是为了什么?相反,将已选择的字体替换成另一种风格,比如粗体或斜体,可能是更好的解决方案。

07.不要让字体变形

永远不要拉伸、扭曲或倾斜字体。如果你需要与众不同的字形,请直接选择其他字体。

字体是字形设计师花费了大量时间创建并呈现的,改变字母的形状会影响可读性,并且可能会导致字体在被栅格的过程中断裂。

08.使用对比

70676293 - design, chosen, sharing - 英文字体设计和选择,应该遵循的10条规则

有时让设计师最困扰的事情就是把字体摆放在图像或背景元素上,只有在你使元素间对比鲜明相互分离时,这种做法才比较美观。如果你不得不给字体加上阴影,就说明对比度并不够。

在黑暗或深色的背景上可以让可读性更好,使用比较规则或笔画宽的字体也会有帮助。

你可以选择为文字加上背景、选择较重的字体或为图像叠加颜色。这些方法都会有助于增加对比,并使得文本更易读。请注意在响应式设计中,这些元素也需要和文字、背景同步移动。

09.注意移动端排版

当设计到网页排版时,移动端的可读性是非常重要的。有些有趣的设计,比如图案叠加和字母纹理在打印和电脑屏幕上可用,但在移动端可能出现弊端。

你需要考虑到字体所有可能呈现的方式,比如在较大的屏幕上和较小的屏幕上的表现。

移动端的字体通常稍大,并且阅读空间的比例更大,这有助于缩短单页容量和减少页面的滚动模块,使得阅读体验更佳。

10.保持风格

85991931 - design, chosen, sharing - 英文字体设计和选择,应该遵循的10条规则

一旦你对字体的选择有了明确的想法,就将他只作为一个标准,并贯彻执行它。

建议你制作标准的副本,并妥善保存。在改变设计时,你可以直接对它进行调整。

一致性对于漂亮的版式是十分重要的。

 

英文来源:DesignShack

英文标题:10 Rules for Perfect Type Design, Every Time

原作者:Carrie Cousins

翻译:卡米雷特

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。