低调低调_低调的设计成果:为什么应该使用Google字体超家族

低调低调

by Zach Smith

扎克·史密斯(Zach Smith)

Here’s everything you need to know about font superfamilies to make your next design project shine.

这是您需要了解的有关字体超家族的所有信息,以使您的下一个设计项目大放异彩。

什么是字体超家族? (What is a font superfamily?)

Are we talking about the Jacksons? The Kardashians? The Brady Bunch? Steve Martin’s fictional family in Cheaper by the Dozen? Or could we be talking about something more closely related to fonts?

我们在谈论杰克逊一家吗? 卡戴珊主义者? 布雷迪束? 史蒂夫·马丁(Steve Martin)的虚构家庭在《便宜的十二个》中? 还是我们可以谈论与字体更紧密相关的内容?

Answer: WE TALKIN’ ‘BOUT FONTS, Y’ALL ⚡

答案:我们说'BOUT FONTS,你们都说

A font superfamily is set of typefaces (example: merriweather and merriweather sans) that have been specifically designed to look good together. Like a musician who plays separate notes simultaneously to create one melodious chord, type designers create font families that stand out individually, but also gloriously combine to offer versatility in style and weight that makes the content on the page more visually appealing and easier to read.

字体超家族是一组字体(例如:merriweather和merriweather sans),这些字体专门设计用于一起看起来很好。 就像音乐家同时演奏单独的音符以创建一个悠扬的和弦一样,字体设计师创建的字体家族不仅可以脱颖而出,而且可以巧妙地结合在一起,以提供样式和重量方面的多功能性,从而使页面上的内容更具视觉吸引力并易于阅读。

Think of it this way: a superfamily has one mannequin (underlying skeleton form) that can be dressed in many different sets of clothing (serif, width, weight, size, italic). The result: pre-packaged, visually cohesive fonts that are begging to be used together for your next design project. In other words, superfamilies are big, juicy apples waiting to be picked.

这样想:一个超家族有一个人体模型(基本骨架形式),可以穿着许多不同的衣服(衬线,宽度,重量,大小,斜体)。 结果是:预包装的,视觉上具有凝聚力的字体恳求在下一个设计项目中一起使用。 换句话说,超家族是等待采摘的大而多汁的苹果。

哪儿来的? (Where did they come from?)

The earliest evidence of superfamilies come from Roman documents all the way back in 79 AD. These Roman documents contained variations in the size of text to create a visual hierarchy. The Romans were making their title text bigger than their body text before it was cool.

超家族的最早证据来自于公元79年的罗Maven献。 这些罗Maven档包含文本大小的变化以创建视觉层次。 罗马人在文字变酷之前就将标题文字大于正文。

Fast forward to the 1800’s, and there are typefaces being designed to be compatible across different written languages such as Latin, Greek, and Cyrillic. These were the some of the earliest prototypes of the superfamilies we know and love today.

快进到1800年代,有一些字体被设计为可以与不同的书面语言(例如拉丁文,希腊文和西里尔文)兼容。 这些是我们今天认识和喜爱的超家族的一些最早的原型。

By the 1900’s, there was an explosion of the variety of sans-serif typefaces, thus expanding the possibilities for variations across all superfamilies. During the years leading up to WWII (yes I just dropped a WWII reference in an article about typography ?), world-renowned Dutch type designer Jan van Krimpen designed the first comprehensive set of typefaces with inherent compatibility, a project called Romulus.

到1900年代,无衬线字体的种类激增,从而扩大了在所有超家族中进行变体的可能性。 在第二次世界大战之前的几年中(是的,我刚刚在有关印刷术的文章中丢下了第二次世界大战的参考书?),世界著名的荷兰字体设计师Jan van Krimpen设计了第一套具有内在兼容性的全面字体,这是一个名为R omulus的项目

In his own words, he set out “to create a complete type family, consisting of, to begin with, roman, sloped roman, semi-bold and semi-bold condensed, at least four weights of sans serif, a script type and a set of Greek characters.”

用他自己的话说 ,他着手“创建一个完整的字体族,包括罗马,倾斜罗马,半粗体和半粗体精简,至少四个权重的无衬线字体,一个脚本类型和一个希腊字符集。”

This was the most ambitious type design project to date, and while he didn’t complete it following the war, it was the beginning of what is now commonplace in type design: the superfamily.

这是迄今为止最雄心勃勃的字体设计项目,尽管他在战后没有完成设计工作,但这却是现在字体设计中司空见惯的开始:超家族。

YAWN. Okay, let’s get to the good stuff.

打哈欠。 好吧,让我们来看看好东西。

这是您应该了解的10个Google字体超家族 (Here are 10 Google Font superfamilies you should know about)

We’ve discussed what they are, where they come from, and why you should use them. Now let’s see some real-life superfamilies in action. Here are some great pairs from Google Fonts superfamilies to use for your next design project!

我们已经讨论了它们的含义,它们的来源以及为什么要使用它们。 现在,让我们来看一些现实生活中的超家族。 这里有一些来自Google字体超家族的好配对,可用于您的下一个设计项目!

1) QuattrocentoQuattrocento Sans (1) Quattrocento and Quattrocento Sans)

Designed by Impallari Type

Impallari Type设计

2) 压缩的 RobotoRoboto (2) Roboto Condensed and Roboto)

Designed by Christian Robertson

Christian Robertson设计

3) Roboto MonoRoboto (3) Roboto Mono and Roboto)

Designed by Christian Robertson

Christian Robertson设计

4) PT SansPT Serif (4) PT Sans and PT Serif)

Designed by ParaType

ParaType设计

5) 氧气 (5) Oxygen Mono and Oxygen)

Designed by Vernon Adams

弗农·亚当斯 ( Vernon Adams)设计

6) Source Sans ProSource Serif Pro (6) Source Sans Pro and Source Serif Pro)

Designed by Paul D. Hunt (Sans) and Frank Grießhammer (Serif)

Paul D.Hunt (Sans)和FrankGrießhammer (Serif)设计

7) Josefin SlabJosefin Sans (7) Josefin Slab and Josefin Sans)

Designed by Santiago Orozco

Santiago Orozco设计

8) 编码Sans Semi Condensed编码Sans (8) Encode Sans Semi Condensed and Encode Sans)

Designed by Impallari Type

Impallari Type设计

9) AlegreyaAlegreya Sans (9) Alegreya and Alegreya Sans)

Designed by Huerta Tipográfica (Alegreya) & Juan Pablo del Peral (Aleygra Sans)

HuertaTipográfica (Alegreya)和Juan Pablo del Peral (Aleygra Sans)设计

10) 蒙特塞拉特蒙特塞拉特的后代 (10) Montserrat and Montserrat Alternates)

Designed by Julieta Ulanovsky

Julieta Ulanovsky设计

分词 (Parting Words)

Finding a beautiful font pair for your next project doesn’t need to be stressful, painstaking, time-consuming, or difficult. Superfamilies are DESIGNED to look beautiful together and create visual harmony for your webpage. Learn to know and love them and you’ll be a great designer in no time!

为您的下一个项目找到漂亮的字体对并不需要费力,费力,费时或困难。 超家族经过精心设计,可以共同看起来美丽,并为您的网页创造视觉和谐感。 学会了解和爱他们,您将立即成为一名出色的设计师!

Make sure you check out Font Pair where we help you pair Google Fonts together and have some awesome font superfamily suggestions for your next project!

确保您查看“ 字体对” ,我们可以在其中帮助您将Google字体配对在一起,并为您的下一个项目提供一些很棒的字体超族建议!

额外阅读 (Extra Reading)

Here are some more resources about superfamilies if you’re interested:

如果您有兴趣,这里有一些有关超家族的更多资源:

Thanks to Hayden and Emma for all the help with this article.

感谢Hayden和Emma对本文的所有帮助。

Feel free to comment below or reach out to me on Twitter!

欢迎在下面发表评论或在Twitter上与我联系

翻译自: https://www.freecodecamp.org/news/low-hanging-design-fruit-why-you-should-use-google-font-superfamilies-1dae04b2fc50/

低调低调

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值