Виды контраcта в дизайне ★
Контраст — основой элемент дизайна. Он используется в графическом дизайне, иллюстрациях и вебе, в продуктовом и промышленном дизайне. Контраст помогает управлять внимание человека, и потому играет важную роль в создании сильного дизайна.
Фотография или иллюстрация
Фотографии, рисунки, схемы, гифки, 3D-анимация, иллюстрации создают наиболее сильный контраст. Даже если это чёрно-белая фотография, контраст по-прежнему остаётся достаточно сильным, чтобы перетянуть внимание с чёрного круга на фото.
![](https://lepekhin.ru/wp-content/uploads/2021/01/contrast-photo.png)
Цвет
Контраст с помощью цвета, пожалуй, второй по силе и значимости. Чтобы правильно его использовать, изучите теорию цвета и прочтите книгу Иоганнеса Иттена ««Искусство цвета».
![](https://lepekhin.ru/wp-content/uploads/2021/01/contrast-color.png)
Размер
Контраст по размеру один из самых простых способов задать иерархию в дизайне. Этот метод применяется во всех текстовых блоках, документах, на сайтах и лендингах.
Заголовки в этом блоге набраны Гельветикой 36 кегля, а основной текст — 16. Этого достаточно, чтобы визуально создать структуру и донести до читателя, какой элемент документа важнее.
![](https://lepekhin.ru/wp-content/uploads/2021/01/contrast-size.png)
Форма
Контраст по форме тоже довольно сильный приём. Его стоит применять, когда нужно выделить элемент среди других, показать его уникальность, современность. Например, форма бутылок, в которые разливают Кока-колу. Её все знают и без этикетки.
![](https://lepekhin.ru/wp-content/uploads/2021/01/contrast-form.png)
Микрорешение
Это, пожалуй, наиболее сложный и потому менее распространённый вид контраста. Хорошо подходит, когда нужно локально выделить конкретную деталь на сайте, странице книги или в приложении. Микрорешения помогают улучшить дизайн в целом за счёт мелких и малозаметных доработок, улучшений.
![](https://lepekhin.ru/wp-content/uploads/2021/01/contrast-micro.png)
Тень
Самый неконтрастный способ создать контраст. Следует использовать аккуратно и локально, чтобы не перегрузить общую композицию.
Хорошо работает в паре с фотографиями, помогает выделить элемент, с которым работает пользователь. Также подходит для того, чтоб выделить плашку от общего фона сайта, если нужно создать эффект воздушности или парения.
![](https://lepekhin.ru/wp-content/uploads/2021/01/contrast-shadow.png)
Более подробно о контрасте рассказал Сергей Кулинкович в своём выступлении «Что такое хорошо» на Просмотре в 2017 году.