x
 
Тая Штоль
3 декабря 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Что думаете о переносах в вебе? Устарели как красная строка или всё же стоит их использовать в определённых случаях? Если стоит, то в каких?


Тая!

Ска­зать, что пере­носы в вебе уста­рели, было бы некор­ректно — пере­но­сов в вебе не было изна­чально. Текст веб‑стра­ницы дол­жен был адап­ти­ро­ваться к раз­ным раз­ме­рам окна и длине строки. Выключка по ширине, слава богу, не полу­чила рас­про­стра­не­ния. Поэтому рас­став­лять пере­носы в тек­сте не было смысла.

Даже если бы кто‑то захо­тел исполь­зо­вать пере­носы на заре интер­нета, это было бы трудно тех­ни­че­ски. При­ш­лось бы вруч­ную редак­ти­ро­вать все стра­ницы или с нуля писать алго­ритм рас­ста­новки пере­но­сов. Юни­код и мяг­кие пере­носы под­дер­жи­ва­лись не во всех бра­у­зе­рах и опе­ра­ци­он­ных систе­мах, а обыч­ные дефисы оста­ва­лись бы в тек­сте при копировании.

Теперь текст без пере­но­сов — это веб по умол­ча­нию. Но я бы не стал спи­сы­вать пере­носы в утиль как пере­жи­ток бумаж­ного дизайна.

Мы нашли при­ме­не­ние пере­но­сам в наших элек­трон­ных кни­гах, рабо­та­ю­щих в веб‑бра­у­зере. В отли­чие от обыч­ных веб‑стра­ниц, наши книги поде­лены на смыс­ло­вые раз­во­роты, чтобы в поле зре­ния нахо­ди­лись иллю­стра­ции и свя­зан­ный с ними текст.

Раз­во­рот из книги Ильи Бир­мана «Дизайн транс­порт­ных схем»

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

За этим реше­нием стоят две тех­но­ло­гии. Во‑пер­вых, сам мяг­кий перенос:

Юни­код U+00AD

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

Во‑вто­рых, мяг­кие пере­носы рас­став­ля­ются в тек­сте не вруч­ную, а с помо­щью алго­ритма. В наших кни­гах рабо­тают сер­вер­ная вер­сия Hyphenator.js и соб­ствен­ная над­стройка для рас­ста­новки пере­но­сов в коде веб‑стра­ниц, обра­ботки исклю­че­ний и кон­це­вых слов в абза­цах — они не должны переноситься.

В обыч­ном тек­сте веб‑стра­ницы или интер­фейса пере­носы выгля­дят не очень уместно. Я бы сам не хотел читать посты Фейс­бука, Тви­тера или Теле­грама с пере­но­сами. Но всё же и на сай­тах можно найти при­ме­не­ние пере­но­сам — появ­ля­ется воз­мож­ность ком­пактно и плотно свер­стать узкую колонку в под­пи­сях, пере­бив­ках и дру­гих осо­бых видах текста.

Под­писи с пере­но­сами на сайте бюро

Отно­си­тесь к мяг­ким пере­но­сам, как к спе­ци­фи­че­скому инстру­менту типо­гра­фики с огра­ни­чен­ным при­ме­не­нием, а не как к «новому тренду веб‑дизайна».


Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.





Недавно всплыло

Как попросить клиента помочь с дебагом? 1 Как вести себя с человеком, который Джима Кемпа не читал и вину не признаёт? 2 7 Давайте соберём в одном посте студии и фрилансеров, которые работают по принципам ФФФ 45