Page 88 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

Давайте посмотрим на то же самое изображение с включенной сеткой с базовой линией в 24
пикселя:

Гораздо сложнее добиться этого в веб-дизайне, т.к. тут все очень подвижно и
установка фиксированного вертикального пробела является невозможным.

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

сайт живет и управляется системой и его отображение полностью зависит от нее.

Так или иначе, вы можете получить довольно хороший вертикальный ритм если вы
будете действовать простому набору действий:

1. Выберите основную базовую линию, например 24 пикселя.

2. Используйте размер вашей базовой линии в качестве единицы измерения, что
бы это ни было, отступы или что-то еще. Вы можете использовать пробел
размером в 48 пикселей под заголовком и использовать пробел размером 24

пикселя между параграфами. Если вам нужен пробел поменьше, вы можете
выбрать половину размера вашей базовой линии, это будет 12 пикселей.

3. Используйте единую шкалу размера шрифтов, которая соответствует вашей
базовой линии, например, 16 пикселей при высоте строки в 24 пикселя и 32
пикселя, при высоте строки в 48 пикселей (2 х 24 пикселя) и т.д.

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

www.trk.kg