Page 85 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

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

которая была популярной в работе над дизайном в течение многих столетий:

Ваша типографическая шкала может меняться в зависимости от
проекта, вы до сих пор можете базировать ее на традиционной шкале,
например: 16 пикслей для параграфов, 18 пикселей для H4/H5/H6, 21 пиксель

для H3, 24 пикселя для h2 и 48 пикселей для H1

Высота строк и пробелы перед/после заголовков и параграфов создают вертикальный ритм

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

Самый простой способ определить высоту строк текста это умножать базовый размер
шрифта хотя бы на 1.5. Например, ваш текст размером в 18 pt будет иметь расстояние между

Основы Web-Дизайна. Руководство. Перевод от Samigg для клуба Skladchik.com 84

www.trk.kg