作为一名设计师，你需要学习的最重要技能之一就是——选择字体。因为文字是设计师与用户交流的主要方式。字体排版可以成就一个设计，也可以毁掉一个设计。

本文将让你学会“如何为你的设计选择最合适的字体”，并鼓励你去探索那些你不熟悉的字体和组合。

Step 1 确定目的

在你开始之前，首先需要确定你设计的目的：你想传达什么信息?你的设计媒介是什么?

好的设计会让其字体版式与其整体设计的目的一致。这是因为排版也是我们设计中定义情绪、基调和风格的关键。

例如，如果您正在设计一个插图较多的贺卡，你需要选择适合插图风格的字体，使你的字体与设计相协调。

如果你正在设计一个以图片为主的登陆页面，你需要选择一个尽可能简单的字体避免宣兵夺主，才能更好的突出你的图片。

Step 2 确定受众

确定设计目的后你需要确定受众，这一步至关重要，因为针对不同年龄、兴趣、文化背景的受众会影响你的字体选择。

例如，有些字体更适合儿童使用。因为在学习阅读时，孩子们需要更易读的字体和更丰富的字母形状。

比如上图的Sassoon Primary字体，这是一个由罗斯玛丽（Rosemary）在她研究孩子们觉得什么字母易读之后发展而来的一种字体。

还有些字体更适合老年人，这些字体大小可读性更强、对比度更高，同时避免一些手写体、花体等装饰元素以保持其可识别度。

总之，在选择字体时要考虑到你的受众和他们的需求。简单地说，要与你的受众有共情。

Step 3 寻找灵感

你可以看看其他设计师的作品，试着了解他们是如何选择字体的。

关于字体

1.CreativeBloq的《82款最好的免费字体包》（可至文末【原文链接】下载）

2.awawwards的《100款最具设计感的免费字体包》（可至文末【原文链接】下载）

3.Invision的《免费字体包合辑》（可至文末【原文链接】下载）

4.Type网站，提供字体及其CSS样式便于你应用（可至文末【原文链接】下载）

5. WhatTheFont插件，让你检测到任何网页上用的是什么字体（可至文末【原文链接】下载）

关于字体搭配

1.Typewolf网站，提供字体搭配示意与排版指南（可至文末【原文链接】下载）

2.FontPair网站，你可以根据字体样式进行搭配，如无衬线和衬线、衬线和衬线（可至文末【原文链接】下载）

3.你可以在Behance和Dribbble等网站上参考一些设计师的搭配方案，如《Typography: Google Fonts Combinations 》、《Typography: Google Fonts Combinations Volume 2》等。（可至文末【原文链接】下载）

Step 4 选择字体

在选择字体时，请记住以下原则:易读性、可识别性和目的性。

选择经典、易于阅读的字体，避免使用装饰性很强的字体。让字体更简单实用的同时，也要注意字体的用途。

例如，有些字体更适合作为标题而不是正文。因此在选择字体之前，先研究一下这个字体本身设计的目的。

在字体搭配方面，尽量保持简单、最多不超过三种不同的字体。

此外，搭配的字体间可以相互对比，这将有助于引导受众的浏览（首先看标题，然后看正文）。

你还可以通过不同字体的大小、颜色和权重来打造出视觉上的对比...

Step 5 确定字体大小

确定字体搭配后，我们就需要确定字体的大小。

Adobe Modular Scale是一个很好的排版工具（可至文末【原文链接】下载）

你可以通过里面提供的字体模数系统，选择最合适的字体比例和大小。

例如，你可以基于黄金比例（Golden Ratio），计算出你前五种层级的字体大小:

Golden Ratio (1:1.618)
1.000 x 1.618 = 1.618
1.618 x 1.618 = 2.618
2.618 x 1.618 = 4.236
4.236 x 1.618 = 6.854
6.854 x 1.618 = 11.089

除此之外，这个模数系统还有基于几何、自然和音乐等各种各样的比例：

Minor Second 15:16
Major Second 8:9
Minor Third 5:6
Major Third 4:5
...

一旦你确定了一种比例，你将字体大小设定为其四舍五入后最接近的数值。

Header 1: 55px
Header 2: 42px
Header 3: 31px
Header 4: 24px
Header 5: 14px
Body: 17px
Caption: 14px

Step 6 创建排版规范

最后你需要创建一份排版样式指南，让你设计中的字体运用更加标准化。

比如在Sketch中你可以创建共享的文本样式，方便你在未来的设计中快速应用。同时你还需要调整和确定文字颜色、字重和字号等属性。

需要注意的是，你选择的文字颜色需要与整体排版的配色相协调。

你的排版指南中需要包括对字体定义、字体大小、字体颜色和示例用法。

像谷歌的排版指南也是非常值得借鉴参考的例子，具体这类设计规范该怎么做，可点击查看我们上一篇文章：《设计语言规范怎么做？这13个顶尖团队的设计系统可以帮到你》

+++++

本文由 SDL艺术实验室 公众号原创，未经许可，禁止转载

原文链接：https://mp.weixin.qq.com/s/0CdeguUBnntx0E4cZI_3Vw

Powered by Froala Editor