+7(919)219-14-03
Звоните прямо сейчас
Социальные сети
Как создать контраст в дизайне

Как создать контраст в дизайне

Мы поговорили, что можно создать контраст в дизайне цветом, формой, размером и расположением. Но пойдём ещё дальше.

15 июля 2021 в 15:45
Есть четыре способа создания контраста в дизайне: можно выделить с помощью цвета, формы, размера или расположения.

Расположение — это уже ближе к принципу приближённости. Для фигур всё понятно.

Для текста работают те же способы. Чтобы выделить текст цветом, нужно подобрать цвет, который сильно отличается от цвета фона и цвета основного текста. Например, выделить коричневым или темно-синим относительно черного цвета — так себе контраст. Контраст формы в тексте — это либо сильно другой шрифт, либо сильно другое начертание (жирный), либо заглавные буквы против строчных. Контраст размера в тексте будет работать, только тогда, когда размер отличается в полтора-два раза. Текст 12 пт и 14 пт — не контраст. Текст 14 пт и 28 пт — это уже контраст.

Можно применять сразу несколько способов создания контраста: сделать текст крупнее в 2 раза, выделить жирным и перекрасить из черного в красный, например.

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

Мы поговорили, что можно создать контраст в дизайне цветом, формой, размером и расположением. Но пойдём ещё дальше.

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

Если мы просто выделим оранжевым цветом слово, то цветовое пятно выйдет маленькое: оранжевый останется только в линиях букв. А внутри букв, между словами и строчками останется пространство, белый фон. Если же мы нарисуем под текстом оранжевый прямоугольник (плашку), то цветовое пятно будет большим. Этот текст будет привлекать внимание.

Для создания цветового пятна совсем не обязательно использовать какой-то яркий цвет. Даже серая или черная плашка тоже будет создавать цветовое пятно. Да и плашка тоже не обязательна. Например, напишем заголовок черным цветом, сделаем его крупным размером, поставим жирное начертание, заглавными буквами. Получится тоже большое цветовое пятно. Важен объем, концентрация цвета в одном месте и его контрастность относительно окружающего пространства макета.

В будущем мы поговорим как выбрать цвета? Подпишись, а то все пропустишь.

Как создать контраст в дизайне


Подарок внутри! Подписка на обновление блога по Web-дизайну.
Бесплатный подарок для подписчиков нашего блога->
Курсы по Веб-дизайну!
* Поля, обязательные для заполнения
Нажимая "Подписаться", Вы принимаете условия обработки персональных данных.
Теги: Web-дизайн

Другие статьи блога

Инвестиции. С чего начать
Инвестиции. С чего начать
Монохром
Монохром
Что такое контекстная реклама и для какого бизнеса она подходит
Что такое контекстная реклама и для какого бизнеса она подходит

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "18.189.170.17" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "6bf1ee68a581ee852f49e243cae3cf43" }