Что контрастирует с синим
Эффективное использование цветового контраста
Мало кто задумывается о том, насколько сильно цвета и их сочетания влияют на нашу повседневную жизнь. Цвета привлекают наше внимание, влияют на наше настроение, вызывают определенные эмоции и даже могут изменить наш образ мыслей. Любой дизайнер знает поговорку о том, что картинка стоит тысячи слов. Это действительно так. Визуальные образы человеческий мозг усваивает намного лучше, чем текст, но для того, чтобы сообщение дошло для адресата, нужно знать, какие именно сочетания цветов наиболее сильно воздействуют на целевую аудиторию.
Порой бывает трудно определиться, с чего именно следует начинать подбор цветовой гаммы проекта. Что именно нужно донести с помощью цвета? Какие оттенки выбрать: яркие или приглушенные? Понадобится ли использовать контраст в своей работе? Единственно верного ответа на все эти вопросы не существует. В любом случае потребуется провести ряд экспериментов, тестируя различные цветовые схемы и комбинации – без этого невозможно найти оптимальное решение. Конечно, для того, чтобы собрать красивую палитру, нужно достаточно хорошо разбираться в теории цвета и понимать, как различные оттенки воздействуют на психику человека. Также нужно понимать, что контрастное сочетание цветов может усилить воздействие. И на этом моменте стоит остановиться подробнее.
Значение контраста
Как правило, при слове «контраст» многие вспоминают о противоположностях. Черное и белое, большое и маленькое – ход мыслей примерно таков. Однако все не так просто. Контраст является одним из основополагающих принципов дизайна и он обязательно должен присутствовать в любом проекте. Но зачем? Все просто: контраст позволяет лучше организовать процесс проектирования, с его помощью можно выстроить визуальную иерархию, показывая зрителям, какая часть дизайна является наиболее важной. К тому же использование контраста вызывает повышенный интерес со стороны аудитории и неважно, в каком виде дизайна он используется – это может быть логотип, плакат, сайт, цифровая иллюстрация или наружная реклама – правильное использование контраста может сделать успешным любой проект.
Согласно теории цвета, контрастные оттенки расположены на противоположных сторонах цветового круга. Желтый резко контрастирует с фиолетовым, а синий с оранжевым цветом. Если дизайнер хочет использовать сильный контраст, то после того, как он определится с основным цветом, ему нужно потратить некоторое время на то, чтобы подобрать подходящий комплиментарный оттенок. Но этого недостаточно. Подбирая контрастные цветовые сочетания, нужно не забывать о таких вещах, как яркость, насыщенность и цветовая температура.
Цветовые схемы
Говоря об оттенках, нужно прежде всего помнить о 12 основных цветах, которые мы видим на цветовом круге. Для каждого из этих оттенков можно быстро найти контрастную комплиментарную пару. Но иногда этого недостаточно, прежде всего потому, что автоматическое использование контраста может сделать дизайн скучным и непривлекательным. Значит, нужно использовать в дизайне другие сочетания цветов.
Например, сплит-комплиментарную схему. В данном случае основной цвет дополняют два оттенка, которые на цветовом колесе расположены рядом с комплиментарным цветом. Такая схема достаточно контрастна, но обладает менее драматическим эффектом.
Также в работе можно использовать триады – это три цвета, которые расположены на круге на равном расстоянии друг от друга. Это очень жизнеспособная схема, которая позволяет привнести в дизайн необходимое цветовое разнообразие.
Насыщенность
Под насыщенностью понимают интенсивность цвета по отношению к белому или черному оттенкам. Любой цвет, если подразумевать под этим чистоту и яркость, обладает 100% насыщенностью. И чем больше падает интенсивность, тем менее контрастным становится оттенок. О насыщенности нужно помнить всегда, особенно занимаясь проектированием ключевых элементов. Чем более ярким и насыщенным будет цвет, тем легче дизайнеру будет привлечь внимание зрителя к важным частям своего проекта.
Цветовая температура
Любой человек подсознательно разделяет все цвета на три группы. Это холодные, теплые и нейтральные оттенки. Например, красный, желтый и оранжевый однозначно воспринимаются как теплые цвета. Синий, фиолетовый и зеленый входят в «холодную» группу. Черный, белый и серый цвета являются нейтральными. При этом в число нейтральных цветов также могут входить оттенки бежевого или коричневого, но в этом случае все зависит от контекста. Контраста можно добиться, сочетая оттенки с разной цветовой температурой. Наиболее сильным воздействием обладают резкие сочетания теплых и холодных оттенков.
Контрастные цвета в дизайне логотипов
Немного скучную теоретическую часть лучше всего разбавить примерами. Очень многие бренды используют контрастные цвета для того, чтобы донести свой мессидж до целевой аудитории. Вот наиболее яркий пример: логотип напитка Mountain Dew.
В дизайне этого логотипа активно задействованы насыщенные оттенки красного и зеленого, причем зеленый цвет является основным. Зеленый, как и само название Mountain Dew вызывает ассоциации с природой, навевая мысли о свежести и чистоте. Но если бы дизайнер ограничился только оттенками зеленого, то логотип не смог бы донести свое основное сообщение до потребителя. Поэтому слово Dew сделано красным, в результате чего логотип хлестко бьет по глазам и прекрасно запоминается.
В логотипе платежной системы Visa также используется контрастное сочетание цветов. Но в данном случае все немного сложнее. Да, желто-оранжевый и синий являются контрастными цветами, так как они располагаются на противоположных сторонах цветового круга. Но значение имеет не только позиция – у каждого из этих цветов есть свое значение. Синий цвет традиционно ассоциируется с надежностью, доверием и лояльностью. Желтый, являясь оттенком теплой группы, означает доброжелательность и участие. Таким образом, логотип Visa сигнализирует целевой аудитории, что бренд ценит доверие, верность принципам и старается привнести радость в жизнь своих клиентов. Это как раз то, что люди ждут от компании, которой они доверяют распоряжаться своими деньгами.
В случае с веб-дизайном использование контрастных оттенков немного усложняется. Дизайнеру нужно прежде всего найти удачное цветовое сочетание между основным контентом и фоном. Это очень непростая задача, так как в дизайне нередко приходится использовать сложные контрастные схемы, состоящие из нескольких оттенков. Никаких ограничений по количеству цветов в дизайне цифровых проектов не существует, однако лучше не впадать в крайности и разумно использовать основные и дополнительные цвета. А для того, чтобы усилить драматический эффект, можно поэкспериментировать с насыщенностью и цветовой температурой.
Контрастные цвета в веб-дизайне позволяют не только усилить впечатления зрителя, но и правильно структурировать все основные сообщения, выделив главные элементы и приглушив второстепенные. Например, при создании главной страницы сайта mint.com дизайнер использовал одну из самых мощных контрастных цветовых комбинаций. Белый текст, ярко-оранжевые кнопки с призывом к действию и броский зеленый логотип резко контрастируют с темным фоном. Намеренное усиление контраста привело к тому, что все самые важные части дизайна мгновенно считываются пользователем. Что интересно, дизайнер не забыл и о цветовой температуре: фон он специально сделал подчеркнуто холодным, текст нейтральным, а для кнопки CTA, которая является самым главным элементом, подобрал наиболее яркий и «горячий» оттенок оранжевого.
В дизайне печатной продукции принципы использования контрастных цветов работают точно так же, как и в других видах визуального проектирования. Если дизайнеру нужно создать листовку, брошюру или журнал, то ему нужно помнить не только об иерархии элементов, но и о контрасте. Так проще всего сделать дизайн более заметным и связать все ключевые элементы воедино, при этом выделив самое главное. Контраст может привнести в дизайн необходимые для печатного документа ясность и организацию.
Например, в дизайне брошюры Hilton Hanoi Opera контрастные цвета использовались не только для того, чтобы сделать фотографии более привлекательными, но еще и для того, чтобы усилить воздействие текстового контента.
Еще один яркий пример эффективного использования цветового контраста – это реклама плеера Apple iPod. Перед дизайнером стояла задача привлечь внимание зрителя к инновационному проигрывателю и эта задача была решена максимально простым и эффектным способом. В рекламе использовались яркие контрастные цвета, при этом два основных оттенка относятся к нейтральной группе. Контрастируя с очень насыщенным фоном, эти цвета позволяют усилить драматический эффект.
Контраст в наружной рекламе
Вывески, баннеры и прочая наружная реклама также нуждается в правильном цветовом оформлении. При этом дизайнеру нужно думать не только о цветовой схеме вывески, но и о пространстве, в которой ей предстоит находиться. Следовательно, в этом случае обязательно использовать контраст, иначе наружная реклама просто сольется с фоном и не будет привлекать внимание. Вот несколько хороших примеров.
Вывод
Как уже говорилось в самом начале, не существует секретной формулы по подбору контрастных цветовых сочетаний. Подбирая оттенки, дизайнер должен руководствоваться здравым смыслом и принимать условия, в которых будет работать его дизайн. Поэтому необходимо экспериментировать, подыскивая наиболее удачные сочетания цветов. Очень часто к успеху приводит правильное использование контраста. И дело не только в привлечении внимания зрителя – контраст позволяет более внятно донести сообщение до зрителя и повлиять на его восприятие контента.
Сочетание синего цвета и его оттенков
lookcolor.ru » Сочетание цветов » Сочетание синего цвета и его оттенков
Сочетание синего цвета – это контрастные комбинации с теплыми и светлыми оттенками, но для каждого оттенка синего нужны свои тона спектра.
Синий цвет можно поделить на его основные оттенки: яркий синий или сине-голубой, сине-фиолетовый (королевский синий), сине-зеленый, серо-синий. Темно-синий мы рассмотрим отдельно.
Эти оттенки можно разделить по цветотипам: так сине-голубой подойдет для цветотипа «весна»; сине-фиолетовый – «зиме», серо-синий – «лету», а сине-зеленый – «осени». Однако с точки зрения контраста, сине-голубой и сине-фиолетовый подойдут и «весне», и «зиме», а серо-синий и сине-зеленый – «лету» и «осени».
В статье представлены 44 схемы сочетаний оттенков синего цвета со всем возможным разнообразием тонов. Каждая палитра включает в себя поддерживающие нейтральные цвета, которые усиливают контраст, а так же регулируют степень яркости комбинации.
Сочетания с синим цветом:
Сочетание с синим цветом в большинстве своем контрастные. Во-первых – это самый холодный оттенок из всей палитры цветов. Теплые тона на фоне него будут выглядеть более сочно. Во-вторых, синий – темный цвет, и светлые тона будут выделятся рядом с ним.
Родственные оттенки, такие как голубые, холодные зеленые, создают чудесные градиенты, которые так же могут стать фоном для теплых тонов.
Синий + розовый, коралловый
Сочетание розового и синего зависит от яркости розового: так нежно-розовый рядом с основным цветом придает мягкость комбинации, а производные от фуксии – дерзости. Теплые тона розового, такие как коралловый, розово-персиковый, закатный – создают яркий тепловой контраст.
Синий + красный, бордовый
Сочетание красного и синего – очень сильное, но оно всегда нуждается в поддержке сторонних оттенков, например, белого, бежевого и/или черного. Синий и красный – это цветовой контраст основных тонов, однако, они очень близко лежат по световой шкале, поэтому в комбинации не достает самого выразительного светового контраста.
Сине-голубой сочетается с красным: алым, китайский красным, темно-красным, вишневым, темно-бордовым. Нейтральные: кремово-белый, средне-персиково-бежевый, черно-серый
Сине-фиолетовый сочетается с красным: светло-красным, малиновым кораллом, темно-красным, ярко-бордовым, винным. Базовые цвета: светло-кремовый, светло-оранжево-бежевый, черно-серый.
Сине-зеленый сочетается с красным: цветом марсала, арбузным, красным цикорием, рубиново-бордовым, винным. Основа: молочный, серо-бежевый, черно-серый
Серо-синий сочетается с красным: гранатовым, цветом красной розы, розово-бордовым, ярко-бордовым, винным. База: нежно-кремовый, средний желто-бежевый, черно-серый.
Синий + оранжевый, персиковый
Сочетание оранжевого и синего – ярко выраженное, так как это комбинация дополнительных оттенков. Самыми перспективными для основного цвета будут мягкие тона оранжевого: персиковые, манго, оранжево-коралловые. Они, как менее выраженные, делают сочетание гармоничным, добавляя выразительность из разницы по светлоте. Рассмотрите следующие сочетания:
Сине-голубой сочетается с оранжевым: персиковым, манго, апельсиновым, морковным, темно-оранжевым. Базовые цвета: кремово-белый, стальной, мокрый асфальт.
Сине-фиолетовый сочетается с оранжевым: светло-персиковым, оранжево-коралловым, тыквенным, красно-оранжевым, рыжим. Нейтральные: светло-кремовый, серо-бежевый, мокрый асфальт.
Сине-зеленый сочетается с оранжевым: желто-коралловым, карамельным, сиеной, кирпичным, рыжим. База: молочный, серо-лиловый, мокрый асфальт.
Серо-синий сочетается с оранжевым: персиковым, оранжево-коралловым, огненным, темно-оранжевым, рыжим. Основа: нежно-кремовый, зеленовато-серый, мокрый асфальт.
Синий + желтый, золотой
Сочетание желтого и синего – это апогей теплового контраста. Если средне-темные оттенки синего сочетать с теплыми тонами желтого (отбрасываем насыщенные лимонные, канареечные), которые имеют небольшую примесь красного, то такая комбинация будет броской, но не кричащей. Золото же придает синему дорогой лоск.
Сине-голубой сочетается с желтым: кремовым, солнечно-желтым, банановым, кукурузным, ярким золотом. Нейтральные: кремово-белый, средне-персиково-бежевый, антрацитовый
Сине-фиолетовый сочетается с желтым: абрикосовым, шафрановым, сигнальным, горчичным, ярким золотом. База: светло-кремовый, темно-бежевый, мокрый асфальт
Сине-зеленый сочетается с желтым: серо-желтым, медовым, цветом кари, бледным золотом, темным золотом. Основа: молочный, серо-бежевый, мокрый асфальт
Серо-синий сочетается с желтым: абрикосовым, кукурузным, желто-оранжевым, ярким золотом, золотым дубом. Базовые цвета: нежно-кремовый, средне-оранжево-бежевый, мокрый асфальт.
Синий + теплый зеленый
Сочетание синего и зеленого в теплой гамме – это умеренный тепловой контраст, который заставляет комбинацию играть, настолько, что бы взгляд слегка задержался и продолжил скольжение. Сочетание способствует расслаблению и спокойствию.
Сине-голубой сочетается с теплым зеленым: фисташковым, шартрезом, зеленым яблоком, ярко-зеленым, зеленью. Основа: кремово-белый, светло-бежевый, антрацитовый.
Сине-фиолетовый сочетается с теплым зеленым: светло-зеленым, салатовым, желто-зеленым, цветом в любленной жабы, темно-зеленым. База: светло-кремовый, средне-бежево-бежевый, мокрый асфальт.
Сине-зеленый сочетается с теплым зеленым: бледно-зеленым, оливково-зеленым, лягушкой в обмороке, цветом хвои, коричнево-зеленым. Нейтральный: молочный, средне-нейтрально-бежевый, мокрый асфальт.
Серо-синий сочетается с теплым зеленым: светло-зеленым, желто-зеленым, зеленым яблоком, влюбленной жабой, темно-зеленым. Базовые цвета: нежно-кремовый, средне-оранжево-бежевый, мокрый асфальт.
Синий + холодный зеленый
Сочетание синего и зеленого в холодной гамме – это переливы родственных оттенков. Глаз достраивает промежуточные тона, тем самым делая комбинацию переливистой и объемной. Такая гамма хороша для фона: на передний план всегда можно вывести теплые оттенки.
Сине-голубой сочетается с холодным зеленым: неоново-зеленым, мятным, нефритовым, изумрудным, малахитовым. Нейтральные: кремово-белый, стальной, мокрый асфальт
Сине-фиолетовый сочетается с холодным зеленым: цветом воды, неоново-зеленым, нефритовым, изумрудно-зеленым, малахитовым. База: светло-кремовый, зеленовато-серый, черно-серый
Сине-зеленый сочетается с холодным зеленым: цветом воды, серо-сине-зеленым, бледным ментолом, изумрудным, темным холодным зеленым. Основа: молочный, зеленовато-серый, мокрый асфальт
Серо-синий сочетается с холодным зеленым: цветом воды, ментоловым, мятным, изумрудным, темным холодным зеленым. Базовые цвета: нежно-кремовый, серебряный, мокрый асфальт.
Синий + синий, голубой
Сочетание синего и голубого, а также темно-синих тонов – это работа с контрастом. Более светлые или темные тона синего создают ощущение свето-тени, что придает объем: углубляет, делает его живым. Такая комбинация – хороший фон для более выразительных пар.
Сине-голубой сочетается с синим: ярко-голубым, топазным, средне синим, темно-синим, черно-синим. Базовые цвета: кремово-белый, стальной, мокрый асфальт.
Сине-фиолетовый сочетается с синим: аквамарином, нежно-голубым, цианом, васильковым, индиго. Нейтральные: светло-кремовый, платиновый.
Сине-зеленый сочетается с синим: аквамарином, серо-голубым, гиацинтовым, цветом черного моря, грозовым. Основа: молочный, светло-серый, мокрый асфальт.
Серо-синий сочетается с синим: цветом воды, ярко-голубым, темно-голубым, берлинской лазурью, темно-синим. База: нежно-кремовый, зеленовато серый, мокрый асфальт.
Синий + фиолетовый, пурпурный, сиреневый
Сочетание синего и фиолетового — это по сути комбинация родственных оттенков, но так как в фиолетовом есть примесь красного, то легкий тепловой контраст тоже будет просовывать. Такое сочетание полное, хотя такие цвета как белый, бежевый и черный добавят ему выразительности.
Сине-голубой сочетается с фиолетовым: голубо-фиолетовым, чертополоховым, ежевичным, пурпурным, красно-фиолетовым. Основа: кремово-белый, средне-коричнево-бежевый, мокрый асфальт
Сине-фиолетовый сочетается с фиолетовым: бледно-чертополоховым, цикломеновым, сиреневым, пурпурным, виноградным. База: светло-кремовый, средне-желто-бежевый, черно-серый.
Сине-зеленый сочетается с фиолетовым: бледно-сиреневым, лилово-сиреневым, аметистово-сиреневым, коричнево-фиолетовый, красно-фиолетовым. Базовые цвета: молочный, средне-нейтрально-бежевый, мокрый асфальт.
Серо-синий сочетается с фиолетовым: голубо-фиолетовым, фиалковым, чертополоховым, пурпурным, баклажановым. Нейтральные: нежно-кремовый, средне-оранжево-бежевый, мокрый асфальт.
Синий + коричневый
Сочетание синего и коричневого цвета – одно из самых привлекательных. Сложные коричневые тона придают основному цвету замысловатую изысканность. Как практичность и возвышенность, эти тона образуют взаимовыгодный тандем. К тому же, коричневый можно считать производным оранжевого, который является дополнительным к синему.
Сине-голубой сочетается с коричневым: верблюжим, золотисто-каштановым, красно-коричневым, махагоном, кофейным. Основа: кремово-белый, средний коричнево-бежевый, черно-серый.
Сине-фиолетовый сочетается с коричневым: верблюжим, корицей, светло-каштановым, шоколадным, кофейным. База: светло-кремовый, средне-оранжево-бежевый, черно-серый.
Сине-зеленый сочетается с коричневым: цветом какао с молоком, ореховым, молочным шоколадом, коричнево-фиолетовым, горьким шоколадом. Нейтральные: молочный, средний лилово-бежевый, мокрый асфальт.
Серо-синий сочетается с коричневым: цветом дуба, желто-коричневым, золотисто-каштановым, шоколадным, кофейным. Базовые цвета: нежно-кремовый, темный персиково-бежевый, черно-серый.
Синий + бежевый
Сочетание синего и бежевого – мягкое, солидное, выразительное. Бежевый является очень светлым коричневым, когда тот в свою очередь замутненным оранжевым. Поэтому влияние дополнительного оттенка наблюдается и в этой комбинации.
Бежевый тон, в каком бы он сочетании не был, добавляет сдержанного дорогого лоска, поэтому даже яркие тона синего рядом с ним теряют свою детскую простоту.
Сине-голубой сочетается с коричневым: светло-желто-бежевым, светло-оранжево-бежевым, средне-персиково-бежевым, темным коричнево-бежевым, темным розово-бежевым. База: кремово-белый, светло-серый цвета, антрацитовый.
Сине-фиолетовый сочетается с коричневым: светло-персиково-бежевым, светло-оранжево-бежевым, средне-оранжево-бежевым, темно-персиково-бежевым, темно-зелено-бежевым. Нейтральные: светло-кремовый, платиновый, мокрый асфальт.
Сине-зеленый сочетается с коричневым: светло-лилово-бежевым, светло-нейтрально-бежевым, средне-серо-бежевым, темно-серо-бежевым, темно-коричнево-бежевым. Базовые цвета: молочный, серебряный и темно-серый.
Серо-синий сочетается с коричневым: светло-желто-бежевым, светло-оранжево-бежевым, средне-персиково-бежевым, темно-персиково-бежевым, темно-оранжево-бежевым. Основа: нежно-кремовый, зеленовато серый, мокрый асфальт.
Синий + серый, серебро
Сочетание серого и синего один из лучших способов подчеркнуть красоту и многогранность синего оттенка. Серый, как холодный нейтральный цвет практически полностью теряется для глаза рядом с синим, придавая ему естественный холод, сдержанность и глубину.
Сине-голубой сочетается с коричневым: бело-серым, светло-серым, серебряным, цветом маренго, антрацитовым. Нейтральные: кремово-белый, средне-персиково-бежевый.
Сине-фиолетовый сочетается с коричневым: бело-серым, серебряным, платиновым, свинцовым, темно-серым. База: светло-кремовый, светло-розово-бежевый, мокрый асфальт.
Сине-зеленый сочетается с коричневым: светло-серым, серебряным, зеленовато-серым, асфальтом, темно-серым. Основа: молочный, светло-нейтрально бежевый.
Серо-синий сочетается с коричневым: серебряным, светло-серым, зеленовато-серым, старым деревом, асфальтом. Базовые цвета: нежно-кремовый, светло-персиково-бежевый, мокрый асфальт.
ПОСМОТРЕТЬ СОЧЕТАНИЯ С ПОХОЖИМИ ОТТЕНКАМИ (нажать на цвет)
ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)