Сейчас будет пачка схем. Стандартное направление чтения выглядит как‑то так:
То есть перед нами схематический блок: картинка и текст под ней. Мы сначала смотрим на картинку, потом приходим к тексту. Текст, конечно, читаем слева направо. Но в целом эталон.
Второй вариант: если у нас картинка сбоку, то мы сначала обращаем внимание на картинку, потом смотрим на текст сбоку и читаем текст сверху вниз.
Как только у нас появляется многоблочие — то, что мы видели на сайте ИТАР‑ТАСС, — у нас как раз возникает вопрос: в какой последовательности всё это читать? Если всё свёрстано правильно, если блоки не стараются как‑то своими частями выровняться друг с другом, как это было на сайте ИТАР‑ТАСС, то всё должно быть хорошо. То есть мы сначала прочитали самый большой блок слева, потому что мы читаем слева направо. А потом верхний блок справа и после него нижний. Здесь на схеме они не стремятся специально выровняться друг с другом, поэтому проблем не возникает:
Вопрос из зала: «Мы читаем слева направо. Означает ли это, что люди, у которых в языках направление чтения справа налево, будут нашу модульную сетку воспринимать по‑другому?»
Конечно, если порядок чтения какой‑то другой, то это надо всё учитывать, но при этом общее правило — связанные элементы надо выравнивать, а несвязанные не надо — оно всё равно работает, где бы мы и как бы ни писали.
Обратите внимание на разницу между этим примером и предыдущим. Там у нас было три независимых блока, которые мы и читали соответственно. А здесь перед нами какая‑то сложная вёрстка: связный текст с иллюстрациями. И в этот момент как раз порядок чтения меняется. Мы просто читаем сначала одну колонку, потом другую. И это выглядит как просто связная мысль:
Теперь самая весёлая история, на которой накалываются очень многие дизайнеры. Перед нами четыре блока текста, которые выровнены друг с другом по вертикали и горизонтали. В какой последовательности всё это читать? После верхнего левого блока читать вправо или вниз? Как понять? Да никак.
Чтобы стало понятно, надо просто перестать выравнивать эти колонки:
В этот момент мы сразу понимаем, что сначала читаем левую колонку, потом правую.
Если вдруг нам по какой‑то причине нужен другой порядок чтения или из соображений вёрстки нужно что‑то выровнять, то в этот момент приходит на помощь нумерация:
Но это прямо тяжёлая артиллерия. Здесь у нас и нумерация, и линейка, чтобы я, не дай бог, после первого пункта не пошёл читать третий.
Вот пример из советов, когда эту штуку нарушили:
Я считаю, что здесь это неоправданная вёрстка. И очень часто какую‑то последовательность, например инструкции или ещё что‑то такое, лучше верстать не колонками, а банально вот так: