Найти тему
Веб-блог

Принцип контраста

Привет, в этой статье мы разберем базовые принципы контраста

1) Размер

Добавляя контраст по размеру вы помогаете пользователю выделить важную информацию. Чем больше элемент, тем большую площадь он занимает

Первое, что вы видите - это большой круг
Первое, что вы видите - это большой круг

2) Цвет

Используйте дополнительные цвета для создания контраста, но избегайте слишком ярких комбинаций, которые могут вызвать нагрузку на глаза

Первое, что вы видите - это синий круг
Первое, что вы видите - это синий круг

Контраст по цвету часто используют в интерфейсах, например, цвет кнопки контрастный по отношению к фону и другим элементам

3) Форма

Если в дизайне присутствует один тип формы, то, изменив тип формы одного из объектов, вы создадите на нём акцент.

Первое, что вы видите - это круг
Первое, что вы видите - это круг
Пятна краски отличаются по цвету и форме и дополнительно привлекает внимание
Пятна краски отличаются по цвету и форме и дополнительно привлекает внимание

Любые два различных элемента создают контраст. Можно продолжать этот список до бесконечности:

1)контраст положения

2)контраст движения

3)контраст размытости

-6

Помните, контраст должен быть значительным

Если разница небольшая, это воспринимается не как контраст, а как ошибка. Если делаете контрастный элемент, он должен явно отличаться от остальных

-7