简单6步为你的设计选出最合适字体(附...

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-禁止演绎
1555 0 1 2021-07-14

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

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


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

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票