Прежде всего хочется поговорить о таком параметре сайтов и блогов, как читабельность. Это такое оформительское решение, которое позволяет не напрягать глаза, не дергать лишний раз настройки браузера, не утыкаться носом в монитор, не вызывает желания свалить со страницы по-скорее. Порой все эти эмоции я испытываю довольно часто, что не может не удручать. И хотя большинство новичков плюют на подобные советы, будучи уверенны, что они точно знаю как лучше, я все-таки чиркну об этом пару слов, авось, кто-нибудь да прислушается. Наверное, это проистекает из желания расцветить свою страничку, как-то выделиться, но общий эффект получается скорее отрицательным.
1. Фон.
Возможность залить в качестве фона любую картинку, бесспорно, хороша. Если она не сочетается с безграничной любовью ко всему блестящему и яркому. Запомните: яркий фон - это зло, даже если он однотонный. А уж многочисленные финтифлюшки и анимация на фоне - это преступление против своего читателя.
Как вам такие картинки в качестве фона?
Фоновая картинка должна быть неякрой, с мягким, почти незаметным узором (если он так вам нужен) или плавным градиентом. Фон должен быть бесшовным, чтобы не было видно края картинки. Сравните:
Фон не должен отвлекать от текста, ибо посетитель на вашу страничку пришел именно за текстом, а не ради фоновых картинок. Фон должен контрастировать с текстом, а не с самим собой.
Черный и темный фон - это отдельный разговор. Я не очень люблю темные фоны - они утомляют. Хотя, наверное, можно подобрать оптимальный размер шрифта и его цвет, чтобы буквы не терялись и не взрывались. Так плавно переходим ко второму пункту:
2. Основной текст.
По цвету он должен быть контрастным к фону, т.е. его должно быть видно. При этом он не должен резать глаза - кислотные цвета оставьте для ссылок и акцетов. Не расцвечивайте вашу статью, не злоупотребляйте курсивом, подчеркиванием, жирностью - "веселенькая расцветочка" вредит восприятию и утомляет.
Размер шрифта - еще одна больная тема. Оптимальным можно считать 12-14 пунктов (на Полочке - 12pt, это при том, что у нас достаточно узкая рабочая зона - всего 550 пикселей). Если на вашем сайте рабочая зона большая, возможно стоит подумать о 14 пунктах, но это - максимум. Впрочем, еще зависит от начертания.
Начертание или Font-family. О, как велико желание новичков ввинтить какой-нибудь "аффигительный" шрифт: рукописный или готичный, или тот же "мирчарский" DC Coptic. Есть одна ма-а-алеькая проблема - нет никакой гарантии, что у ваших посетителей, а главное, у потенциальных посетителей на компе стоит такой же. Если вы не пропишете замену, пользователь увидит "закорючки". А если решите вставлять текст картинками - все, пропал ваш сайт для поисковиков. Кстати, читать такие вензеля - тоже утомительно - вот и живые пользователи разбежались.
Есть набор стандартных шрифтов, которые рекомендуется использовать:
С "заческами": Georgia (предпочтительно), Times New Roman (альтернативно), Book Antiqua
Без "засечек" (рубленные): Verdana (предпочтительно), Tahoma (предпочтительно), Arial (альтернативно), Trebuchet MS.
Можете сравнить эти и другие стандартные шрифты.
Почему некоторые шрифты я назвала предпочтительными? Потому что 3 пункт:
3. Пространство.
Имеется ввиду средняя загруженность единицы полезной площади страницы (там, где непосредственно текст), да и бесполезной - тоже, хоть это уже относится к "юзабилити". Большая загруженность - также плохо, как и "дыры". Свободные буквы, не жмущиеся друг к другу, свободные сточки, на налезающие одна на другую, поля - приятно посмотреть. Да, достаточные поля по бокам, а также сверху и снизу - это когда текст не упирается в край монитора.
Дайте вашему тексту воздуха - пусть он "дышит", не давите его жирным начертанием, не придавливайте анимацией, не перекрикивайте фоном, не цепляйте сложной гарнитурой (это о типе шрифта). И читатель скажет вам "спасибо". Может быть, не явно, а лишь тем, что вернется на вашу страничку вновь. Очень скоро.
Резюме.
В трех фразах читабельность выглядит так:
- контрастность текст/фон
- размер 100%, интерлиньяж 140%
- больше свободного пространства
Или в трех словах:
Не насилуйте глаза!
1
