Продолжаем советы по оформлению текста.
7. Не издевайтесь над зрением своих читателей
Раньше было очень модно использовать мелкий шрифт на сайтах. Считалось, что это красиво. Считалось, что это стильно. Но это ничего общего не имеет с принципом здравого смысла. Принцип здравого смысла говорит нам о том, что у большинства взрослых людей есть какие-то нюансы со зрением. Мы должны эту информацию учитывать при разработке нашего сайта, а не игнорировать её.
Поэтому рекомендованный размер шрифта основного текста для сайтов – это 12-14 пунктов. Это такой шрифт, который будет нормально прочитан, разборчиво, для людей с разным уровнем зрения. Если шрифт мелкий, то его будет сложнее прочитать. Если шрифт основного текста будет крупнее, то это уже будет выглядеть некрасиво. Поэтому используйте этот совет как некую аксиому.
8. Не забывайте про здравый смысл
Очень часто задают вопрос. Что же лучше разместить, тёмный шрифт на светлом фоне или светлый шрифт на тёмном фоне? Есть часть людей, которым кажется, что светлый шрифт на тёмном фоне – это стильно. И действительно, можем заметить, что очень много рекламы товаров в премиум-сегменте, выполненной именно таким образом – на тёмном фоне располагается какая-то информация.
Опять же, мы с вами должны руководствоваться принципом здравого смысла. В данном случае он говорит нам о том, что наша задача – максимально легко прочитать текст, размещённый на сайте и сделать это максимально комфортно, то мы должны понимать, что читается и воспринимается для нашего глаза лучше тёмный шрифт на светлом фоне. Это правило тоже нужно использовать.
Если вы хотите использовать тёмный фон у себя на сайте, сделайте это в каком-то ограниченном количестве. Например, только в верхней или только в нижней части сайта. В то время как основной текст будет написан на светлом фоне. Тогда вы добьётесь и сохранения стиля, и добьётесь того, что текст будет комфортно читать.
9. Абзацы, абзацы, абзацы!
Ещё один важный момент. При вёрстке текста в интернете, его нужно разбивать на абзацы. Причём абзацы не должны как в книжках плотно примыкать друг к другу и отличаться только наличием красной строки. Между абзацами обязательно должно быть расстояние, свободное место, разрыв. Тогда абзацы будут восприниматься легко. Тогда будет легче ориентироваться в тексте, легче его читать и легче скользить по нему глазами.
Давайте посмотрим. Вот пример сайта, на котором между абзацами текста есть разрывы, есть отступы.
Несмотря на то, что текст мелкий, несмотря на то, что он практически без каких-то выделений, глаз всё равно может зацепиться за строчки начала каждого абзаца. Это комфортно. Текст разбивается на какие-то логические элементы.
Тот же самый пример, когда текст набран одним сплошным абзацем.
Нет разрывов, нет расстояний, просто одна куча текста. Вот это читать никто никогда не будет. Поймите для себя, пожалуйста, принципиальную разницу в этих двух подходах к оформлению абзацев текста.
10. Разделяйте текст подзаголовками
Дальше мы должны приучить себя использовать подзаголовки, разбивая ими текст вашей страницы.
Давайте посмотрим пример – фрагмент сайта, в средней колонке которого написан текст, даже разделённый на абзацы, но это текста достаточно много.
Теперь мы посмотрим второй пример. Этот же самый текст разбит на три логических составляющих, у каждой из которых появился заголовок, другого цвета, другой живности, плюс некий маркер с цифрами «1», «2» и «3».
К чему это привело? Это привело к тому, что конструкция сайта стала ещё более логичной, текст стал намного легче восприниматься и визуально страница стала проще и интересней.
Поэтому вам нужно взять текст вашей страницы, разбить его на какие-то логические блоки и дописать к ним подзаголовки. Причём идеально, если подзаголовки будут отражать какие-то преимущества и выгоды вашего предложения, а не просто быть сухой констатацией факта. «Сейчас мы поговорим о нашей продукции», «Способы доставки» — это банальные, скучные, никому не интересные заголовки. А заголовок, например, «Бесплатная доставка по всей России» и дальше идёт описание которой, будет работать намного интересней.
Смысл в чём? Смысл состоит в том, чтобы прочитав только подзаголовки, которые размещены на странице, человек уже понял и сделал для себя определённое количество выводов. Он уже понял некоторые преимущества компании, понял некоторые особенности, и понял важные моменты, которые вы вынесли в подзаголовки. Этой информации зачастую бывает достаточно для того, чтобы принять решение остаться на странице.
11. Не забывайте о выравнивании текста
Следующий совет касается выбора стиля выравнивания текста, размещённого на вашем сайте.
Я думаю, вы знаете, что бывает выравнивание по левому краю, бывает выравнивание по центру, бывает выравнивание по правому краю и бывает выравнивание по ширине, когда все строчки становятся одинаковой ширины и левый и правый край текста становятся ровными. Это достигается за счёт увеличения расстояний между буквами, между словами, подгоняя, таким образом, текст занять единую ширину.
Посмотрите на слайд, на нём представлено два примера.
Верхний пример – это текст, выровненный по левому краю. Нижний пример – это текст, выполненный по ширине. Нам надо понять, какой лучше. Зачастую многие создатели сайтов выбирают для своих текстов выравнивание по ширине, потому что им кажется, что это красивее. И, действительно, такой текст смотрится немного аккуратнее.
Но что нам нужно понять? Что текст – это не графический объект, это не элемент дизайна. Задача текста – быть действительно прочитанным и понятым. В этом смысле нам нужно использование именно выравнивание текста по левому краю. Почему? Потому что читать такой текст проще, взгляд легко передвигается с одной строки на другую, потому что у них разная ширина. Взгляд легко фиксирует, на какой строчке текста он находился и на какую строчку текста ему переходить дальше. Тексты, выровненные по левому краю, действительно, читаются проще, несмотря на то, что выглядят менее аккуратными.
12. Подписывайте картинки
Все те картинки, которые вы используете в вашем тексте необходимо подписывать. Это нормальный общепринятый совет. Подписанная картинка всегда воспринимается лучше не подписанной.
Вы должны понимать, что помимо того текста, который вы выделяете жирным на своей странице, подписи к картинкам будут точно таким же элементом, который в первую очередь просмотри человек, зайдя на ваш сайт и только потом он начнёт читать.
13. Сделайте свой текст особенным — включите в него инфографику
Следующий совет касается использования инфографики – это новое направление в представлении данных.
Мы не будем сейчас на этом подробно останавливаться, потому что это совершенно другая тема. Но если у вас возникнет интерес, я рекомендую вам посмотреть в Яндексе, в Гугл более подробную информацию на эту тему.
Суть её в том, чтобы представить цифры, представить какие-то факты в виде очень простой, удобной для восприятия модели. В данном случае неплохой пример – картинка красивая, цифры легко воспринимаются, выглядит современно. Это было бы неплохой иллюстрацией для главной страницы сайта.
14. Не забывайте о картинках и иллюстрациях!
Следующий важный момент касается того, чтобы вы должны разместить как можно больше иллюстраций на страницах вашего сайта. Не нужно на них экономить.