От автора: на картинке ниже — настоящая Великая Хартия Вольностей написанная в 1215 году. В одиннадцатом столетии пергамент был очень дорог, поэтому книжники дорожили пространством, экономили и писали на латинском языке.
Хоть это и выглядит довольно красиво, но отсутствие параграфов делает текст трудным для чтения – даже если это латинский язык. Нашим глазам, привыкшим к современному характеру письма, крайне трудно разобраться в сплошной стене из текста.
Зачем вообще нам нужны эти параграфы?
В письме параграфы выполняют три очень полезные функции. Во-первых, они помогают писателю упорядочить и правильно выстраивать свои мысли. Во-вторых, параграфы помогают читателю сделать закладку, чтобы потом вернуться при работе с текстом.
И наконец, в-третьих, параграфы служат смысловыми входными и выходными точками – маленькие законченные кусочки текста, помогающие ориентироваться.
Какова же идеальная длина параграфа?
Длина предложений в ежегодном послании президента США по годам
Примерно такого развития и следовало ожидать, существует много объяснений по этому поводу, и все же общая длина сократилась за последние 200 лет.
Mark Liberman из LanguageLog написал программу, которая анализирует структуру каждого послания президента США, а также каждую «инаугурационную речь» начиная с 1700-х годов. Конечно, длина предложения слегка отличается от длины параграфа, но между ними есть определенная связь.
По графику Марка видно, что средняя длина предложения уменьшилась с 40 слов в предложении до менее чем 20-ти в 2011 году. Для меня это не такая уж и проблема, но для других еще какая.
Что бы ни послужило причиной, но мы на протяжении уже долгого времени предпочитаем все более короткие предложения и абзацы.
В своем «уголке писателя» BobBrooke советует:
«Попробуйте ограничить длину параграфа до пяти строк, не предложений. Если текст слишком длинный, разбейте его на несколько параграфов или подтем.»
Естественно, что в интернете «5 строк» совершенно разные понятия от устройства к устройству. Yahoo! StyleGuide предлагает:
«Следите, чтобы ваши параграфы были крошечными. Часто двух-трех предложений достаточно.»
А это наводит нас на интересный вопрос
Как front-end разработчики/ дизайнеры/ пользователи мы несем ответственность за размер шрифта, кернинг, контраст и остальные типографские свойства, которые помогают нам добиться лучшего пользовательского опыта.
Разве это наша обязанность пытаться подобрать идеальную длину параграфа для макета? (Подозреваю, большинство скажет нет).
«Идеальная» длина параграфа должна быть разной для разных размеров экрана? То, что приятно смотрится на Kindle или настольном компьютере, естественно, не будет так же хорошо отображаться на вашем айфоне.
Утилита, скрывающая параграфы на маленьких экранах
Взгляните на пример на рисунке, один и тот же текст на разных устройствах: На телефоне сверху много полезной информации не видно, на экране отображается только пара абзацев. Текст в стиле «Великой Хартии Вольностей».
Что же мы можем сделать?
В идеале, мы должны переписать контент под разные устройства – «адаптивный контент». В конце концов, чтение в метро отличается от чтения в постели, так ведь?
В настоящий момент (по крайней мере) написание различного контента под каждое устройство/ экран не приветствуется из-за массы практических вопросов и большой рабочей нагрузки.
Но я долго думал об этом, и должен быть один прием, чтобы вместить немного больше параграфов на мобильные экраны без необходимости сильно уменьшать размер текста.
В интернете параграфы почти всегда выглядят одинаково: они начинаются без отступа, а заканчиваются отступом равным пустой строке (как на картинке ниже)
Но это только один из способов представления параграфов – пусть даже и самый распространенный на сегодняшний день. До недавних пор большинство книг выглядело так:
В параграфах не было никаких дополнительных нижних отступов – только короткий отступ из нескольких пробелов перед первым предложением. Почти во всех книгах и газетах использовался именно такой стиль для параграфов на протяжении двухсот лет, пока он не начал планомерно, устойчиво выходить из моды в 1960-70-ых.
Может, стоит вновь использовать эту отличную технику, НО уже на устройствах с маленькими экранами? Широкоформатные настольные экраны сильно не изменятся в будущем, а вот на мобильных экранах медиа запросы помогут использовать параграфы намного удобнее.
Такой подход позволяет сохранить обычную длину параграфа на больших экранах и потенциально улучшить ощущения от чтения на маленьких экранах. Данный способ не панацея, но с его помощью вполне можно вместить на экране три абзаца, вместо двух.
Необходимо еще провести пару тестов на удобство, но, я думаю, это хороший метод.
Автор: Alex Walker
Источник: //www.sitepoint.com/
Редакция: Команда webformyself.
