Типографика для самых маленьких
Tags: design, typography, russian
Published: 2021-06-30 16:43:07

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

##Шрифт
Старайтесь использовать шрифты без засечек, откажитесь от избитых красивеньких шрифтов, вроде Comic Sans, Lobster и прочих. Шрифты, с которыми не ошибёшься: PT, Noto, Inter и Montserrat.
![Первая строка: Блюющий смайлик и шрифты Comic Sans, Lobster. Вторая строка: Смайлик с влюблёнными глазами и шрифты PT, Noto, Montserrat](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/drft1iehtxelt598tnxh.png)
 

##ЗАГЛАВНЫЙ НАБОР
Избегайте заглавный набор. Если используете заглавный набор, то делайте Р А З Р Я Д К У между буквами. Это необходимо, чтобы компенсировать разницу в геометрии букв. Не должно быть такого, что в одном месте символы почти слипаются, а в другом образуется дыра.
![Первая строка: Агрессивный смайлик и близкорасположенные буквы и надпись «СОВСЕМ НЕ ОЧЕНЬ» близким межбуквенным расстоянием. Вторая строка: Смайлик с поцелуем и надпись «ВПОЛНЕ НЕПЛОХО» со увеличенным расстоянием между буквами. Третья строка: Довольный смайлик и надпись «Правильный вариант» строчным набором. Четвёртая строка: Смайлик в очках и логотип Tommy Hilfiger](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qeddu3exh2pc2yvuq01j.png)

##к и т а й с к и й н а б о р
Не делайте разрядку в строчном наборе, так любят делать китайцы, которые ничего не понимают в европейской типографике. Можно изменять расстояние между буквами на 5-10% в некоторых случаях, но не более.
![Очень грустный смайлик и надпись строчными буквами с огромными расстояниями между ними, надпись парадирует описание товаров на Алиэкспресс](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iwlfgxtsez5gt61osrjj.png)

##Пространство
Надписи не должно быть тесно в выделенном для неё месте.
![Верхняя строка: Злой смайлик и надпись «ТЕСНОТА» вплотную прижимается к краям формата. Нижняя строка: надпись «НОРМАЛЁК» расположена на центру формата с гармоничными расстояниями от краёв](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ueho5zx130cwp5dx9ft.png)
Близкие по логике блоки должны быть сближены в графике. Расстояние между текстом и его заголовком должно быть меньше, чем расстояние до следующего заголовка.
![Слева: Смайлик с закрытыми глазами и абзацы, где заголовки расположены на равном расстоянии от своего и чужого абзаца. Справа: Смайлик с поцелуем и абзацы, где заголовки прижаты к своему абзацу и удалены от чужого](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75ixk6rmpt1d3p4gw6mo.png)
Межстрочное расстояние должно быть больше межбуквенного, но не слишком.
![Верхняя картинка слева: Злой смайлик и строки прилипшие друг к другу. Нижняя картинка слева: Очень злой смайлик и строки на огромном расстоянии друг от друга. Правая картинка: Довольный смайлик и строки на стандартном расстоянии друг от друга](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v9blr4zle10jfe7audns.png)

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