Типографіка в веб-дизайні інтерліньяж, кернінг

Для початку, відкриємо панель "Character" в фотошопі. Там знаходяться потрібні вам настройки тексту. Якщо не можете знайти цю панель в робочому просторі, то відкрийте через Window-Character.

Leading (Міжрядкові)

Коли ви працюєте з параграфом, або просто з будь-якою ділянкою тексту, який займає більше одного рядка, ви стикаєтеся з параметром Leading (Міжрядкові). Це - відстань між рядків. Загальна картина буде багато в чому залежати від цього параметра.

Стандартної пропорцією інтерліньяжу вважається 120%. Тобто, якщо розмір (size) шрифту 20 точок (pt), то інтерліньяж повинен бути 24 точки (pt).

Скорочення інтерліньяжу до показника нижче 120% створює занадто високу "скупченість" і щільність символів, а також створює ризик зіткнення елементів символів між собою.

Щоб відрегулювати інтерліньяж в Photoshop, використовуйте відповідне (Leading / Міжрядкові в залежності від мови інтерфейсу) поле в панелі Character. Редагуватися буде інтерліньяж того шару тексту, який в даний момент виділено.

У деяких випадках вам, можливо, знадобиться, щоб відстань між одними рядками були більше, ніж між іншими. Для редагування інтерліньяжу окремих рядків операція майже не змінюється, за винятком того, що виділяєте ви не весь текстовий шар цілком, а тільки ті рядки, інтерліньяж яких треба змінити.

Кёрнінг - кажучи по-простому - відстань між двома символами. Метою кернинга є створення гармонійного простору в рамках групи символів, і, в деяких випадках, навмисне сильне збільшення / зменшення цього простору з метою надання тексту якогось особливого зовнішнього вигляду. Майже всі шрифти, які ви використовуєте, вже включають в себе певні прописані відстані між комбінаціями символів, називається це Metric Kerning. Слід зазначити, що якщо збільшити розмір шрифту, або, наприклад, змінити інтерліньяж тексту, то Metric Kerning може відповісти на ці зміни не зовсім коректно. Якщо виставлений параметр Optical Kerning, фотошоп (або інша програма, яку ви використовуєте) буде застосувати кернінг автоматично. Але, як не дивно, більшість дизайнерів не знаходять цю функцію корисною. Найпереважнішим залишається Manual Kerning.

Що таке manual kerning? По суті - це Кёрнінг вручну. Уявіть собі, що відстань між символами заповнене якоїсь рідиною, і така ж кількість рідини повинна чітко вміщуватися між усіма відстанями. Ви регулюєте відстань між символами на око, але якщо око відточена, то це - найкращий прийом.

Ось кілька речей, які потрібно пам'ятати про кернінг

1. Починайте з найскладніших поєднань символів. Наприклад, кернинг між великими та малими літерами.
2. Залиште регулювання кернинга на кінець роботи над дизайном. Нехай це буде одним з останнім кроків. Працюйте над ним тоді, коли вже на 100% будете впевнені в обраних шрифтах, щоб не змарнувати час даремно.
3. Мета кернинга - зробити текст оптично-коректним. Тут немає ніякої математичної формули, канонів і іншого. Просто практика, і все почне виходити. Іноді грайте в цю гру - Type.method.ac