7 Контраст

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

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

Як правильно використовувати контраст

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

Правила контрасту

• Області високого контрасту більш привабливі, ніж елементи низького контрасту. Насправді важливі елементи можна виділити і за допомогою низького контрасту. Наприклад, якщо всі елементи сторінки будуть високого контрасту, а якийсь блок - низького, безумовно, увагу буде звернено саме на нього.

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

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

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

Вимірювання контрасту

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

При використанні легкого фону, також можна домогтися максимального контрасту.

Використання інвертованого виділення також є гарною ідеєю, але тільки в тому випадку, якщо кольори підібрані відповідним чином.