DEV Community

Cover image for Типографика для самых маленьких
Aleś Karoza
Aleś Karoza

Posted on

Типографика для самых маленьких

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

Шрифт

Старайтесь использовать шрифты без засечек, откажитесь от избитых красивеньких шрифтов, вроде Comic Sans, Lobster и прочих. Шрифты, с которыми не ошибёшься: PT, Noto, Inter и Montserrat.
Первая строка: Блюющий смайлик и шрифты Comic Sans, Lobster. Вторая строка: Смайлик с влюблёнными глазами и шрифты PT, Noto, Montserrat

ЗАГЛАВНЫЙ НАБОР

Избегайте заглавный набор. Если используете заглавный набор, то делайте Р А З Р Я Д К У между буквами. Это необходимо, чтобы компенсировать разницу в геометрии букв. Не должно быть такого, что в одном месте символы почти слипаются, а в другом образуется дыра.
Первая строка: Агрессивный смайлик и близкорасположенные буквы и надпись «СОВСЕМ НЕ ОЧЕНЬ» близким межбуквенным расстоянием. Вторая строка: Смайлик с поцелуем и надпись «ВПОЛНЕ НЕПЛОХО» со увеличенным расстоянием между буквами. Третья строка: Довольный смайлик и надпись «Правильный вариант» строчным набором. Четвёртая строка: Смайлик в очках и логотип Tommy Hilfiger

к и т а й с к и й н а б о р

Не делайте разрядку в строчном наборе, так любят делать китайцы, которые ничего не понимают в европейской типографике. Можно изменять расстояние между буквами на 5-10% в некоторых случаях, но не более.
Очень грустный смайлик и надпись строчными буквами с огромными расстояниями между ними, надпись парадирует описание товаров на Алиэкспресс

Пространство

Надписи не должно быть тесно в выделенном для неё месте.
Верхняя строка: Злой смайлик и надпись «ТЕСНОТА» вплотную прижимается к краям формата. Нижняя строка: надпись «НОРМАЛЁК» расположена на центру формата с гармоничными расстояниями от краёв
Близкие по логике блоки должны быть сближены в графике. Расстояние между текстом и его заголовком должно быть меньше, чем расстояние до следующего заголовка.
Слева: Смайлик с закрытыми глазами и абзацы, где заголовки расположены на равном расстоянии от своего и чужого абзаца. Справа: Смайлик с поцелуем и абзацы, где заголовки прижаты к своему абзацу и удалены от чужого
Межстрочное расстояние должно быть больше межбуквенного, но не слишком.
Верхняя картинка слева: Злой смайлик и строки прилипшие друг к другу. Нижняя картинка слева: Очень злой смайлик и строки на огромном расстоянии друг от друга. Правая картинка: Довольный смайлик и строки на стандартном расстоянии друг от друга

Заключение

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

Top comments (0)