Дизайн текста: основные правила

Сегодня у меня гостевой пост от команды TextStyle.ru про дизайн текстов на сайтах.

Тема данной статьи – дизайн текста. Текст на очень многих ресурсах – это, как правило, «серая масса», к которой у специалистов в области SEO всегда было отношение просто как к количеству символов, которое нужно иметь на странице (для того чтобы сайт удовлетворял среднему объему текста у сайтов в ТОП10). Несомненно, предпринимались и дизайнерами, и самими клиентами попытки оформить текст так, чтобы он привлекал внимание, «бросался в глаза», но результатом становилось лишь то, что текст выглядел «аляповато», непривлекательно и безвкусно.

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

Какие же основные моменты включает в себя комплексный дизайн текстового контента?

Шрифт

Самое основное правило заключается в том, чтобы все элементы контента были оформлены единообразно: это помогает сделать текст читабельным и легким для восприятия и понимания. Справедливо это замечание и по отношению к шрифту. Оптимальный вариант для опубликованного в Интернете текста – это шрифт без засечек. Такой популярный шрифт, как Times New Roman пприменим лишь для напечатанных на бумаге документов, для электронного текста больше подойдет Verdana. Рубленые шрифты обладают более крупными символами и большим межсимвольным расстоянием, поэтому их удобнее читать с экрана монитора.

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

Выравнивание

Существует, как известно, четыре варианта выравнивания: по левому краю, по правому краю, по ширине и по центру. Выравнивание по ширине лучше не использовать, так как в этом случае расстояние между словами в строке может быть слишком большим. Например, если строка содержит менее 40 символов, то при выравнивании по ширине текст будет «прерывистым». Также не рекомендуется выравнивание по правому краю: глаз устает каждый раз выискивать начало строчки, поэтому текст просто неудобно читать. Таким образом, оптимальный вариант – выравнивание по левому краю.

Заголовки

Существует 6 уровней заголовков для электронных документов, и все они могут быть востребованы. Но лучше всего использовать 3-4 уровня, так как употребление всех уровней может привести к тому, что читатель запутается. Контрастный цвет и большой размер шрифта следует приберечь для заголовков верхних уровней. По мере приближения к главному, основному тексту яркость заголовков следует снижать. Для чего? Всё предельно просто. Дело в том, что чем ярче и светлее цвет текста, тем меньше контрастирует он со светлым фоном. Относительно заголовков верхнего уровня можно сказать, что низкая контрастность здесь компенсируется размером и формой. При уменьшении размера возникает необходимость компенсации его с помощью цвета (берётся более тёмный). Если стиль сайта и его тематика того требует, то можно использовать несколько цветов.

4. Отступы

Давно известно, что читабельность любого текста (не только электронного, но и напечатанного на бумаге) увеличивается за счет достаточного количества пустого, не заполненного какими бы то ни было знаками пространства. То есть, если отступов много, то глаза при чтении с монитора устают гораздо меньше. Отступы между текстовыми блоками не должны быть слишком большими, чтобы не возникало ощущение оторванности одного блока от другого.

Отступами могут разделяться абзацы. Расстояние, которое допускается между ними, находится в диапазоне от высоты шрифта до высоты строки.

ü Расстояние от конца блока текста до следующего заголовка должно быть больше в два раза, чем от заголовка до начала текста.

ü Расстояние от заголовка до начала текстового блока должно быть равно расстоянию между абзацами.

Абзацы

Абзацы могут быть русские или английские. Английские отделяются друг от друга отступами, в результате чего каждый абзац выглядит как самостоятельный блок текста. Русский абзац вертикальных отступов не предполагает, вместо них – «красная строка». Чаще используются английские абзацы: это гораздо удобнее при чтении. Недопустимо смешивать английские абзацы и красную строку.

Таким образом, не обойтись без вебстальщика, если нужно, чтобы текстовый контент на сайте выглядел эстетично и гармонично. Примеры грамотного оформления текста можно найти здесь: http://www.textstyle.ru/.

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

Литература:

1. Калмыков А.А., Коханова Л.А. Интернет-журналистика: Учеб. пос. для студентов вузов – М. «Юнити-Дана» , 2005. – 383 с.

2. Барлыбаева С.Х. Развитие информационного общества в мире и в Казахстане: учеб. пособ. – алматы: Казак университетi, 2006.- 190 с.

3. Барлыбаева С.Х. Телевидение в Мире и в Казахстане. Алматы – 2007. – 166 с.