Типографика: финишный лак для вашего дизайна
Привет! На эту тему уже есть отличные материалы на эту вечную тему . Хочу тоже внести свою скромную лепту, еще раз напомнить нам всем о фундаментальных правилах и дополнить их парой важных нюансов, которые делают текст аккуратнее.
1. Неразрывные пробелы ( )
Представьте себе ситуацию: слово или цифра разбивается на две части при переносе на другую строку. Выглядит это так же нелепо, как носки в сандалиях. 😳 Чтобы этого избежать, используйте неразрывный пробел между словами, цифрами или знаками препинания, которые должны всегда оставаться вместе. Например, вот так:
- Между инициалами и фамилией («И. Иванов»).
- Между числами и единицами измерения («25 кг»).
В InDesign и в Illustrator это делается с помощью сочетания клавиш Alt+0160.
2. Висячие одиночные предлоги и союзы
Никогда не оставляйте одинокий предлог или союз в конце строки! 😱 Это правило называется «вдовство». Такой предлог выглядит грустно и потерянно, будто он опоздал на последний автобус домой. Нарушает визуальную гармонию вашего текста капитально. Если такое случилось, лучше подкорректировать форматирование абзаца или изменить длину строки.
3. Висячая строка
Если последняя строка абзаца содержит всего одно-два слова, это тоже плохо смотрится. Такая ситуация называется «сирота», и её нужно избегать всеми силами! 👶 Для решения проблемы можно немного подредактировать текст, уменьшить межбуквенный интервал (кернинг) или слегка подогнать ширину текстового блока.
4. Пробелы и тонкие шпации
Стандартный пробел — это как молоток: инструмент универсальный, но для ювелирной работы не всегда подходит. Иногда нужны более изящные варианты:
- Тонкая шпация ( ): если вам нужно чуть-чуть отделить элементы друг от друга (например, числа от единиц измерения «20 м²»), используйте именно её. Стандартный пробел будет выглядеть слишком грубо.
- Разделитель тысяч: если у вас большие числа, вставляйте тонкий пробел каждые три цифры слева направо («9 876 543»). Так гораздо удобнее читать крупные суммы и количества. Представьте, что вы ставите маленькие визуальные вехи для глаз читателя.
Сочетание клавиш для её вставки: Ctrl+Alt+Shift+M
5. Литера после двоеточия
После двоеточия ставится небольшой отступ, чтобы визуально разделить фразу перед ним и фразу после него. Используйте обычный пробел — этого достаточно для создания гармонии. Это как небольшой вдох перед важной мыслью.
6. Кавычки «ёлочки»
Правильные русские кавычки выглядят так: «». В большинстве случаев стоит использовать именно их, а не английские аналоги ("") или одинарные (''). Английские кавычки в русском тексте — это моветон, примерно как прийти на коктейльную вечеринку в спортивном костюме. Кстати, внутренние цитаты выделяются другими кавычками: «Текст внутри кавычек „лапки“ смотрится аккуратно». Чтобы быстро ввести кавычки-ёлочки, используйте сочетание Shift+Alt+V на русской раскладке клавиатуры.
7. Длинное тире, среднее тире и дефис
Эти символы часто путают, хотя они выполняют разные функции. Запоминаем раз и навсегда:
- Дефис (-): скромный труженик. Соединяет части одного слова («блогер-дизайнер», «кое-как») или переносит слово на следующую строку. Короткий и без пробелов.
- Среднее тире (–): цифровой диапазонный менеджер. Обозначает диапазоны чисел или дат («страницы 12–15», «1991–1993 гг.»). По длине примерно как буква N.
- Длинное тире (—): драматическая пауза. Служит для разделения частей предложения — вот как в этом примере — или в прямой речи. Перед и после него ставятся пробелы (кроме англоязычной традиции). Длиной с букву М. Для ввода среднего тире нажмите Alt+0150 (Win), а для длинного — Alt+0151 (Win). Запомните эти комбинации, и типографическая мафия будет к вам благосклонна. драматическая пауза. Служит для разделения частей предложения — вот как в этом примере — или в прямой речи. Перед и после него ставятся пробелы (кроме англоязычной традиции). Длиной с букву М. Для ввода среднего тире нажмите Alt+0150 (Win), а для длинного – Alt+0151 (Win). Запомните эти комбинации, и типографическая мафия будет к вам благосклонна.
8. Кернинг и трекинг — ваш секретный инструмент
Шрифты, особенно бесплатные, часто грешат плохим кернингом (пространством между конкретными парами букв). Например, в слове «Шрифт» буквы «р» и «н» могут выглядеть так, будто они поссорились и отодвинулись друг от друга. Ваша задача: в заголовках и крупном тексте всегда проверяйте кернинг вручную. А трекинг (равномерное разряжение/сжатие всех символов в слове) поможет вам изящно «утопить» или «вытащить» строку, чтобы избавиться от тех самых «висячих сирот».
9. Не злоупотребляйте CAPS LOCK
НАБРАТЬ ТАК ВЕСЬ ТЕКСТ — ЭТО КРИЧАТЬ НА СВОЕГО ЧИТАТЕЛЯ. Да, это привлекает внимание, но сильно усложняет чтение. Используйте капс только для очень коротких акцентных фраз, аббревиатур или там, где это действительно обусловлено стилем (но и со стилем будьте осторожны). Лучше для выделения использовать полужильное начертание, курсив или цвет.
10. Лигатуры — магия соединения букв
Некоторые комбинации букв (например, «fi», «fl», «ff») в качественных шрифтах имеют специальные лигатуры — изящные соединения, которые избегают визуальных конфликтов и делают набор элегантным. Обязательно включайте опцию «Лигатуры» (OpenType features) в вашей графической программе (Figma, Adobe Illustrator/InDesign). Это маленькая деталь, которая без слов говорит о вашей внимательности к проекту.
Вот такие маленькие секреты типографики помогут вашему дизайну выглядеть идеально профессионально! 🎉 Не забывайте уделять внимание деталям — именно они превращают хороший проект в шедевр, который цепляет взгляд и надолго остается в памяти. Теперь ваши тексты будут не только говорить, но и выглядеть на все сто! Удачи в творчестве!
Поделитесь своим мнением в комментариях, а также подпишитесь на мой Telegram-канал