Кто-нибудь заморачивается с вертикальным ритмом?

Question

[Алексей Струков]

Что думаете про соблюдение вертикального ритма в тексте на веб странице?
Попадались ли вам заказчики, которые требуют реализации этого правила?

Answer 1

[Heik]

Ритм придает тексту понятную структуру и в идале задает темп чтения/просмотра. Современный пример - это лендинги-одностраничники, в которых информация поделена на разделы и при пролистовывании вниз все выглядит логично и на своих местах.

Я стараюсь соблюдать. Если не на всем сайте, то в основных элементах точно (например в заголовках).

Заказчиков не встречал. Уверен, что большинство из них даже не знают, что это такое, а если и слышали, то не понимают как это работает (потому что дизайнерские дебри). Универсальный совет: спросить зачем это ему нужно, услышать тезисы, аргументы и затем переубедить :)

#апдейт
Если вы имеете ввиду только текст, то под вертикальным ритмом я понимаю межстрочный интервал. Соблюдать интерлиньяж в 2016 определенно нужно. А мой ответ в целом касается ритма элементов (чередование и последовательность) страницы.

Comments

[Алексей Струков]

Про ритм элементов это отдельная тема и тоже спорная. Я имел ввиду ритм в тексте (leading). Мне было бы интересно посмотреть как это реализуется без костылей, ибо в вебе мы очень ограничены в инструментах по настройке параметров шрифта.

[Heik]

Задавать line-height в em, например? Использовать препроцессоры: sass, less. Если я вообще вас понял :)

[Алексей Струков]

Heik: вероятно не так поняли) возьмите к примеру расширение к хрому baseliner, поставьте какую-нибудь высоту линии, и попробуйте разместить текст так, чтобы все буквы стояли ровно на линии. При попытке добавить заголовки вся система начнет рушиться, а при попытке ее настроить - расстояние между строками будет увеличиваться больше желаемого.

[Heik]

Алексей Струков: ну вот, к примеру, на главной есть 20 статей с заголовком и текстом. Статьи имеют разное количество символов и соответственно у них разный размер (высота). По baseliner'у они никогда не сойдутся и придется писать какие-то js-костыли, чтобы править отступы и т.п. Вам оно надо? Смысл от этой дрочки? Главное, задать адекватный ритм внутри одной статьи: между заголовком, текстом, картинками - эти соотношения сразу бросаются в глаза. А то о чем идет речь, заметит только 1 кодер-перфекционист -- Вы.

[Heik]

Ещё добавлю, что выравнить текст можно по-разному: по середине или по нижней линейке сетки. Как мне кажется, эффект от этих типографических премудоростей в вебе очень слабый. Проверьте бейсланером Тостер, увидите, что текст тут не сходится, но от этого сайт не выглядит плохо.

[Алексей Струков]

Heik: в том то и дело, что я против этой темы)
Я за выравнивание внутри одного блока, хотя вертикальный ритм изначально в типографике подразумевает выравнивание всего текста на странице по этим вертикальным линиям

[Heik]

Алексей Струков: эти рекомендации (правилами то их не назовешь) создавались для книг, журналов, плакатов и т.п., то есть для печатной продукции фиксированных размеров.

[Алексей Струков]

Heik: я это знаю. Но есть люди которые хотят это в требования записать))

Answer 2

[Нерон Лордов]

Кто-нибудь заморачивается с вертикальным ритмом?

Конечно, иначе некрасиво, тупо и непонятно получается.

Comments

[Алексей Струков]

Хотелось бы взглянуть на реализацию)
Как решили проблему с адаптивными картинками и со small тегом?

[Нерон Лордов]

Алексей Струков: я не верстальщик, я дизайнер)