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

Вибір розміру шрифту

Пропонується дві основних рекомендації при виборі розміру шрифту для електронних видань, а саме:

· Текст повинен бути досить великим, щоб його було зручно читати всім;

· Розмір шрифту повинен бути масштабованим. Іншими словами, його розмір в аркушах стилів (або безпосередньо в коді сторінки) потрібно задати у відносних одиницях вимірювання. Наприклад, замість 15px краще написати 110%.

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

Існують дві полярні колірні схеми: позитивна (чорний текст на білому тлі) і негативна (білий текст на чорному тлі). У цілому, і та, і інша схема мають гарну читабельність, хоча іноді говорять, що негативна схема злегка сповільнює читання через те, що сприяє розсіюванню уваги читача.

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

· підсилювання контрасту між кольорами переднього плану й тла;

· уникання використання суміжних кольорів зі схожою яскравістю, навіть якщо вони відрізняються насиченістю або відтінком;

· використання темних кольорів на світлому тлі;

· уникання контрастів світлих кольорів у нижній половині літер і темних кольорів – у верхній;

· уникання додаткових кольорів із суміжних областей колірного кола.

Для зручності читання дуже важлива підібрана контрастність. Чорний шрифт на білому тлі дуже сильно напружує око. Набагато краще виглядає темно-сірий шрифт на ясно-сірому тлі.

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

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

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

При виборі кольорів для виділення специфічних, пов'язаних з діями, міток використовуються звичайні значення, наприклад:

· червоний – для попередження про небезпеку, повідомлення про зупинку, інших попереджень;

· жовтий – для виводу результату, паузи, перегляду, короткого очікування перед продовженням;

· зелений – для початку деякої дії, переходу до наступної сторінки або екрана, продовження, тверджень типу ОК, Аll clear і т.п.

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

· Ключовим фактором у колірному виділенні є логічність, послідовність, зв’язність.

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

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

Якщо схема зі змінними кольорами переноситься на інші розділи або схема класифікації колірного кодування не очевидна, то потрібно виконати відповідне виділення за допомогою клавіатурних команд [28, 29, 52].

А от ще на замітку список деяких розповсюджених колірних сполучень у порядку поступового погіршення сприйняття їх користувачем:

· синій на білому;

· чорний на жовтому;

· зелений на білому;

· чорний на білому;

· зелений на червоному;

· червоних на жовтому;

· червоний на білому;

· жовтогарячий на чорному;

· чорний на пурпурному;

· жовтогарячий на білому;

· червоний на зеленому.

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

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