{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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