Совет №9. Перетекание (переход) текста при многоколоночной верстке

При многоколоночной верстке (верстка полос в две, три и более колонки) основные правила сохраняются те же, что и при одно колоночной верстке. И здесь нечего добавить.

Однако, при «разрывании» текста фотографией/иллюстрацией, врезкой, таблицей, заголовком, встает вопрос, как правильно задать направление перетекание текста в колонках?

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

Перетекание (переход) текста при многоколоночной верстке:  необходимо сохранить логическую целостность контента.

Когда необходимо расположить фотоконтент на ширину полосы, перетекание текста в колонках осуществляется сверху вниз на высоту всей полосы, как бы игнорируя «разрыв» колонок фотоконтентом (см. иллюстрацию).

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

Здесь главное уловить суть: необходимо сохранить логическую целостность контента.

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

До нового Совета!

С наилучшими пожеланиями,

Елена Пушкина