Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

Category:

Ноги текста

Продолжаю собирать неудачные приемы верстки. Первыми были горки текста, сегодня расскажу про ноги текста. В итоге должен получиться маленький словарик.

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










Ноги разной толщины:







Три ноги:




Кажется, здесь некритично, но я бы всё равно поставил колонки ближе:




На курсе мы переверстываем визитку Йозефа Мюллера-Брокманна из швейцарского стиля в классический. Особенность этого макета — два блока контактной информации, рабочий и личный:




Из-за такой двойственности студенты часто делают верстку на ногах:










Проблема колонок-ног — в дыре между ними. Дыра мешает собраться двум модулям в один.

Не ставьте текст на ноги. Если только вы не Соломон Телингатер:




Похожую ситуацию описал Илья Бирман в заметке «Гантельная шапка обычно не очень».

Серия «Неудачные приемы верстки»
Горки текста
Ноги текста
Колонки разной ширины
Бутерброды текста
Картинка без модуля
Слишком ровный правый край
Tags: верстка, знаю как, колонка, композиция, конструкция, модульность, неудачные приемы верстки, статья, типографика
Subscribe

Posts from This Journal “статья” Tag

  • Чем плоха чересполосица

    Чересполосицу часто предлагают как альтернативу линейкам, но альтернатива эта так себе. У нее есть неочевидная проблема: Чересполосица может…

  • Слишком ровный правый край

    Продолжаю серию статей про неудачные приемы верстки. Когда дизайнеры впервые узнают о принципе модульности и о том, что прямоугольники нужно…

  • Стыковка линеек и плашек

    Линейки и плашки — сильный инструмент верстки, а с любым сильным инструментом нужно уметь обращаться. Попытки организовать макет с помощью…

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 4 comments