{"id":14275,"url":"\/distributions\/14275\/click?bit=1&hash=bccbaeb320d3784aa2d1badbee38ca8d11406e8938daaca7e74be177682eb28b","title":"\u041d\u0430 \u0447\u0451\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0446\u044b \u0430\u0432\u0442\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f72066c6-8459-501b-aea6-770cd3ac60a6"}

Оформление текстов

Для того, чтобы правильно оформить текст любого документа, нужно понять, каким образом мы читаем текст:

2 режима восприятия визуальной информации:

1. режим захвата, когда мы мельком глазами по диагонали глядим на текст и понимаем суть;

2. последовательное изучение, требующее мыслетоплива.

В идеале, необходимо сделать так, чтобы в документе самое важное “загружалось” в голову при прочтении.

Последовательное изучение похоже на “змейку”:

Согласитесь, что такой текст читать до конца не хочется. Попробуем решить вопрос сбережения мыслетоплива, используя всем известный инструмент “Сделайте шрифт крупнее!”.

Берем “змейку”, на которой шрифт не читабельный, применяем данный инструмент. И видим, что увеличение шрифта не решает проблему читабельности никак.

Правила быстрого прочтения текста:

  • буквы меньше, текста - больше;
  • сократить строчку на 1/3.
  • увеличить интервал между строчками, а также ширину строки;
  • разбить “змейку” на “змеенышей”;
  • сделать больше свободного места по периметру “змейки”.

Основываясь на правилах, получаем вот такой текст:

Теперь гораздо легче читать. В нем можно выделить какую-то ключевую мысль.

Улучшаем читаемость текста по шагам:

1. Возьмем кирпич текста:

и увеличим его поля по краям. Обратите внимание, что на макетах дорогих брендов всегда очень много свободного места:

На сайте “Тинькофф” в графах заполнения данных могут поместиться целых три строчки, но разработчики оставили их широкими:

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

2. Правило уменьшения ширины строки на 1/3 меньше применяется в редких случаях. Чтобы его использовать, нужно знать определенное количество символов, которое должно помещаться в одной строке. Это количество определяется в индивидуальном порядке и не носит универсальный характер.

Обратите внимание, что тест, отделенный красной стрелкой предназначен для поисковых роботов, все остальное же - для обычный посетителей сайта.

3. Пример удачного межстрочного интервала:

​Идеальный деловой документ.

Разбили условно на части, так сказать превратили его в “змейку”.

Этот же текст делим на “змеенышей”:

Довели документ на максимально легкий для прочтения уровень.

Все подробности в видео:

0
2 комментария
Marat Yangaliev

Спасибо большое за информацию, очень интересная пища для размышлений 😄

Ответить
Развернуть ветку
Андрей Епаркин

С удовольствием посмотрю видео! Спасибо

Ответить
Развернуть ветку
-1 комментариев
Раскрывать всегда