05Сетка и типографикаиз архива
Висячие предлоги: кто за них отвечает, дизайнер или верстальщик?
gennady_l показал 3 мая 2025
- Правки
- 6 правок
- Последняя
- 13 мая 2025
- В разборе
принятой правки пока нет
кейс
Накипело, вынесу отдельной темой. Третий проект подряд получаю макет, где дизайнер вручную перенёс «в», «и», «на» на следующую строку, то есть поставил разрыв строки клавишей. В браузере ширина другая, и эти ручные переносы превращаются в лесенку: строка из двух слов, строка из одного, потом опять длинная. А потом мне же пишут «в вёрстке поехал текст».
Вопрос к дизайнерам: вы как это делаете? Я за то, чтобы в макете после коротких слов стоял неразрывный пробел, а не перенос. Но вдруг я чего-то не понимаю в вашей кухне.
Вопрос к дизайнерам: вы как это делаете? Я за то, чтобы в макете после коротких слов стоял неразрывный пробел, а не перенос. Но вдруг я чего-то не понимаю в вашей кухне.
правка 1
Ручной перенос внутри абзаца - ошибка дизайнера, тут спорить не о чем. У нас в студии правило: в заголовках разбивать строки руками можно, но только на 1440 и с пометкой, что на остальных ширинах текст свободный. В абзацах только неразрывные пробелы. Беда в том, что редактор макетов их никак не показывает, и джун даже не знает, есть они там или нет.
правка 2
Как фронт скажу, что неразрывные пробелы из макета до сайта доживают через раз. Текст всё равно приходит из админки, контент-менеджер вставит его из документа, и всё оформление улетит. Мы у себя делаем замену на стороне сайта: после предлогов и союзов до трёх букв неразрывный пробел ставится автоматически. Так что это задача разработки, а от дизайнера нужно только не ломать руками.
правка 3
в ответ @gena_pet
Переносы в заголовках по смыслу - всё же работа дизайнера. «Ремонт квартир / под ключ в Нижнем» и «Ремонт квартир под / ключ в Нижнем» - это разные заголовки. Автозамена висячие предлоги уберёт, а смысловой разрыв не сделает. Поэтому заголовок первого экрана я прошу у своих дизайнеров в трёх ширинах, а абзацы пусть обрабатывает сайт. И ещё: ручные разбивки в заголовках надо помечать в макете прямо рядом, хотя бы комментарием «разрыв по смыслу». Иначе верстальщик не отличит смысловой перенос от случайного Enter и уберёт оба.
правка 4
а я думала, это только мне на тестовом прилетело за висячие «и». Теперь хотя бы понятно, как правильно
правка 5
в ответ @tatiana.p
tatiana.p пишет:заголовок первого экрана я прошу у своих дизайнеров в трёх ширинахВот это было бы идеально, только я такого ни разу не получал. Обычно одна ширина, 1440, и дальше «ну ты сам разберёшься». Ладно, договорились: в абзацах я делаю автозамену, а заголовки с вас.
правка 6
В приложении проще, заголовки короткие и в одну строку, но в онбординге у нас та же беда была. Решили так же, как Геннадий пишет, заменой в коде.