Вибір шрифтів для електронних видань

Вибір шрифтів – це дуже відповідальний момент. Звичайно вибором шрифту для елементів дизайну сайту, повинен займатися дизайнер, але вибір шрифту для контента обов'язково повинен погоджувати з верстальником.

Основний текст на сторінках звичайно повинен мати невеликий розмір. Такий текст сприймається значно краще, якщо використовуються рублені шрифти, наприклад, Arial, Verdana, а не шрифти із засічками (наприклад, Times New Roman). Це походить від того, що сучасні монітори мають порівняно низьку роздільну здатність, і тому для того, щоб чітко відобразити засічку шрифту розміром 10 пунктів просто не вистачає пикселів.

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

Цей парадокс розв'яжеться сам собою, коли монітори будуть поліпшені настільки, щоб читання з монітора стало б таке ж швидке й комфортне, як читання книги.

Загалом кажучи, на те, що більшість користувачів Internet віддають перевагу швидкому ознайомленню, ніж уважному читанню, багато на що впливає саме якість сучасних моніторів. Читання з монітора робить підвищене навантаження на зір і приблизно на 25% повільніше, ніж читання тексту з паперу. Тому немає нічого дивного в тім, що люди намагаються звести до мінімуму обсяг інформації.

На відміну від друкованих видань в Internet усе простіше й складніше одночасно. У мережі можна використати тільки 3 основних шрифти з досить високим ступенем упевненості, що вони відобразяться у всіх відвідувачів однаково. Це Arial, Verdana і Times New Roman.

З Arial та Verdana на моніторі, краще сприймається все-таки Arial, тому що у Verdana злипаються деякі літери.

У Adobe Photoshop в настройці шрифтів є опція Anti-aliasing (Згладжування). Серед елементів дизайну часто попадаються графічні написи, що вельми логічно. Але якщо напису планується вставляти в web-сторінку як текст, а не як картинку, то слід відключати Anti-aliasing. По замовчуванню, в Windows згладжування шрифтів включене і встановлена опція Standart. Якщо розмір шрифту більше 18px (у деяких шрифтів від 17px), наприклад, це можуть бути заголовки, то Anti-aliasing можна в Photoshop’е включити. Рекомендую ставити Sharp - це згладжування, більше всього схоже на стандартне згладжування в OS.

У браузерах Safari і Internet Explorer 8, згладжування шрифтів працює за замовчуванням, причому для всіх шрифтів і маленьких і великих. У решті всіх браузерах, згладжування шрифту починається з розміру 17-18px. Це означає у більшості браузерів дрібний текст відображатиметься без згладжування.

Мал.1 Розробки макет сайту

У даній розробці макету сайту, використано лівий заголовок і правий текстовий блок.

Мал.2 Приклад з шрифтом Tahoma:

Вибір шрифтів залежить від наступних чинників:

1. гарнітура (засічки)

2. висота рядкових літер

3. відстань між літерами

4. ширина літер

5. неперфорована відстань (між літерний проміжок)

Засічки призначені для роздруку тексту і хорошого читання з паперу.

Мал.3 Приклад з шрифтом Trebuchet MS:

Логічно, що чим більш оптимальне співвідношення перерахованих параметрів, тим більш читабельний текст. Тепер проаналізуємо шрифти, які використовуються в Web-дизайні (мал.4).

Мал.4. Зразки шрифтів

Дата добавления: 2014-01-05