nobelfaik


Блог Игоря Штанга

Доктор, мой макет не дышит!


Previous Entry Поделиться Next Entry
Список и ширина колонки
nobelfaik
У каждого списка есть своя оптимальная ширина колонки, а точнее, оптимальный диапазон ширины — такой, в котором ему комфортно. (Под списком я подразумеваю любые мелкие порции — кусочки текста, сопоставимые по структуре и объему.)

Возьмем пример с короткими элементами. Если пунктов немного, то проблемы нет:


Чем длиннее список, тем больше разрастается дыра справа. Верстка перестает быть модульной (и компактной):


Логичное решение — разбить на колонки. Вопрос в том, сколько колонок сделать. При трех еще дыряво, зато есть запас прочности на случай, если вдруг появится Константинопольский К. К. Хороший вариант для веба, где всё немного плавает:


Если Константинопольского К. К. не предвидится, можно уместить и в четыре. Хорошее решение для печати, где всё железно:


В пяти колонках останутся обрезки, да и средник слишком узкий:


Другой пример. Правый край получился рваным из-за того, что строки сильно отличаются по длине:


Разбиваем на два столбца. Так аккуратнее:


Иногда бывают варианты. Этому списку удобно и в одной, и в двух колонках:



В трех тоже выглядит неплохо, но читается хуже, слишком частый ритм:


Вывод: подбирайте ширину колонки в зависимости от количества и объема пунктов списка. Всё просто, однако плохие примеры на каждом шагу.

Записи из этого журнала по тегу «статья»

  • Приводность верстки

    В первоначальном значении приводность — это совпадение строк основного текста на лицевой и оборотной сторонах листа. Такое совпадение видно на…

  • Выключка по знаку

    Три года назад я написал серию статей о выключке: по формату, по левому краю и по центру. Скоро напишу о правом флаге, а сегодня самое интересное.…

  • Подписи к трем скелетам

    Есть три способа заверстать подписи к частям иллюстрации. Нельзя сказать, что какой-то из них лучше или хуже, у каждого свои особенности. 1.…


?

Log in

No account? Create an account