Основы основ типографики | Работа с текстом

Всем привет,или же здравствуйте пользователи форума, и его команда.
Сегодня я вам расскажу главные основы типографики,который должен знать каждый уважающий себя дизайнер.
Многое из того,что я расскажу,многие уже знают,но все-равно - знать это очень важно.

Для гайда я использовал данные программы:
• Figma
• GifCam (Скоро будет гайд/обзор этой программы)

Заголовок

Заголовок в дизайне должен быть со стилем шрифта "Bold" ,либо "Semi-bold" , ведь он должен отличается от второстепенного текста.
Также он должен быть больше второстепенного текста - что очень важно. После этого желательно сделать леттер-спейсинг(междустрочное расстояние) .
В основном должен быть от 0.5% до 3% все зависит от типа работы.




Второстепенный текст с заголовком

[ ! ] Второстепенный текст должен быть обязательно меньше чем Заголовок [ ! ]
Во второстепенном тексте в основном надо использовать стили шрифтов "Regular" или "Medium" .
Если второстепенный текст содержит несколько строк,как в моем случае. Вам нужно будет увеличить line height(межстрочный интервал)
Это сделано для того,чтобы читателю было легче прочитать наш текст,и найти нужную ему строку.
Также Заголовок не должен быть близко к второстепенному тексту - иначе они будут сливаться,и их будет сложно прочесть.
Еще,надо закончить тем,что желательно(необязательно) второстепенный текст сделать более мягким,или "прозрачным" чтобы он отличался от Заголовка.
[ ! ] Желательно чтобы второстепенный текст был в одну линию с Заголовком [ ! ]




Текст в кнопке
Закончим тем,как надо располагать текст для кнопки,ведь многие очень начинающие дизайнеры делают ошибки в этом.
Текст в кнопке должен быть намного меньше чем сама кнопка! Когда текст расположен по всему диаметру кнопки - это выглядит ужасно.
Буду краток вот так должно выглядеть:



На этом все,что я хотел вам рассказать. Знаю что еще есть множество основ типографики,но это я расскажу чуть-чуть по позже,либо дополню тему.
И я знаю,что многие из этого все знали,но я это рассказываю для тех,кто об этом не знал.

— Большое спасибо MageDesign , за помощь в этих основах.