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

Category:

Горки текста

Неопытные верстальщики часто не видят форму текста и не следят за ней. Распространенная ошибка — сильные скосы у рваного края. Эти скосы обычно похожи на горки или перевернутые горки (не знаю, если ли специальное слово в русском языке):










Иногда форму блока определяет структура текста. На примере снизу пункты списка случайно выстроились по длине, от короткого к длинному. От таких горок тоже лучше избавляться: переписывать, переставлять строки, менять ширину набора и т. д.:










Бывают случаи, когда дизайнер специально строит горку, хотя в ней нет никакого смысла и для композиции она не нужна:




Такая верстка выглядит искусственной:

10.png


Иногда скошенной получается целая колонка:







Или целый этаж:




У горок и других очевидных форм есть три больших недостатка:
1) они обращают на себя слишком много внимания,
2) образуют на макете дыры и пустые углы,
3) плохо стыкуются с другими блоками.

Не стоит относиться к этому фанатично и пресекать любой намек на диагональ. Исправляйте только то, что бросается в глаза, обычно это крупные блоки не менее четырех-пяти строк. Не забывайте, что правый край при флаговом наборе должен быть не ровным, а равномерно рваным.

Горки и другие фигуры оправданы в двух случаях: если вы намеренно верстаете по форме и если текст обтекает картинку:




Подробнее о форме текста в статьях «Выключка по левому краю» и «Выключка по центру».

Серия «Неудачные приемы верстки»
Горки текста
Ноги текста
Колонки разной ширины
Бутерброды текста
Картинка без модуля
Слишком ровный правый край
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.
  • 2 comments