nobelfaik


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

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


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

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










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







Три ноги:




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




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




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










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

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




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

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


  • 1
На мой взгляд в приёме как таковом ничего плохого нет. Просто в ваших примерах, дизайнеры не учитывают контент. Бош нормально сделали, например, т.к. прочитали текст и правильно разделили его.

Я не знаю случаев, где этот прием смотрелся бы хорошо. «Бош» мы, кстати, переверстали:




Edited at 2018-02-26 05:05 (UTC)

Тут появилась опасность, что можно первую колонку с данными отнести к Группе Bosch, а вторую — к Bosch в России.

  • 1
?

Log in

No account? Create an account