частини літер і знижує читабельність тексту.
Верстка в колонки. Найбільш популярним типом верстки HTML сторінок на сьогоднішній момент є таблична верстка. На найвідоміших новинних сайтах ми бачимо, що текст розбитий на колонки. Причому одна колонка відводиться для основного тексту, а інша для так званих приманок. Приманкою називається коротка анотація статті.
Друге застосування малої колонки (якщо приманок немає або вони просто не потрібні) зводиться до становлення навігації сайту. Там можуть розташовуватися посилання, новини, банери.
Питання, як побудувати цю колонку багатьох ставить у глухий кут. Однак існують старовинні правила верстки тексту. Отже, якщо відводити малу колонку під текст, то її розмір можна вирахувати наступним чином. Вибрати гарнітуру, кегль, накреслення і написати наступну фразу:
абвгдежзійклмнопрстабвгдежзійклмнопрст
Саме така ширина є оптимальною для даного шрифту.
При використанні колонки для розміщення посилань слід тримати її ширину від 130 до 150 пікселів. Небагато, але і немало.
2.4 Стилістичне форматування тексту
Елементи контенту на сторінці повинні мати єдиний стиль оформлення, щоб сторінка була адекватно сприймаються і легко читабельна. Це стосується в основному шрифту і кольорів, а й відступи не виняток. Розмір шрифту повинен бути досить великою, а якщо потрібно використовувати маленький шрифт, то обов'язково варто передбачити можливість зміни його розміру, наприклад, використання em замість px для вказівки розміру шрифту в верстці.
Заголовки.
Існують 6 рівнів заголовків, якими не варто нехтувати, адже дуже часто електронний документ (у даному випадку веб-сайт) може бути багаторівневим і всі рівні заголовків можуть бути затребувані. Хоча використання всього «спектра» заголовків може призвести до того, що користувач заплутається в рівнях. Тому трьох рівнів заголовків в тексті буде достатньо. Заголовки самих верхніх рівнів краще залишити для форматування заголовних написів для різних блоків і заголовка сайту і сторінки.
Рекомендується для заголовків самих верхніх рівнів використовувати великого розміру шрифт і досить контрастний колір. Спускаючись по рівню заголовків слід поступово знижувати їх яскравість, наближаючись до кольору основного тексту. Робиться це для того, щоб дрібні заголовки були більш читані. Наприклад, якщо зелений колір один з основних кольорів на сайті, то рекомендується в графічному редакторі зобразити градієнт, де з одного боку буде розташовуватися ваш зелений колір, а з іншого боку - колір основного тексту (рис. 6).
Малюнок 6 - Кольори заголовків різного рівня
Справа в тому, що чим яскравіше і світліше колір тексту, тим він менше контрастує зі світлим фоном. Для заголовків верхнього рівня яскравість шрифту, а значить його низька колірна контрастність, компенсується їх розміром і контрастом форми. У міру зменшення розміру, зменшується контраст форми, а значить зменшується удобочитаемость, тому слід це компенсувати контрастом кольору, т. Е. Колір заголовків робити більш темним (рис. 7).
Малюнок 7 - Приклад колірного оформлення заголовків
Якщо стиль сайту увазі використання декількох кольорів, то можна їх взяти, розташувати в порядку яскравості і застосувати для заголовків. Різні відтінки одного кольору допустимі. Але якщо використовувати для всіх шести заголовків різні по спектру кольору, то вміст буде занадто строкато оформлено і це буде заважати. Останній шостий заголовок, є заголовком найнижчого рівня і, в принципі, може навіть не відрізнятися від основного тексту ні кольором, ні розміром. Можна просто зробити його жирним.
Розміри.
Розміри заголовків і текстових блоків повинні бути розраховані так, щоб, по-перше, заголовки різного рівня були легко відрізнити, т. е. відмінності повинні бути настільки контрастні, наскільки це можливо в певному діапазоні. Але занадто великий контраст розміру породить роз'єднаність елементів - цього слід уникати.
Розмір самих блоків тексту залежить від розміру шрифту. Як правило, найбільш зручний для читання блок тексту шириною в 65 символів, тому для великих обсягів тексту не підходить гумова верстка. Висота абзацу, бажано, не повинна перевищувати 7 рядків.
Відступи.
Кількість порожнього місця прямо пропорційно читабельності - це вже досить відоме правило. Зараз найбільш актуальний дизайн в так званому стилі «Web 2.0», який, якщо не брати до уваги закруглені кути, глянець, відображення, а тільки форматування тексту, по суті являє собою наоч...
