nobelfaik


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

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


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










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










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




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

10.png


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







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




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

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

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




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

Ближайший курс «Типографика и верстка» пройдет в Питере 6, 7, 8 января.

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

  • Амнистия серого текста

    У Ильи Бирмана недавно вышла заметка про серый текст. Я планировал рассказать примерно о том же, но раз Илья меня опередил, придется писать…

  • Когда можно опускать знаки препинания

    В последние годы наметилась тенденция к упрощению пунктуации. Знаки препинания опускают всё чаще, но иногда не там, где нужно. Давайте разберемся,…

  • Ноги текста

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


  • 1
На примере с колесом тоже пытались сверстать по форме.

Не факт, что пытались) Там текст слишком далеко от картинки.

  • 1
?

Log in

No account? Create an account