?

Log in

No account? Create an account

nobelfaik


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

light gray is the new white, dark gray is the new black


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










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










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




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

10.png


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







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




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

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

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




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

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

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

  • Бутерброды текста

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

  • Как я делал афишу «Большой переверстки»

    «Большая переверстка» — это мастер-класс, который я придумал два года назад и провел в нескольких городах. Афиша делалась долго, но…

  • Грациозная деградация текста

    Чтобы набрать подпись или сноску, недостаточно просто уменьшить размер основного шрифта. Ради удобства чтения нужно сделать еще несколько шагов. В…


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

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

  • 1