Блог Perkova&Perkova

Как проверять переносы в русских заголовках

Переносы влияют и на композицию, и на смысл заголовка. Строки должны сохранять понятные связи между словами при изменении ширины, поэтому один удачный снимок макета ещё не подтверждает качество оформления.

Один заголовок на трёх экранах

Условный проект — встреча с названием «Встреча о современной фотографии». Подготовьте широкий, средний и узкий варианты экрана. Рядом находится портрет ведущего; название должно оставаться основным ориентиром. Сохраните исходную формулировку и посмотрите, где строки делятся автоматически.

Сначала композиция, затем перенос

Первое решение — изменить ширину текстового блока. Это помогает сохранить выражение «современной фотографии» вместе, но может уменьшить место для портрета. Сравните весь первый экран: заголовок должен улучшиться без случайного обрезания лица или нарушения соседних отступов.

Второе — скорректировать размер в рамках выбранной иерархии. Уменьшение оправдано, если название продолжает ясно отличаться от абзаца. Если оно становится обычным текстом только ради одной строки, пересмотрите компоновку.

Третье — согласовать более короткое название и перенести уточнение в подзаголовок. Например, название «Современная фотография», а ниже объяснение формата встречи. Это смысловое изменение: в реальном проекте его согласуют с автором содержания.

Ручной перенос может помочь конкретной композиции, но требует проверки всех ширин. Неразрывный пробел связывает выбранные слова, однако длинная связка может перестать помещаться на маленьком экране. Поэтому правка одного короткого предлога не должна создавать более серьёзную проблему.

Упражнение

  1. Сохраните три исходных варианта с отметками мест переноса.
  2. Для каждого решения сделайте те же три ширины, сохраняя остальные настройки.
  3. Прочитайте заголовок вслух и проверьте, не меняется ли смысловое ударение.
  4. Добавьте более длинное название следующего события. Проверьте, работает ли правило на нём.

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

Далее сравните композицию с длинным заголовком и текстовую иерархию. Готовый результат поможет определить следующий навык; актуальные предложения доступны в разделе курсов Perkova&Perkova.

Обучение веб-дизайну