Всем привет,или же здравствуйте пользователи форума, и его команда. Сегодня я вам расскажу главные основы типографики,который должен знать каждый уважающий себя дизайнер. Многое из того,что я расскажу,многие уже знают,но все-равно - знать это очень важно. Для гайда я использовал данные программы: • Figma • GifCam (Скоро будет гайд/обзор этой программы) Заголовок Заголовок в дизайне должен быть со стилем шрифта "Bold" ,либо "Semi-bold" , ведь он должен отличается от второстепенного текста. Также он должен быть больше второстепенного текста - что очень важно. После этого желательно сделать леттер-спейсинг(междустрочное расстояние) . В основном должен быть от 0.5% до 3% все зависит от типа работы. Второстепенный текст с заголовком [ ! ] Второстепенный текст должен быть обязательно меньше чем Заголовок [ ! ] Во второстепенном тексте в основном надо использовать стили шрифтов "Regular" или "Medium" . Если второстепенный текст содержит несколько строк,как в моем случае. Вам нужно будет увеличить line height(межстрочный интервал) Это сделано для того,чтобы читателю было легче прочитать наш текст,и найти нужную ему строку. Также Заголовок не должен быть близко к второстепенному тексту - иначе они будут сливаться,и их будет сложно прочесть. Еще,надо закончить тем,что желательно(необязательно) второстепенный текст сделать более мягким,или "прозрачным" чтобы он отличался от Заголовка. [ ! ] Желательно чтобы второстепенный текст был в одну линию с Заголовком [ ! ] Текст в кнопке Закончим тем,как надо располагать текст для кнопки,ведь многие очень начинающие дизайнеры делают ошибки в этом. Текст в кнопке должен быть намного меньше чем сама кнопка! Когда текст расположен по всему диаметру кнопки - это выглядит ужасно. Буду краток вот так должно выглядеть: На этом все,что я хотел вам рассказать. Знаю что еще есть множество основ типографики,но это я расскажу чуть-чуть по позже,либо дополню тему. И я знаю,что многие из этого все знали,но я это рассказываю для тех,кто об этом не знал. — Большое спасибо MageDesign , за помощь в этих основах.
Да, и запомните, что эти правила можно нарушать, если этого требует дизайн. В дизайне нет четких правил, это всего лишь рекомендации, лучшие практики. Те же самые заголовки должны просто отличаться от текста. Т.е. их можно делать тонкими. А для подписей и заголовков line-height может быть даже уменьшен.