Ниско висящ плод на дизайна: защо трябва да използвате Google Font Superfamilies

Ето всичко, което трябва да знаете за суперсемействата на шрифтове, за да блесне следващият ви дизайнерски проект.

Какво е суперсемейство на шрифтове?

Говорим ли за Jacksons? Кардашианците? Купчето Брейди? Измисленото семейство на Стив Мартин в По-евтино от дузината? Или може да говорим за нещо по-тясно свързано с шрифтовете?

Отговор: РАЗГОВАРЯМЕ „БУ ШРИФОВЕ, ВСИЧКИ ⚡

Суперсемейството на шрифтове е набор от шрифтове (пример: merriweather и merriweather sans), които са специално проектирани да изглеждат добре заедно. Подобно на музикант, който свири едновременно отделни ноти, за да създаде един мелодичен акорд, дизайнерите на шрифтове създават семейства шрифтове, които се открояват индивидуално, но и славно се комбинират, за да предложат гъвкавост по стил и тегло, което прави съдържанието на страницата по-привлекателно и по-лесно за четене.

Помислете за това по следния начин: суперсемейството има един манекен (основна форма на скелет), който може да бъде облечен в много различни комплекти дрехи (сериф, ширина, тегло, размер, курсив). Резултатът: предварително опаковани, визуално сплотени шрифтове, които молят да бъдат използвани заедно за следващия ви дизайнерски проект. С други думи, суперсемействата са големи, сочни ябълки, които чакат да бъдат набрани.

Откъде са дошли?

Най-ранните доказателства за суперсемейства идват от римски документи през 79 г. сл. Н. Е. Тези римски документи съдържаха вариации в размера на текста, за да създадат визуална йерархия. Римляните правеха заглавния си текст по-голям от основния си текст, преди да е готин.

Бързо напред към 1800-те и има шрифтове, проектирани да бъдат съвместими на различни писмени езици като латински, гръцки и кирилица. Това бяха едни от най-ранните прототипи на суперсемействата, които познаваме и обичаме днес.

Към 1900-те имаше експлозия на разнообразието от шрифтове без засечки, като по този начин се разшириха възможностите за вариации във всички суперсемейства. През годините до Втората световна война (да, току-що изпуснах справка за Втората световна война в статия за типографията?), Световноизвестният холандски дизайнер на шрифтове Ян ван Кримпен проектира първия изчерпателен набор от шрифтове с присъща съвместимост, проект, наречен R omulus.

По собствените му думи той се стреми „да създаде цялостно семейство от тип, състоящо се от, първоначално, римско, наклонено римско, полуделно и полуделно кондензирано, най-малко четири тегла без sarif, тип скрипт и набор от гръцки символи. "

Това беше най-амбициозният проект за проектиране на шрифтове досега и макар да не го завърши след войната, това беше началото на това, което сега е обичайно за шрифтовия дизайн: суперсемейството.

ПРОЗЯВАМ СЕ. Добре, нека да стигнем до добрите неща.

Ето 10 суперсемейства на Google Font, за които трябва да знаете

Обсъдихме какви са те, откъде идват и защо трябва да ги използвате. Сега нека да видим някои суперсемейства от реалния живот в действие. Ето няколко страхотни двойки от суперсемейства на Google Fonts, които да използвате за следващия си дизайнерски проект!

1) Quattrocento и Quattrocento Sans

Проектиран от Impallari Type

2) Roboto Condensed и Roboto

Проектиран от Кристиан Робъртсън

3) Roboto Mono и Roboto

Проектиран от Кристиан Робъртсън

4) PT Sans и PT Serif

Проектиран от ParaType

5) кислород моно и кислород

Проектиран от Върнън Адамс

6) Source Sans Pro и Source Serif Pro

Проектиран от Paul D. Hunt (Sans) и Frank Grießhammer (Serif)

7) Josefin Slab и Josefin Sans

Проектиран от Сантяго Ороско

8) Кодирайте Sans Semi Condensed и Encode Sans

Проектиран от Impallari Type

9) Алегрея и Алегрея Санс

Проектиран от Huerta Tipográfica (Alegreya) и Juan Pablo del Peral (Aleygra Sans)

10) Монсерат и заместници на Монсерат

Проектиран от Джулиета Улановски

Думи за раздяла

Намирането на красива двойка шрифтове за следващия ви проект не трябва да бъде стресиращо, старателно, отнемащо време или трудно. Суперсемействата са ПРОЕКТИРАНИ, за да изглеждат красиво заедно и да създават визуална хармония за вашата уеб страница. Научете се да ги познавате и обичате и за нула време ще бъдете страхотен дизайнер!

Уверете се, че сте проверили „Двойка шрифтове“, където ще ви помогнем да сдвоите шрифтовете на Google заедно и да имате страхотни предложения за суперсемейства на шрифтове за следващия си проект!

Допълнително четене

Ето още някои ресурси за суперсемейства, ако се интересувате:

  • Блог на Adobe Typekit - Проучване на типа: Сдвояване на шрифтове
  • FontLabVideos - Лекция за суперсемейства на шрифтове със Sumner Stone
  • Fonts.com - Супер семейства
  • Google - Суперсемейства
  • Уикипедия - Суперсемейство на шрифтове
  • Romulus Designs от Ян ван Кримпен

Благодаря на Хейдън и Ема за цялата помощ с тази статия.

Чувствайте се свободни да коментирате по-долу или да се свържете с мен в Twitter!