{"id":14285,"url":"\/distributions\/14285\/click?bit=1&hash=346f3dd5dee2d88930b559bfe049bf63f032c3f6597a81b363a99361cc92d37d","title":"\u0421\u0442\u0438\u043f\u0435\u043d\u0434\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043d\u0430 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0438\u043b\u0438 \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u044f","buttonText":"","imageUuid":""}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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