Контраст делает различия видимыми. Это может быть контраст размера, цвета, толщины, формы или интервала. Крупный заголовок рядом с мелким основным текстом создает контраст. То же самое делает ярко-красная кнопка на сером бланке. Без контраста дизайн становится плоским. Все элементы конкурируют друг с другом на равных, и ничто не выделяется. При избытке контраста страница становится перегруженной, и взгляд не может отдохнуть.

Контраст — это не только эстетический аспект. Он влияет на читаемость. Текст с низким контрастом на фоне трудно читать, особенно людям со слабым зрением. Рекомендации по доступности веб-контента требуют коэффициента контрастности не менее 4,5 к 1 для обычного основного текста. Дизайнеры проверяют это с помощью инструментов, которые рассчитывают разницу яркости. Высокий контраст помогает при ярком солнечном свете и на экранах низкого качества. Низкий контраст может создавать настроение, но это должен быть выбор, а не случайность.

Способы создания контраста

• Размер: большой против маленького.
• Цвет: дополнительный или теплый, в отличие от холодного.
• Вес: жирный против светлого.
• Пространство: тесное или изолированное.

Контрастность работает лучше всего, когда она преднамеренная. Один сильный контраст на экране часто дает больший эффект, чем пять конкурирующих контрастов.