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

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

1. Отсутствие отступов между параграфами

Очень многие этим грешат, они просто вставляют блок текста как придется, в результате чего, после 10 секунд чтения текст сливается единое пятно, которое невозможно дальше читать. И вы теряете посетителя. Пользователь приходит на сайт за контентом, отбейте параграфы по 5-6 строчек пустой строкой, как показано ниже, и людям сразу станет гораздо комфортные читать ваш текст.

text_example2 text_example


2. Выделение ключевых фраз жирным

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

text_example2 text_example3


3. Интерлиньяж на auto

Очень часто дизайнеры и верстальщики забывают, или не знают о том, что нужно увеличить расстояние между базовой линией строк, так как если оставить ее по умолчанию, то строки слипаются, и читать такой текст становится очень не комфортно. Самое оптимальное расстояние между строками 160% от размера кегля. Если размер шрифта у вас в тексте равен 16 пикселям, то межстрочное расстояние должно быть 24 пикселя.

text_example2 text_example4


4. Выключка по ширине блока

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

text_example2 text_example5


5. Выключка по правому краю

Бывает и так. Но выключка по правому краю имеет право на жизнь очень коротких текстах, например контакты в шапке. В основном блоке текста такого допускать нельзя по одной простой причине — при чтении пользователю приходится каждый раз искать начало новой строки, что увеличивает время чтения и доставляет дискомфорт.

text_example2 text_example6


6. Красная строка

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

Эволюция знака
evolution
И писалась красным цветом, затем от знака отказались, оставив пустое пространство. В вебе мало того что красную строку можно не делать, ее нужно не делать. Оставив левый край текста ровным и удобным для чтения.

text_example2 text_example7


7. Блок текста прописными

Нет ничего хуже, когда кто-то пишет текст прописными буквами. Весь текст заглавными буквами выглядит так, как будто на вас орут. А кому это понравится? Верно, поэтому такой текст просто игнорируется, если он не раздражает и с сайта не уходят. Если вы ходите выделить какой-нибудь текст, для этого есть более правильные решения.

text_example9 text_example8


8. Блок текста антиквой курсивом

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

text_example11 text_example10


9. Отсутствие разрядки у заголовков

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

text_example13 text_example12

10. Использование «креативных» шрифтов

Open Sans, Tahoma, Helvetica? Нет, нам же нужно что бы было креативо, и тогда на помощь приходят шрифты неизвестного происхождения, скачанные в архивах вместе с вирусами. Особенно начинающие дизайнеры, полагают, что неразборчивый шрифт, имитирующий текст написанный маркером, придаст их макету оригинальности. Мало того что этого не случится, так это еще и создаст дискомфорт читателю и разработчикам.

text_example2 text_example14

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