Текст та фон
Елементи, без яких не обходиться жодна веб-сторінка, — фон, текст і гіпертекстові посилання (стор. 215) — ставлять цікаве завдання гармонізації трьох (або чотирьох, якщо враховувати колір «відвіданих» посилань) кольорів, що займають у композиції площі, що різко розрізняються та виконують різні функції. Є чимало сторінок з мінімумом графіки та досить ординарною композицією, які приваблюють та запам'ятовуються виключно своєю кольоровою гамою.
Перша вимога до пари кольорів для фону та тексту – достатній контраст між ними, необхідний для комфортного читання. Контраст цей повинен перш за все виражатися в різній яскравості кольорів, так як різниця тільки в тоні або насиченості не дозволить свідомості розрізняти текст і фон з достатнім автоматизмом, а для тексту невеликим кеглем його тональне забарвлення або ступінь насиченості взагалі важко помітні (крім того, ці параметри кольору втрачаються на чорно-білих пристроях виведення).
Тому тому, що тести психологів вказують на чорний колір на білому тлі як на поєднання, що забезпечує максимальну зручність при тривалому читанні. Однак ергономіка — хоч і важливий, але не єдиний аспект інформаційного дизайну, і нерідко їй доводиться поступатися місцем естетиці. Крім чорного на білому, існує безліч кольорових схем, що забезпечують хорошу читаність тексту, і при виборі одного з них потрібно враховувати загальний стиль дизайну сторінки, поєднання кольорів один з одним і безліч інших, суто естетичних міркувань. Не варто також забувати, що екран комп'ютера дозволяє набагато вільніше маніпулювати компонентами кольору, роблячи можливими поєднання, які не відтворюються на папері.
Незвичайні колірні рішення веб-сторінок можна розбити на дві великігрупи: з темним текстом на світлому фоні та з світлим текстом на темному тлі. Другі
(див. кольорову вкладку, стор.114)
Дещо популярніше перших (якщо не враховувати традиційні чорні-на-білому сторінки, що становлять все ж таки помітну більшість).
Погляньмо спочатку, що може дати нам схема із темним текстом на світлому фоні. Залишимо поки текст чорним, візьмемо якийсь досить насичений колір (синій, наприклад), збільшимо його яскравість (тобто змішаємо його з білим) і зафарбуємо їм фон. Результат (рис. 22 на кольоровій вкладці, а) важко назвати особливо привабливим - очевидно, що насиченість фонового кольору суперечить його яскравості. Колір цей здається рідким, розбавленим, нецікавим. Навіщо потрібне розведене молоко, якщо можна пити чисту воду чи чисте молоко?
Тепер вам повинні бути зрозумілі способи, якими можна покращити цю колірну схему. Потрібно або зробити фоновий колір темнішим, щоб його насиченість виступила на перший план, або навпаки, залишити його світлим, але знизити його насиченість. Для першого способу потрібно, щоб фоновий колір сам по собі був досить оригінальним, так що чистий синій тут вже не підійде, але можна спробувати якийсь неочевидний проміжний тон, наприклад синьо-зелений або кавовий (рис. 22 на кольоровій вкладці, б).
Другий спосіб - зниження насиченості - перетворює фоновий колір на світло-сірий з відтінком вихідного кольору. Це робить колір менш очевидним і тому цікавішим, але сам по собі він все ще може бути не дуже переконливим. Тому такий колір вимагає підтримки з боку кольору тексту — найкраще використовувати для тексту темнішу варіацію того ж кольору.
З тим самим успіхом я міг би сказати, що, навпаки, темний колір текстувимагає підтримки з боку фону, інакше його тональна складова буде важко помітна. Як акорд звучить цікавіше окремої ноти, так і ця пара кольорів набагато краще виражає характер їхнього загального тонального компонента. У той же час невисока насиченість не дозволяє кольору вийти на перший план сприйняття, забезпечуючи комфортне читання (рис. 22 на кольоровій вкладці, в).
Необхідну частку різноманітності такому кольоровому ландшафту може надати більш насиченого або контрастного кольору посилань. Взагалі, для ефективного
Впізнання посилання повинні мати більш помітний колір, ніж основний текст, хоча досягти цієї помітності можна різними способами - контрастом тону, збільшенням насиченості, підвищенням чи зниженням яскравості. Відвідані (visited) посилання повинні сигналізувати про свою «відпрацьованість» кольором менш насиченим або просто ближчим до кольору основного тексту. Прийнята в графічних броузерах розмальовка посилань за замовчуванням — синій колір для «свіжих» посилань і фіолетовий для «використаних» — досягає потрібного результату і без будь-яких варіацій насиченості, користуючись тим, що фіолетовий колір зазвичай справляє враження змішаності, «нечистоти» і тому «непочатковості».
Сайт www.chess.ibm.com (приклад 1?) є чудовим зразком збалансованого колірного дизайну. Його світлий, але досить насичений фоновий колір (#СССС99) виразний сам по собі і не вимагає підтримки з боку тексту, для якого вибраний злегка пом'якшений чорний колір (#333333). Для посилань використаний контрастний, але і пом'якшений синій (#0033FF). Інші графічні елементи підтримують цю різноманітну, але абсолютно позбавлену строкатості кольорову гаму.
Другий тип колірних рішень - зі світлим текстом ітемним тлом — здавалося б привабливішим. Оскільки літери тексту займають істотно меншу площу, ніж фон, будь-який досить темний колір для тексту, як ми бачили, намагається перетворитися на чорний. Тому для тексту вигідніше вибирати світлий і насичений відтінок, якому, природно, потрібне темне тло. Потрібно також враховувати, що світлий текст на темному тлі, хоч і поступається за комфортністю тривалого читання чорному тексту на білому, у невеликих об'ємах менше втомлює око, оскільки обмежує загальну кількість світла, що отримується від монітора (на жаль, у багатьох користувачів монітори налаштовані так , що білий фон сторінки майже миттєво викликає різь в очах).
Друк тексту білим по чорному застосовується іноді й у журнальній верстці, проте лише на екрані комп'ютера ця колірна схема відкрила всі закладені у ній можливості. Будь-який досить темний колір як тло звучить стримано, благородно, навіть таємниче; будь-який світлий колір для тексту стає особливо яскравим і виразним. Мабуть, тепер такі поєднання кольорів вже ні в кого не асоціюються з чимось похмурим або жалобним, так що свобода творчості нічим не обмежена.
Є однак одне обмеження технічного плану. Фоновий колір, який хоче виглядати саме кольором, а не безбарвним чорним, повинен бути досить насиченим, «вночі всі кішки сірки», і занадто слабка домішка основного тону буде в темному кольорі важко помітна, незважаючи навіть на велику площу, яку займає цей колір. Насиченість кольору тексту може підтримувати насиченість фону, а може контрастувати з нею.