?

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 января.

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

  • Колоночность и этажность

    Собираете вы, например, макет, а он у вас никак не собирается. Элементы друг к другу не клеятся, кругом дыры: Фото: getolympus / flickr Для…

  • Отступы в списках

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

  • Колонки разной ширины

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


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

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

  • 1