Как сделать текст на сайте максимально читабельным

Удобство чтения и восприятия текста на сайте – одни из самых важных вещей, о которых вы должны позаботиться, как веб-дизайнер. Ведь именно текст является «голосом» вашего дизайна и наиболее мощным инструментом коммуникации с пользователями сайта.

Так как же сделать так, чтобы ваш текст захотели читать? Вот несколько советов.

Читабельность – это сочетание эмоционального воздействия дизайна (или его отсутствие) с количеством усилий, прилагаемых для чтения текста.

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

Поэтому, работая с текстом в макете, дизайнеру нужно ставить себя на месте пользователя и задавать себе такой вопрос: «Хочу ли я это читать? Приятно ли мне потратить 5, 10, 15 минут на чтение этого текста?».

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

Используйте шрифты без засечек для основного текста

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

В вебе читать не любят. Даже можно сказать так: мы не читаем сайты, мы просматриваем их.

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

Serif VS Sans-serif

Используйте иерархию

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

Придавая разные стили для разного типа текста, мы создаем определенную иерархию, и, как правило, визуально – это разница в размерах шрифта.

Помните о контрасте

Контраст является ключевым фактором для того, чтобы текст легко читался.

Все очень просто. Самый очевидный цветовой контраст – черный текст на белом фоне, и это наиболее читаемое сочетание. Плохой контраст будет заставлять читателя щуриться и пытаться разобрать, что же там написано.

Соответственно, во второй ситуации скорость и комфорт чтения сильно снижаются, делая процесс чтения чуть ли не мучением.

Делайте отступы между абзацами и между строк

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

Отступ между строк текста (интерлиньяж) также должен быть не меньше того, что стоит по умолчанию (так, по крайней мере, точно не прогадаете). В некоторых случаях это значение можно увеличивать, добавляя больше “воздуха” тексту.

Разбавляйте текст изображениями

Скучно читать статью или смотреть страницу, в которой нет ни одной картинки. Хорошей идеей будет разбавлять текст визуальными пояснениями либо просто изображениями по теме. Читать станет гораздо приятней. Картинки любят все, а уж качественные и с душой подобранные (а может даже с внесенными своими изменениями) – что и говорить.

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

Как видите, именно так я и поступила в этой статье. Я подкрепила свои советы визуально – сделала картинки, которые помогли бы вам лучше понять, о чем я говорю.

Пишите цепляющие заголовки

Вне зависимости от того, о чем ваш текст и кто его написал (вы, заказчик предоставил и т.п.), заголовки должны быть интересные и вовлекающие. Сделайте так, чтобы ваши абзацы захотели прочесть.

К примеру, я могла бы назвать статью “Читабельность текста в вебе”. Звучит как тема курсовой, да? Вместо этого я написала в заголовке “Как сделать текст на сайте максимально читабельным” – тем самым как бы предлагая конкретные советы и действия, которые можно и применить и которые повысят читабельность текста на сайте.

П.С. Какие еще способы повысить читабельность текста вы можете назвать? Отпишитесь в комментариях прямо сейчас.

Кликайте “Мне нравится”, сохраняйте статью себе на стену. Это лучший способ не потерять ее и сказать мне “спасибо :)

Автор и идеолог проекта. Специалист по продающему дизайну и упаковке бизнеса в интернете

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

Вам также может понравиться

1. Настоящая Политика конфиденциальности содержит перечень информации, не подлежащей разглашению при использовании Заказчиком сайта https://www.vilchinskaya.com, далее «Сайт».

2. Использование сайта Продавца возможно только при условии безоговорочного согласия Заказчика с положениями Политики конфиденциальности.

3. В случае если Заказчик не согласен с каким-либо условием Политики конфиденциальности, либо условия ему не понятны, он обязан отказаться от использования Сайта Продавца.

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

5. Разглашение информации в рамках Политики допускается не иначе как при условии предварительного получения письменного согласия Заказчика.

6. Продавец может без согласия Заказчика использовать и разглашать данные Заказчика в случае, если указанные данные были предварительно самим Заказчиком предоставлены в открытый доступ (публичные данные).

7. Срок и территория соблюдения требований о конфиденциальности информации по настоящей Политике не ограничены.

8. Стороны обязуются принимать все необходимые и разумные меры для безопасного хранения и защиты конфиденциальной информации.

9. Обязательства, изложенные в настоящей Политике, не распространяются на следующие сведения:

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

9.2. Сведения, которые были получены сторонами от третьих лиц без обязательства о сохранении конфиденциальности;

9.3. Сведения, самостоятельно разработанные стороной;

9.4. Сведения, раскрытие которых необходимо в соответствии с требованиями законодательства или органов, имеющих соответствующие полномочия.

10. Стороны обязуются немедленно извещать друг друга о любых обстоятельствах, способных повлиять на исполнение требований Политики.

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

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

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

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

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

1. Настоящее Положение об обработке персональных данных содержит требования к обработке персональных данных при использовании Заказчиком сайта https://www.vilchinskaya.com, далее «Сайт».

2. При оформлении заказа Товара у Продавца Заказчик обязан предоставить Продавцу достоверную информацию о своих персональных данных и дать согласие на обработку своих персональных данных. Согласие на обработку персональных данных дается без каких-либо специальных оговорок.

3. Обработка персональных данных Заказчика осуществляется исключительно с целью идентификации Сторон договора, исполнения обязательств по Договору, а также с целью поддержания обратной связи Продавца и Заказчика.

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

5. В соответствии с условиями настоящего Положения не подлежат разглашению следующие данные:

5.1. Персональные данные Заказчика, которые были сообщены Продавцу в ходе процедуры регистрации на портале, либо при оформлении заказа.

5.2. Персональные данные Заказчика, которые были сообщены Продавцу при дальнейшей работе по Договору.

5.3. Данные об IP-адресе, информация из cookie, информация о времени доступа, адрес запрашиваемой страницы.

5.4. Адрес страницы Заказчика в социальных сетях.

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

7. Заказчик вправе в любой момент сообщить Продавцу об изменении своих персональных данных.

8. Продавец оставляет за собой право в любой момент внести изменения в любой из пунктов Положения об обработке персональных данных, не допуская при этом включения в Положение условий, противоречащих действующему законодательству.

📎📎📎📎📎📎📎📎📎📎