Какой цвет вы обычно выбираете для фона на сайте? Яркий, насыщенный цвет?

С одной стороны — яркие, насыщенные цвета привлекают наибольшее внимание посетителей. С другой стороны — напрягают глаза посетителей, что затрудняет дальнейший просмотр страницы.

Когда нельзя использовать яркие, насыщенные цвета на сайте

Рассмотрим пример. Слева цвета с максимальной яркостью и насыщенностью. Справа цвета с яркостью 80% и насыщенностью 80%. Какой столбец ваши глаза могут терпеть дольше? Там, где 100% яркость, насыщенность или 80%?

Когда нельзя использовать яркие, насыщенные цвета на сайте

Яркость и насыщенность

Яркость и насыщенность — это разные цветовые свойства. Яркость — это сколько белого или черного цвета смешивается в цвете. Насыщенность — какое количество серого содержится в цвете.

Увеличение яркости не приводет к уменьшению насыщения. Когда вы уменьшаете насыщенность, то в цвете становится больше серого. Когда увеличиваете яркость, то больше белого.

Когда нельзя использовать яркие, насыщенные цвета на сайте

Влияние цвета на внимание и возбуждение

Цвета с высокой насыщенностью и яркостью привлекают наибольшее внимание посетителей и влияют на их высокое возбуждение. Они быстро привлекут внимание посетителей, но не смогут удержать их надолго. Потому что кричащие цвета начинают раздражать глаза пользователей.

Данные цвета следует использовать только для интерфейсных элементов, требующих действия пользователей. Например, кнопки. Яркий цвет привлечет внимание к этим элементам и облегчит их поиск, когда пользователи будут готовы действовать.

Когда нельзя использовать яркие, насыщенные цвета на сайте

Использование темных, менее насыщенных цветов для фона

Лучше сделать цвет фона темнее и менее насыщенным. В результате менее интенсивный цвет фона не будет конкурировать с текстом за внимание. Это позволит пользователю легче читать страницу без визуального отвлечения.

Когда нельзя использовать яркие, насыщенные цвета на сайте

Поиск оптимального цвета для фона

Создание сетки цветовых свойств поможет вам найти оптимальный цвет фона для вашего сайта.

Итак, выберите цвет и установите максимальную яркость, уровень насыщенности. А теперь нужно настроить различный уровень яркости и насыщенности.

В результате вы получите четыре новых цвета с более низким уровнем насыщенности и яркости. Для каждого нового цвета укажите коэффициент насыщенности / яркости.

Когда нельзя использовать яркие, насыщенные цвета на сайте

Эти цвета не являются оптимальными, поскольку они все еще имеют 100% яркость или уровень насыщенности. Вместо этого они будут служить базой для поиска более оптимальных цветов.

Создайте второй уровень оттенков, уменьшив яркость и насыщенность образцов в первом ярусе.

Когда нельзя использовать яркие, насыщенные цвета на сайте

Если вас не устраивает второй уровень полученных цветов, то вы можете получить ещё больше цветов. Для этого снова уменьшите их яркость и насыщенность. Теперь у вас палитра из восьми оптимальных цветов с различными коэффициентами яркости и насыщенности на выбор.

Когда нельзя использовать яркие, насыщенные цвета на сайте

В качестве фона всегда используйте цвета, которые не напрягают глаза, а успокаивают их.

Заключение

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

Цвет влияет на эстетику дизайна, но также влияет на удобство использования. Не следует жертвовать удобством использования ради эстетики, когда вы можете заставить их работать в тандеме. Тем самым получив отличный сайт.

Лайк, если хотите больше статей о юзабилити!

Популярные статьи

Оставить комментарий