Веб дизайн. Оформлення тексту сайту

Проблема читабельності тексту на сайті - одна з лідируючих проблем веб-дизайну сучасності. Утриматися від використання на сайті безлічі шрифтів або шрифтів, різних за розміром, досить важко. Адже буквально щодня з'являються все нові і нові шрифти, що дозволяють задовольнити будь-який естетичний смак. Проте в гонитві за красивим накресленням тексту важливо не забути, що головніше все-таки зміст. Тому вибір шрифту не повинен впливати на якість сприйняття інформації відвідувачем сайту.

Ось кілька рекомендацій із грамотного оформлення тексту на сайті.

Коли потрібно виділити особливо важливий текст, його прийнято писати шрифтом збільшеного розміру. В основному тексті сторінки зазвичай найбільшим за розміром шрифтом пишуть заголовки розділів, трохи меншим - заголовки підрозділів або матеріалів і ще меншим - основний текст. Цього цілком достатньо для візуального розділення тексту. Якщо ж кількість різних розмірів шрифту в основному тексті сторінки буде більше, то користувач може не зрозуміти, яка ж інформація є важливою. До речі, для інших елементів сторінки, таких як меню або футер, припустимо використовувати різні розміри шрифтів.

У наш час існує так багато різних гарнітур шрифтів: У стилі «техно», в стилі «ретро» або «кантрі», шрифти, що імітують рукописний текст, і т.д. Але те, що красиво виглядає на папері, не завжди прийнятно для основного тексту сайту. У паперової документації дуже люблять використовувати шрифти із зарубками. Наприклад, один з поширених шрифтів із зарубками, Times New Roman, прекрасно підходить для документів, так як виглядає дуже представницький. Засічки на кінцях букв полегшують читання тексту, але тільки якщо він надрукований при великій якості. Однак той же шрифт для сайту при маленькому дозволі користувальницького монітора виглядає нерозбірливо, користувачеві доводиться напружувати зір, щоб прочитати текст.

Набагато більше прийнятний для основного тексту сайту який-небудь рубаний шрифт. Традиційно - це Verbana. Рубані шрифти мають більші символи і більшу Міжсимвольні відстань, тому вони зручніше для читання з екрану монітора.

Вибираючи гарнітуру шрифту для сайту, можна «переборщувати». Для основного тексту сторінок сайту краще використовувати одну гарнітуру, а для логотипу сайту або для навігації можна використовувати ще кілька різних гарнітур шрифту. В цілому фахівці з юзабіліті рекомендують використовувати не більше трьох різних гарнітур шрифтів на сторінці сайту.

Особливо важливі слова, фрази або пропозиції можна виділити підкресленим, напівжирним або курсивним накресленням шрифту. Напівжирний шрифт підійде для виділення цілого рядка, курсивний - для окремих слів або коротких фраз. Підкреслення тексту слід застосовувати обережно, адже підкреслюються зазвичай гіперпосилання. Важливо пам'ятати, що має сенс виділяти напівжирним або курсивним накресленням тільки невеликі ділянки тексту, адже якщо виділено все, то не виділено насправді нічого.

До речі, виділення великих ділянок тексту прописними буквами теж не сприяє якісному сприйняттю інформації. Адже якщо всі букви однаково великі, то незрозуміло, де починається нова пропозиція, які слова є іменами власними і т.д.

Для гарного сприйняття величезне значення має вирівнювання тексту на сторінці. Найбільш оптимальний варіант - вирівнювання по лівому краю, так як текст, вирівняний по правому краю сторінки або по ширині, читається набагато гірше. Наприклад, якщо в рядку менш 40 символів, то для такого рядка вирівнювання по ширині не придатне, текст буде занадто «переривчастим».

Міжрядкові інтервали, звані в типографіці Лідінгом, а також міжсимвольні інтервали, що називаються кернингом, повинні мати значення не менше, ніж за замовчуванням. Занадто щільний текст дуже погано читається.

Розміри блоків тексту на сторінці теж відіграють важливу роль для сприйняття тексту відвідувачами сайту. Якщо основний текст сторінки представлений у вигляді одного суцільного блоку, то він сприймається гірше, ніж текст, розбитий на кілька невеликих абзаців по 3-5 речень у кожному. Гірше також сприймаються гірше широкі блоки тексту в порівнянні з вузькими.

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

За матеріалами сайту webstudio2u.net