Уважаемые пользователи Голос!
Сайт доступен в режиме «чтение» до сентября 2020 года. Операции с токенами Golos, Cyber можно проводить, используя альтернативные клиенты или через эксплорер Cyberway. Подробности здесь: https://golos.io/@goloscore/operacii-s-tokenami-golos-cyber-1594822432061
С уважением, команда “Голос”
GOLOS
RU
EN
UA
awispa
7 лет назад

Вёрстка постов для перфекционистов. Важность неразрывных пробелов

Хорошая вёрстка текстов направлена в первую очередь не на абстрактное представление о красоте (хотя и на него конечно тоже), а на повышение читабельности текста. Вообще при дизайне любых текстовых конструктов (если это не арт-объект в чистом виде) основная цель — это упрощение передачи информации, а потом уже всё остальное.

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

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

 Я начну с примера. Чтобы далеко не ходить, возьму цитату из первого поста, который попался мне в Голосе. Принадлежит @fridakallo.

 Сравните правый и левый абзац. Всё вроде бы похоже: одинаковое выравнивание по ширине, красная строка, но что-то всё же отличается. С типографической точки зрения верно свёрстан правый абзац, а неверно левый. Кто сам догадается почему, тому конфетка :)

 Отличаются тексты использованием неразрывных пробелов. Визуально это отличие в том, что в левом абзаце (в котором неразрывные пробелы не используются) порисходит разбиение единых смысловых конструкций предложения на разные строки. Так в левом абзаце предлог «в» остаётся на четвёртой строке, а слово «груди», к которому он относится, переносится на следующую, пятую. Точно так же в последнем предложении на разные строки разбивается единая смысловая единица «не можете». С типографической точки зрения это считается грубой ошибкой, потому что несмотря на то, что это может показаться мелочью, на самом деле это усложняет читателю восприятие информации.
 А ведь когда мы пишем тексты, мы хотим, чтобы их прочитали, соответственно, чем проще мы это сделаем для читателя, тем больше вероятности, что человек дочитает до конца и наша цель будет достигнута.

 Как вставить неразрывный пробел

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

 При HTML-вёрстке он вставляется кодом   (просто вставляете это сочетание символов вместо обычного пробела).

 Где используется неразрывный пробел

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

  1. После предлогов и союзов. Прежде всего однобуквенных, начинающих предложение. После частицы «не», перед частицами «бы», «ли», «же». Т.е. будет как-то не очень, если «как» остаётся на одной строке, а «бы» перелетает на другую.
  2. Между числительными и относящимися к ним словам (например, единицами измерений).
  3. Между инициалами и фамилией.
  4. Между сокращениями («и т. д.», «г. Москва»).
  5. Перед тире в середине предложения. Считается, что при правильной вёрстке тире в середине предложения не должно переноситься на новую строку, потому что визуально такая вёрстка будет напоминать начало прямой речи.

 Если обобщить, то все случаи кроме случая с тире подчиняются общей логике: маленькие слова, сокращения, цифры, знаки (например, №) не должны разделяться с их главными словами.

 Неужели все эти случаи нужно редактировать вручную?

 К счастью нет. Для разных программ существуют разные скрипты, решающие эту задачу. А для написания постов в Голосе можно использовать он-лайн типограф:

https://www.artlebedev.ru/tools/typograf/

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

 Но к сожалению, есть одно «но». Типограф правит еще два момента: заменяет знаки дефиса на код длинного тире, где это нужно, и заменяет такие кавычки — "", на код принятых в русской типографике кавычки лочкой — «».
 Эти коды к сожелению платформа Голоса не поддерживает, поэтому их нужно в ручную вычистить обратно с кодового обозначения на обычное. Но это достаточно быстро, потому что всё-таки кавычек и тире в тексте обычно не так много, в отличие от мест, где необходимы неразрывные пробелы.

 Возможно в интернете существуют он-лайн типографы, которые будут более удобны для использования в Голосе. Если мне попадутся, я обновлю информацию.

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

 (Картинка для поста взята с pixabay.com и обладает лицензией на коммерческое использование. Если вы не знаете, где легально брать картинки для оформления своих постов, ознакомьтесь с информацией по ссылке:
https://golos.io/ru--golos/@awispa/gde-brat-kartinki-dlya-svoikh-publikacii-bazy-izobrazhenii-dlya-kommercheskogo-ispolzovaniya )

17
275.040 GOLOS
На Golos с December 2016
Комментарии (18)
Сортировать по:
Сначала старые