Иттен, Йоханнес (Itten, Johannes) — выдающийся педагог, теоретик дизайна, художник.
Очень хорошо тем, кто уверен в своём чувстве цвета, и умело применяет своё чутьё на практике. Но не у всех эта уверенность есть. Как раз тем, кто не уверен в своём чувстве цветовой гармонии, хотя это чувство присуще каждому человеку, предлагаю в помощь цветовой круг Йоханнеса Иттена. Этот цветовой круг очень хорошо помогает подбирать гармоничные цветовые комбинации, состоящие из двух, трех, четырех и более цветов.
Круг Иттена разделен на 12 цветовых секторов. Всего содержится 3 основных первичных цвета — это синий, желтый, красный. Именно при их смешивании и получается всё многообразие цветового круга.
Следующие цвета цветового круга носят название составные или вторичного порядка, их тоже 3 — это фиолетовый, оранжевый и зелёный
Благодаря смешиванию цветов первичного и вторичного порядка получаем 6 цветов третичного порядка.
Существует несколько классических комбинаций цветов, подбираемых с помощью цветового круга Иттена.
Внутри каждого круга имеется фигура; линия, треугольники, прямоугольник, квадрат, шестиугольник, вращая фигуру, мы получаем нужную комбинацию сочетания цветов.
Комплиментарные (дополнительные) цвета
Комплиментарными, или дополнительными, контрастными, являются цвета, расположенные на противоположных сторонах цветового круга Иттена.
Классическая триада
Классическую триаду образуют три равноудаленных по цветовому кругу Иттена цвета. Чтобы добиться гармоничности в триаде, возьмите один цвет за главный, а два других используйте для акцентов.
Аналоговая триада
Аналоговую цветовую схему образуют три соседних цвета в двенадцатисекторном цветовом круге. При использовании этой схемы, возможно выбрать один цвет главным, второй — поддерживающим, а третий использовать для акцентирования.
Контрастная триада
Контрастная триада — вариант комплиментарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета.
Прямоугольная схема
Прямоугольная схема состоит из четырех цветов, каждые два из которых — комплиментарные.
Эта схема дает, пожалуй, самое большое количество вариаций входящих в нее цветов. Чтобы проще было сбалансировать прямоугольную схему, один цвет надо выбрать доминирующим, остальные — вспомогательными.
Квадратная схема
Квадратная схема практически повторяет прямоугольную схему, но цвета в ней равноудалённые по кругу. Здесь также стоит выбрать один доминирующий цвет.
Шестиугольная схема
Шестиугольная схема сочетания цветов более сложная, но тем не менее применяема. В двенадцатисекторный цветовой круг можно вместо треугольника или квадрата вписать и шестиугольник. И тогда гармоничное шестизвучие будет базироваться на трёх парах дополнительных цветов.
Однако вполне справедливо можно заметить, что для подбора гармоничных цветов, 12 цветового круга недостаточно. Вернее не то, что бы недостаточно, а просто это еще не всё. Просто в нашем круге получились насыщенные, яркие цвета. А мы ведь пользуемся разными оттенками этих цветов, а получаются они при добавлении белого или черного цветов. Так при добавлении белого цвета получим пастельные оттенки вплоть до практически белого и наоборот при добавлении черного цвета насыщенность будет увеличиваться. В итоге получается большой цветовой круг с множеством оттенков исходных цветов.
Цветовой круг Иттена делится на холодные и тёплые цвета. Мы видим, что жёлтый цвет — самый светлый, а фиолетовый — самый тёмный. Это значит, что эти два цвета образуют самый сильный контраст света и темноты. Под прямым углом к оси «жёлтый — фиолетовый» расположены «красно-оранжевый» и «сине-зелёный», которые являются двумя полюсами контраста холода и тепла. Жёлтый, жёлто-оранжевый, оранжевый, красно-оранжевый, красный и красно-фиолетовый принято называть тёплыми цветами, а жёлто-зелёный, зелёный, сине-зелёный, синий, сине-фиолетовый и фиолетовый — холодными. Красно-оранжевый, — самый теплейший, а сине-зелёный, — самый холодный цвет.
Вариации цветовых сочетаний:
Сильно теорией не увлекайтесь, дайте волю своей фантазии и смело импровизируйте!
Желаю вам радужного творчества!
Подбор цвета — это ответственный момент в работе любого дизайнера. Эксперименты с цветом порой дают неожиданные результаты. Цвет может объединять значимые элементы дизайна, помогать выделять значимые части, таким образом цвет может помогать выстраивать композицию.
Известно значение цвета и в психологии — влияние на настроение, на работоспособность, душевное равновесие. Для творчества необходима подпитка, поиск идей, нестандартных решений. Чувство цвета поможет определиться с выбором.
Однако возможности дизайнера, который постоянно ищет что-то новое, не безграничны. В этом случае на помощь приходят онлайн сервисы по подбору сочетания цветов. Здесь можно найти неплохие варианты.
Необходимо уметь пользоваться этими сервисами подбора цвета. В этом вам помогут знания, а именно как пользоваться цветовым кругом для сочетания цвета. Здесь на примерах и с картинками подробно изложены все цветовые схемы.
В подборке нашего сайта я выделила 2 категории подобных сервисов — русскоязычные и англоязычные.
Русские сервисы сочетания цветов
- colorscheme — цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете «посмотреть» на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
- In colour balance — всевозможные цветовые палитры, выделенные из лучших образцов фото.
- colorup.tikkurila — помощь в поиске удачной цветовой схеме для интерьера, а также палитры для внешней отделки. Пригодится для работы дизайнерам интерьеров, архитекторам.
- Color Adobe — сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его сэту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
- Генератор цветовых схем
Англоязычные сайты по подбору цвета
Не смотря на то, что эти сайты зарубежные, пользоваться ими несложно даже без знаний языка, так как генераторы интуитивно понятны. В обзоре я буду делать акценты на основные моменты их использования.
- Random Material Generator — название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку «Generate different random combination» для генерации цветовой схемы.
- Material Mixer — позволяет смешать и посмотреть сочетания двух цветов.
- Colorhunter — готовые цветовые решения.
- Palette Generation — генерация оттенков цвета.
- Material Palette — выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
- Colorotate — воспользуйся конусом для создания собственной цветовой схемы. Чтобы пользоваться сайтом, разрешите загрузку Adobe Flash алеера в вашем браузере.
- Colorblender — Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
- Colorspire — еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
- Paletton — подбор сочетания цветов в зависимости от разных цветовых систем.
- Colorexplorer — двигайте ползунки и выбирайте схему!
Цвет широко используется в дизайне, — он позволяет «оживить» содержание — создать смысловую связь элементов, наполнить работу эмоциями и настроением. Начинающие дизайнеры берут случайные цвета, но есть способы использовать цвет более осмысленно. Рассмотрим 4 таких способа, организованных по принципу от простого к сложному.
1. Использовать известную гамму
На сайте brandcolors.net собрано более 500 сочетаний цветов известных брендов. Яндекс, Google, Burger King используют одну палитру во всех своих продуктах. Эти бренды и их цвета знакомы и любимы многими. Наберите название в строке поиска или полистайте страницу, нажмите на нужный бренд и цвет: его код скопируется в буфер обмена.
Цветовые палитры, используемые известными брендами, на сайте brandcolors.net2. Выбрать готовую профессиональную палитру
Самый простой способ — взять готовое сочетание цветов. Не обязательно каждый раз изобретать велосипед, ведь гармоничные сочетания известны давно. Зайдите на colordrop.io и выбирайте. На сайте сотни профессиональных 4-цветных палитр. Выбрав нужную, нажмите и скопируйте коды цветов с панели, открывшейся справа.
Кроме этого, сервис содержит готовую подборку из 24 цветов плоского дизайна. Нажмите слева под названием «Flat Colours» и берите код понравившегося оттенка.
Плоские цвета на colordrop.io3. Определить палитру цветов понравившейся фотографии или картинки
Этот способ чуть сложнее. Но и эффектнее.
- На сайте coolors.co в верхней панели слева найдите значок фотоаппарата, нажмите на него. Откроется окно загрузки изображения.
- Можно выбрать фото или картинку с понравившейся цветовой гаммой с компьютера или скопировать ссылку в пустую графу.
- Сервис определит сочетание цветов (внизу под загруженной картинкой).
- Изменять отдельные цвета этой палитры можно, отмечая их и выбирая точку на фото, с которой нужно взять цвет.
- Кнопка «Collage» сохраняет получившуюся палитру с кодами цветов на компьютере.
- Кнопка «Auto» генерирует новые сочетания на основе того же фото.
- Нажмите «Ок» и перейдете на главную страницу сайта для дальнейшей работы с палитрой.
Главная страница сайта не менее функциональна. Здесь можно подобрать оттенки отдельных цветов или собрать новую палитру, заменив отдельные цвета.
4. Создать свою цветовую гамму онлайн
Загрузив фото на тот же сайт coolors.co, можно не только определить код цвета, но и создать собственные сочетания. Для этого нажмите пробел — сервис автоматически создает сочетание из 5-ти цветов.
На каждом цвете 4 значка-кнопки:
- Alternative shades — Оттенки цвета (темнее и светлее),
- Drag (Передвинуть цвет вправо или влево по палитре),
- Adjust (Настроить тон, насыщенность, яркость и др.),
- Lock (зафиксировать цвет).
Собранную таким образом палитру можно сохранить в pdf, png файлах, отправить ссылкой и др.
Поделиться ссылкой:
Понравилось это:
Нравится Загрузка…
Похожее
Крутая шпаргалка по сочетанию цветов
Крутая шпаргалка по сочетанию цветов Правильное сочетание цветов — одна из важных составляющих совершенного образа и стильного и целостного интерьера. Именно поэтому мы решили поделиться шпаргалкой, с которой вы точно не промахнетесь при выборе одежды или дизайна квартиры.
Схема № 1. Комплиментарное сочетание
Комплиментарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.
Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.
Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Вариант комплиментарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплиментарные сочетания, — используйте раздельно-комплиментарные
Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.
Сочетание 4 цветов, равноудаленных друг от друга. Цвета здесь несхожи по тону, но также комплиментарны. За счет этого образ будет динамичным, игривым и ярким. Пример: фиолетовый, красно-оранжевый, желтый, сине-зеленый.
- *Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
- *Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
- *Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
- *Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
- *Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
- *Красный: с желтым, белым, бурым, зеленым, синим и черным.
- *Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
- *Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
- *Малиново-красный: белый, черный, цвет дамасской розы.
- *Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
- *Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
- *Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
- *Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
- *Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
- *Светло-оранжевый: серый, коричневый, оливковый.
- *Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
- *Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
- *Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
- *Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
- *Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
- *Оливковый: апельсиновый, светло-коричневый, коричневый.
- *Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
- *Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
- *Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
- *Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
- *Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
- *Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
- *Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
- Т*емно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
- *Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.
Монохромная, полярная, родственная и триада: все о том, как пользоваться схемами цветовых гармоний — учимся сочетать цвета в интерьере.
Выбор цветовой гаммы — один из важнейших этапов в создании интерьера. Цвет будет влиять на ваше восприятие комнаты и отношение к ней, на ваше настроение, пока вы в ней находитесь. Цвет может также помочь скорректировать форму пространства, расширить его или сузить, поднять потолки или сделать «невидимой» крупную мебель. Поговорим о том, какие цвета можно сочетать друг с другом в интерьере.
Содержание:
Какие цвета сочетаются в интерьере
Об основных правилах использования цвета при создании интерьера я рассказала в первой части этой статьи: рекомендую начать именно с нее, чтобы как минимум разобраться в терминах. А сейчас поговорим о типах цветовых гармоний — полезных схемах выбора дополняющих друг друга цветов.
Здесь важно сказать, что сочетать между собой в одном пространстве можно любые цвета, но чем больше расхождение со стандартными схемами, тем больше усилий придется приложить для достижения гармонии. Одна и та же схема может смотреться совершенно по-разному в зависимости от выбора оттенков и количества цвета, так зачем усложнять себе жизнь?
Монохромная гармония
Самый простой подход — выбрать один цвет и использовать его по-полной. Конечно, в разных оттенках (в смеси с белым, черным или серым) и в сочетании с ахроматическими цветами. Заметьте, если у вас белые стены и потолок, пол из светлого дерева и, например, синий диван — это уже не монохромная гармония. Светлое дерево — это разбеленный желтый или желто-оранжевый цвет. А вот если диван будет коричневым, полученным затемнением желтого, комната как раз будет монохромной.
Эта гармония имеет высокий риск оказаться скучной, поэтому применяют ее в основном в прихожих и коридорах или маленьких комнатах типа туалета, ванной, прачечной. Ее также можно встретить в очень минималистичных интерьерах. Однако, если использовать много оттенков, может получиться довольно интересно.
Подпись к картинке
Полярная гармония
Эту гармонию составляют два цвета, противоположных друг другу на цветовом круге. Эти цвета еще называют контрастными. Считается, что сочетание контрастных цветов воспринимается нашими глазами наилучшим образом, мы находим его очень гармоничным. Однако применять эту гармонию важно по определенным правилам. Из двух цветов один должен доминировать, его можно применять в большом спектре оттенков — от самого светлого до практически черного, включая самый яркий и чистый цвет. Второй цвет будет дополнительным: возьмите ограниченный спектр (светлые или темные оттенки) и применяйте их дозированно.
какие цвета сочетаются друг с другом в интерьере
Здесь есть важное правило: обязательно используйте оттенки смеси цветов, чтобы выстроить между ними связь. Например, в полярной гармонии синего и оранжевого, смешивайте эти цвета в разной пропорции. При смешении, например, в пропорции 1 к 1, получится темный коричневый цвет, которого вы не добились бы простым затемнением оранжевого.
Смешивание полярных цветовНа всех фото ниже полярная гармония синего и оранжевого цвета.
Гармония близких цветов (родственная)
Для родственной гармонии выбираются 4 цвета, которые находятся рядом друг с другом на цветовом круге. Исключение составляет только отрезок от желтого до красно-фиолетового, здесь допустимо взять все эти 5 цветов. Раздайте каждому из близких цветов свою роль: один будет доминирующим, другой второстепенным, а остальные два — дополнительными.
Также как в полярной гармонии, доминирующий цвет можно использовать в полном спектре от светлого до темного, второстепенный — исключая яркие и чистые оттенки и ощутимо меньше по количеству, а дополнительные совсем ограниченно. Например, в обозначенной ниже гармонии доминировать может, например, желтый, второстепенным быть зеленый. Тогда желто-зеленый мы, допустим, увидим очень светлым салатовым, а желто-оранжевый — темно-коричневым.
Классическая триада
Триада — наиболее сложная цветовая схема, но и наиболее часто используемая: такие интерьеры получаются и уравновешенными, и интересными для восприятия. Для триады берутся три цвета, расположенные равноудаленно друг от друга на цветовом круге, как бы на углах равностороннего треугольника. Тот же подход: цвета выстраиваются по значимости, один всегда доминирует, остальные используются ограниченно.
Что касается смешивания цветов между собой — это важный момент в триаде, но здесь есть два подхода:
Вариант 1. Использовать оттенки смеси доминирующего и второстепенного и оттенки смеси доминирующего и третьестепенного, но сами дополнительные цвета не смешивать.
Вариант 2. Смешать дополнительные цвета в один цвет и уже его смешивать с доминирующим. Этот смешанный цвет можно высветлять и затемнять, разбавлять серым, как и основной и второстепенные цвета.
Подобрать цветовую гармонию без возни с красками можно с помощью этой программы.
Ниже мы собрали примеры того, как можно сочетать цвета друг с другом. Неважно, какой оттенок ваш любимый в интерьере — желтый, зеленый, оранжевый, фиолетовый — для любой комнаты можно подобрать удачное сочетание.
Красные и фиолетовые оттенки
Синий и голубой цвет
Зеленый в сочетании других цветов
Мы делаем ремонт в расчете на десятилетия и осторожно выбираем цвета. Поэтому чаще вы встретите светлые, нейтральные интерьеры, где к бежевому добавляют, коричневый или серый. Но не стоит сразу говорить, что эта скучная тройка. Они универсальны. А поставив к ним в пару один эффектный цвет, вы получите яркий интерьер и не будете хандрить, когда за окном девять месяцев плохой погоды.
Сочетание серого цвета в интерьере
Считается нейтральным цветом и означает рассудительность. Какие чувства он у вас вызывает? – Мрачный и тоскливый – скажете вы. Вовсе нет. Грозовая туча, речной перламутр, утренняя гавань или мокрый камень – это лишь несколько оттенков, пришедших на ум. Многие дизайнеры и декораторы считают серый более изящным братом белого. Он вписывается в любой стиль и его несомненное достоинство во множестве оттенков. Подбирать оттенок серого непросто, но зато он подойдет как гостиной, так и кухне или спальне, и комбинируется с большим количеством цветов и отделочных материалов.
С чем сочетать?
Серый и желтый. На первый взгляд разные и противоречивые цвета, но они отлично уживаются. Если серый сделать основным фоном в комнате, добавив желтых акцентов. Желтый подсветит серый, а серый уравновесит желтый, не дав ему перегрузить интерьер.
Сочетание бежевого цвета в интерьере
Также нейтральный и относится к коричневой гамме. Он выражает спокойствие, тягу к комфорту и всегда ассоциируется с классикой.
С чем сочетать?
Бежевый и красный. Как и в предыдущей паре, один цвет (красный) будет играть активную и напористую роль, а бежевый будет спокойным и сдержанным фоном. Вместе они будут создавать гостеприимную и уютную атмосферу.
Сочетание коричневого цвета в интерьере
Это традиции и консерватизмом. Коричневый ассоциируется с уверенностью, природой, надежностью, прочностью и сделает пространство благородным. Например, шоколадные оттенки способствуют психологическому равновесию и спокойствию. Но коричневый визуально уменьшает площадь, поэтому добавляйте к нему белый, молочный и бежевые цвета.
С чем сочетать?
Коричневый и лавандовый. Легкий лавандовый цвет будут хорошо подчеркивать теплые коричневые оттенки. Главная хитрость – выбирать не слишком активный и яркий лавандовый тон.
Сочетание цветов в интерьере гостиной
Гостиную как пазл мы складываем и разных деталей: диваны и кресла, журнальные столики и светильники. Но с чего начать, если не знаешь с чего начать? Начните с дивана. Помимо кровати и стола на кухне – это самая используемая вещь в доме. И тут серый как никак кстати. Стилист и дизайнер Эмили Хендерсон в своей книге «Стиль. Тысячи приемов и хитростей для оформления любого интерьера» (возьмите на заметку эту книгу, не пожалеете) советует выбирать серый диван простой и удобной формы, если запутались «какой брать». А немного переставив или передвинув предметы, вы получите полностью новую комнату.
Совет. Также обратите внимание на серую деревянную мебель. Спокойный серый оттенок шкафов спрячет их, если и стены буду им в тон. Традиционно мы выбираем белый потолок, но серый в гостиной ничуть ее не уменьшит, а будет казаться выше, как бы уходя в небо.
Сочетание цветов в интерьере кухни
Искусство принимать гостей состоит в том, чтобы дать им почувствовать себя как дома. Серый это идеальный цвет и для маленькой и для большой для кухни. Он может быть как теплым, так и холодным, благодаря множеству оттенков стать и фоном и насыщенным акцентом.
Совет. Если вы красите стены в серый, то выбирайте для пола и мебели теплые оттенки. Бежевого лучше избегать, точнее бежево-желтого оттенка. Если в кухне мало света и небольшой метр, цвет будет казаться грязным и создаст впечатление духоты. Присмотритесь к оттенкам, близким к желтому.
Благородный коричневый оттенок как правило используется в кухонной мебели. Несомненное достоинство – кухня долго не выйдет из моды, но имейте в виду: массивные темные шкафы уменьшат пространство, так что делайте стены в светлых тонах. А если вы выбрали коричневый для стен, то обратное правило – мебель, текстиль и бытовую технику лучше сделать в светлых оттенках.
Сочетание цветов в интерьере спальни
То место, где мы больше всего проводим времени дома и по иронии больше всех его не видим, так как спим. Но все-таки цвета должны создавать уютную и комфортную атмосферу. Самый простой и безопасный вариант – светлая бежевая или коричневая гамма. Но все-таки присмотритесь к серому.
Серый как и черный подходит практически всем цветам: синим, голубым, зеленым, желтым, коричневым, розовым Такие яркие акценты будут прекрасно смотреться в сером обрамлении.
Совет. Серый цвет стен или текстиля будет умиротворять не меньше классического белого или бежевого сочетаний.
Но какой бы цвет вы не выбрали, нет какого-то самого гармоничного и правильного сочетания в интерьере. Как и нет закона, где были бы расписаны запрещенные или разрешенные цвета. Вы конечно, можете использовать метод Люшера или «сезонный» подход (есть и такой) для выбора цветов, но только ваша внутренняя тяга или неприятие какого-то оттенка помогут составить свою, самую гармоничную палитру.
Дайджест Квартблога
Яркие стены: примеры из реальных российских квартир — Покажем российские квартиры, хозяева которых не побоялись экспериментов с цветом и не прогадали.
Желтый цвет в московских квартирах: лучшие примеры — Желтый цвет — жизнерадостный и позитивный. Не удивительно, что многие москвичи выбирают его для своих квартир: все-таки солнце лишним никогда не бывает!
Бирюзовый цвет в московских квартирах: лучшие примеры — Красота бирюзового цвета на примерах из реальных московских квартир.
Зеленый цвет в интерьере: 25 восхитительных деталей — Зеленый цвет красит интерьер — убедитесь сами!
Серый с розовым: 30 примеров нежного цветового сочетания — 30 нежных примеров настроят на романтический лад.
Фотографии: kdzjj.com, homester.com.ua, homestolove.com, tidsrominterior.no, livingroomideas.eu, decorfacil.com, pinterest.com, roomble.com
уроки дизайна, цветИнтересная шпаргалка по подбору цветов. Может быть кому то будет полезно. Или это уже очень «заумно» и для совсем специфичных случаев?
Оцените …
Схема № 1. Комплиментарное сочетание
Комплиментарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.
Схема № 2. Триада — сочетание 3 цветов
Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.
Схема № 3. Аналогичное сочетание
Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Схема № 4. Раздельно-комплиментарное сочетание
Вариант комплиментарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплиментарные сочетания, — используйте раздельно-комплиментарные.
Схема № 5. Тетрада — сочетание 4 цветов
Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.
Схема № 6. Квадрат
Сочетание 4 цветов, равноудаленных друг от друга. Цвета здесь несхожи по тону, но также комплиментарны. За счет этого образ будет динамичным, игривым и ярким. Пример: фиолетовый, красно-оранжевый, желтый, сине-зеленый.
Сочетания отдельных цветов
Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
Красный: с желтым, белым, бурым, зеленым, синим и черным.
Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
Малиново-красный: белый, черный, цвет дамасской розы.
Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
Светло-оранжевый: серый, коричневый, оливковый.
Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
Оливковый: апельсиновый, светло-коричневый, коричневый.
Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.
А вот тут еще лет 10 назад Адобе сделал сайт для подбора цветов, ВОТ ПОПРОБУЙТЕ :
[источники]
источники
http://decor-design.justclick.ru/media/content/decor-design/2_%D0%B4%D0%B5%D0%BD%D1%8C_%D0%A6%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%BE%D0%B9_%D0%BA%D1%80%D1%83%D0%B3._%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5_%D1%86%D0%B2%D0%B5%D1%82%D0%B0._%D0%A1%D0%B8%D0%BD%D0%B8%D0%B9_%D1%86%D0%B2%D0%B5%D1%82..pdf
http://www.adme.ru/tvorchestvo-dizajn/krutaya-shpargalka-po-sochetaniyu-cvetov-1169610/#image6158910 © AdMe.ru
Таблица сочетания цветов в интерьере
Оформляя свой дом вы неизбежно столкнетесь с необходимостью соотнести несколько цветов между собой. Существует несколько основных правил, зная которые вы с легкостью сможете обустроить любое помещение. В статье представлена таблица сочетания цветов в интерьере, а также много полезных советов и теоретических материалов. В рамках данной статьи вы узнаете про:
- цветовой круг и принцип его построения;
- тона, которые используются в том или ином стиле интерьера;
- как правильно сочетать их в интерьере;
- как выбирать оттенки и как их комбинировать.
Желаем вам удачного прочтения.
Сочетание цвета в интерьере комнатыТеоретические аспекты сочетания цветов
Каждый дизайнер знает основы взаимодействия цветов и если вы решили самостоятельно оформить дизайн квартиры, то также должны в этом разобраться.
Есть ароматические цвета, к ним относится белый, черный, серый и хроматические. Хроматический круг представляет собой диаграмму, которая состоит из основных цветов: красного, синего и желтого. Смешивая основные цвета, получают вторичные тона.
Главный оттенок и те, что из него образуются, называются родственными, их есть четыре группы: желто-зеленые, желто-красные, сине-красные и сине-зеленые. Они хорошо гармонируют между собой, так как состоят из примеси одинаковых главных цветов.
Пастельные холодные оттенкиВ смежных четвертях находятся родственно-контрастные оттенки, их сочетания позволяют получить наиболее богатую гамму. Если сочетать цвета расположенные через один сектор, то они обычно вызывает неприятные ощущения. Противоположно друг другу в четвертях цветового круга расположены контрастные цвета. Их сочетание применяется, когда надо привлечь внимание к определенному месту в интерьере.
Таблица сочетания цветов в интерьере в зависимости от типа помещения
Так как цвет влияет на психоэмоциональное состояние человека и биохимические процессы в организме, в комнатах, имеющих различное назначение, сочетание оттенков при оформлении интерьера будет разным.
Интерьер гостинойОсобенно внимательно надо подходить к выбору палитры при оформлении таких помещений как спальня и детская комната, так как они предназначены для отдыха. При неправильном оформлении человек не сможет нормально отдохнуть как физически, так и психологически. Далее представлена таблица сочетания цветов в интерьере, составленная нашими дизайнерами.
Название помещения | Рекомендуемая палитра сочетания цветов |
---|---|
Кухня | Мягкие и спокойные тона: желтый бирюзовый. |
Прихожая | Тона, повышающие настроение и переваривание пищи: зелёный, бежевый, жёлтый, серебристый, а также их сочетание с красным и голубым. |
Сочетание цветов в интерьере гостиной | Нейтральные, мягкие тона, которые разбавлены яркими акцентами. |
Сочетание цветов в интерьере спальни | Пастельные тона и оттенки фиолетового. Учтите, что спальня – это личное пространство, поэтому здесь нет ограничений, и она оформляется по желанию хозяев. |
Ванная | Светлые тона с голубоватым оттенком, так как они дают чувство свежести и чистоты. |
Что такое цветовой круг, по какому принципу строится и палитра сочетания цветов в интерьере
Профессиональные дизайнеры умеют правильно подбирать палитру сочетания цветов в интерьере, поэтому их работы выглядят привлекательно и гармонично. Для этого они используют инструмент под названием цветовой круг. Что же это такое?
Им называется условное представление видимого спектра солнечного света, на котором обозначают различные варианты цветов. На протяжении многих лет появлялись разные теории, поэтому существует несколько кругов:
Цветовой кругВ секторах круга оттенки размещаются практически в таком порядке, как и в спектре видимого света, а для связки крайних тонов, дополнительно используется условный пурпурный оттенок
Для лучшего понимания правильной сочетаемости необходимо построить цветовой круг. Человек отличает три основных тона: желтый, красный и синий. Все другие получают при смешивании основных между собой, а также основных и производных оттенков. Смешивая основные цвета, получают составные, а оставшиеся пустые клетки заполняют тонами третьего порядка.
Ещё немного теории про сочетание цветов в интерьере – фото таблицы холодных, теплых и нейтральных оттенков
Все что нас окружает, имеет свой окрас, и каждый тон оказывает определенное влияние на организм. Цветовой круг имеет несколько параметров и по одному из них он делится на холодный, теплый и нейтральный. Далее поговорим про сочетание цветов в интерьере, фото таблиц с оттенками прилагается.
Разделение на теплые и холодныеТёплые цвета
Чаще всего круг делят пополам, все оттенки желтого воспринимаются нами как теплые. Они подсознательно вызывают у человека чувство тепла, уюта и комфорта, поэтому позволяют создать в комнате приятную и гостеприимную обстановку. Такие тона мы ассоциируем с летом. Как правило, это:
- желтый;
- оранжевый;
- красный;
- фиолетовый.
Холодные цвета
Все оттенки, которые близки к синему, считаются холодными. Они ассоциируются с зимой, помогают создать в комнате ощущение прохлады и свежести, кажутся чистыми и далекими.
Холодные цветаНейтральные цвета
Оттенки, которые не вызывают у человека чувство тепла или прохлады, называются нейтральными. Если они располагаются рядом с теплыми или холодными оттенками, то сглаживают их воздействие и делают цвет более мягким.
Нейтральные цветаВся эта классификация условная, чистые цвета можно встретить только на картинке, в природе они плавно переходят один в другой, поэтому может быть красный как теплого, так и холодного оттенка.
Сочетания цветов в интерьере – раскладки для разных стилей
При создании определенного дизайна надо учитывать не только свои пожелания, а еще знать и выполнять определенные правила. Только так вы сможете правильно оформить свое помещение и не допустить серьезных и грубых ошибок.
Перед тем как изучить раскладки сочетания цветов в интерьере, рекомендуем обратить внимание на основные моменты правильного оформления дизайна:
- выбор основы;
- правильное сочетание теплых и холодных тонов;
- для создания уюта в большой комнате используются теплые тона;
- в маленькой комнате, лучше применять холодные тона, это позволит зрительно увеличить помещение;
- при оформлении кухни или столовой учитывайте, что оттенки могут как усиливать, так и угнетать аппетит;
- в спальне цветовая палитра сочетания цветов в интерьере должна обеспечивать комфортный отдых;
- для каждого стиля интерьера специалисты рекомендуют использовать определенные тона;
Для каждого стиля присуще свое цветовое решение для сочетания цветов в интерьере. Таблица, представленная далее, раскрывает все рекомендуемые оттенки при оформлении комнаты.
Название стиля | Рекомендуемые оттенки |
---|---|
Классический | Разные тона, но обязательно должен быть белый. |
Прованс | Голубой, розовый, светло-молочный. |
Эко – стиль | Коричневый и грязно-зеленый. |
Хай – тек | Белый, черный и цвет металла. |
Барокко | Любые пастельные тона. |
Модерн | Зеленый, синий, коричнево-бежевый. |
Минимализм | Белый, черный. |
Пин – ап | Желтый, розовый. |
Лофт | Зеленый, красный, оранжевый, синий. |
Кантри | Светло желтый, коричневый, песочный. |
Футуризм | Салатовый, белый, ультрамариновый, лимонно-желтый. |
Варианты сочетания цветов в интерьере
Цвет играет огромную роль в создании интерьера, с его помощью можно создать комфорт и уют, визуально увеличить или уменьшить пространство, поэтому надо ответственно относиться к такому вопросу, как сочетание.
Комплексное сочетание
Этот вариант считается универсальным. Используются классические оттенки, к ним относятся бежевый, серый и белый. Комбинируя эти тона с другими, вы сможете создать классическое решение, которое будет всегда выглядеть современно и красиво. В таком случае вам не надо будет постоянно менять интерьер комнаты при покупке новой мебели, замене покрытия пола или других элементов.
Комплексное сочетаниеТриада или сочетание 3 цветов
Использование трех основных цветов, которые всегда гармонично сочетаются между собой и могут использоваться в равных мерах. Сочетание красного, синего и желтого вызывает прилив эмоций и бодрость. Если они используются в чистом виде, то получается яркое и насыщенное решение. Если же использовать полутона, то оформление комнаты получается менее агрессивным и более комфортным.
Триада оттенковИспользование триады помогает наполнить комнату энергией, поэтому такое решение применяется для оформления гостинной, спортивных помещений и детских комнат, а в кухне или спальне этот дизайн не рекомендуется.
Аналогичное сочетание
Этот вариант предусматривает использование 2-3 типов оттенков, которые в цветовом круге расположены рядом. Вам надо выбрать подходящий, в котором решили оформить комнату и в цветовом круге справа или слева от него выбрать несколько тонов. Данное решение простое и оригинальное, а подобрать два-три аналогичных цвета несложно.
Аналогичное сочетаниеРаздельно-комплементарное сочетание
При комплементарном сочетании используются контрастные оттенки, на цветовом круге они расположены напротив друг друга. При раздельно-комплементарном решении, вместо цвета, расположенного напротив, выбирают оттенок, который находится рядом с ним. Это позволяет создавать контрастные решения, но они получаются не такими напряженными, как при комплементарном сочетании.
Раздельно-комплементарное сочетаниеТетрада или сочетание 4 цветов
В этом случае схема состоит из основного цвета и есть еще два, которые его дополняют, а четвертый служит для выделения акцента. Это создает довольно интересный эффект, который вызывает положительные эмоции. В основном такие расцветки предпочитает молодежь или люди, находящиеся в постоянном движении и быстром ритме.
Тетрада в интерьереВолшебство цвета или эффект градиента в интерьере
Градиент в интерьере является современным решением, используемым для оформления разных жилых помещений. Основан он на плавном переходе от темного к светлому тону. Этот способ можно использовать при оформлении различных деталей интерьера.
Эффект градиента помогает внести в комнату свежесть и азарт. Обычно дизайнеры используют различные оттенки синего, так как именно он дает красивое сочетание цветов в интерьере.
Эффект градиентаСпециалисты рекомендуют делать переход таким образом, чтобы более темный тон был у пола, а более светлый у потолка, это позволит зрительно увеличить комнату.
Подбираем сочетание оттенков для разных мест в комнате – таблица с рекомендациями
Для создания в комнате комфортного и уютного пространства важно правильно подобрать цветовые решения при оформлении потолка, пола и стен. При помощи грамотного комбинирования можно даже в маленькую комнату вдохнуть свет и воздух, а большую комнату сделать более теплой и уютной. Далее в статье еще одна таблица сочетания цветов в интерьере, которая поможет вам подобрать оформление разных мест в комнате.
Варианты оформления пола, стен и потолка | Рекомендуемые решения |
---|---|
Контрастное сочетание | Стены делают ярких тонов, пол темным, а потолок светлым. Можно визуально изменить размеры комнаты, скрыть существующие недостатки и выделить преимущества. |
Актуальный градиент | Потолок светлый, стены немного темнее и темный пол. Переход от темного тона к светлому, позволяет создать гармонию, такое оформление подойдет для любой комнаты. |
Свет и воздух | Стены и потолок светлые, пол темный. Подойдет для комнаты небольшой площади и с низкими потолками. |
Противоположности | Потолок светлый, стены темные, пол светлый и наоборот. Этот вариант можно использовать в комнатах с низкими и высокими потолками. |
Психология цвета, или как он влияет на нас?
Проведенные исследования показали, что цвет влияет на настроение человека через его подсознание. На восприятие влияют такие факторы как состояние здоровья, возраст, социальное положение человека и его характер.
Цвета и расцветкиНа женщин
Женщины более чувствительны к восприятию цвета и оттенков. Нет четкого разграничения на “мужские” и “женские“ цвета, так как каждый человек индивидуален. Несмотря на это, есть тона, которые больше предпочитают именно женщины:
- синий, он оказывает успокаивающий эффект и его любят как женщины, так и мужчины;
- зеленый, ассоциируется с природой и женским началом, символизирует здоровье и спокойствие;
- бирюзовый, этот оттенок один из самых любимых у женщин;
- фиолетовый – он является представителем ”женского” цвета, подчёркивает загадочность и таинственность женщины;
- розовые тона ассоциируются с женщинами, но это скорее не предпочтение, а приятное правило;
- сиреневый цвет также считается “женским”, он вызывает чувство романтизма и ностальгии.
С возрастом, предпочтения в цвете меняются, женщины больше любят розовый, а зеленому отдают меньшее предпочтение, чем в молодости.
На мужчин
Установлено, что мужчины воспринимают приблизительно на 30% меньше оттенков, по сравнению с женщинами. Часто женщины возмущаются, что мужчины не могут оценить их старания при выборе цвета, но это связано с физиологией, так как для них тыквенный и персиковый цвет между собой могут ничем не отличаться.
Восприятие цвета мужчинамиБольшинство мужчин предпочитают синий и разные его оттенки. Некоторые ученые считают, что они его символизируют с чистой водой и ясным небом. Кроме синего, мужчины любят зеленый, но в отличие от женщин, предпочитают более холодные тона. Традиционно они любят черный, а фиолетовый и розовый большинство мужчин не могут терпеть.
На детей
Новорожденные дети видят все в черно-белом окрасе и только после 2 месяцев начинают различать другие цвета. В возрасте 2-5 лет они уже могут различать весь видимый спектр.
Детей привлекает все яркое, поэтому они любят розовые, красные, желтые тона, такие предпочтения сохраняются до 10 лет, после чего ребенку может уже нравится голубой тон и все его оттенки. Девочки предпочитают розовый, фиолетовый цвет, тогда как мальчики больше любят синий и его оттенки.
Сочетание цветов в интерьере: шторы и обои, а также мебель – как комбинировать?
В большинстве случаев текстиль покупают когда в комнате уже выполнен ремонт и расставлена мебель. В таком случае, при подборе нужных тканей возникает много трудностей, влияющих на сочетание цветов в интерьере. Шторы и обои, а также мебель намного проще подбирать одновременно.
Удачное сочетание цветовПорядок подбора цвета мебели и текстиля будет следующим:
- определяют первый и второй базовые оттенки;
- обои покупают в светлом оттенке первого цвета;
- мебель в двух разных тонах второго варианта;
- шторы должны быть из ткани с узором, состоящим из первого и второго цвета;
- такая же ткань будет и для декоративных подушек;
- подушки можно сделать из ткани насыщенного первого цвета.
Это условный алгоритм и каждый дизайнер может разработать свой, но если вы новичок в этом деле, то ориентируйтесь на описанную технологию и сможете правильно самостоятельно оформить дизайн своего дома.
Какие цвета точно не будут сочетаться?
Категоричного ответа на данный вопрос быть не может. Современная мода отличается экстравагантностью и креативностью. Если раньше сочетание зеленого цвета в интерьере и красного считалось безвкусным, то сейчас этим уже никого не удивишь.
Гармония и дисгармония, или сочетание цветов в интерьере – таблица.При создании классического интерьера, специалисты не рекомендуют сочетать холодные и теплые тона, но могут быть небольшие яркие включения. Если вы хотите сочетать контрастные цвета, то делать это лучше с полутонами.
10 фактов о возможностях цвета в интерьере, о которых вы точно не знали!
Рассмотрим 10 интересных фактов о влиянии цвета при оформлении интерьера:
- Особенности красного. Его женщины и мужчины воспринимают по-разному, женщины различают малейшие полутона, тогда как мужчины многие оттенки красного не воспринимают.
- Цвет музыки. Ученые установили, что быстрая и веселая музыка у большинства людей ассоциируется с теплыми тонами, тогда как медленные композиции воспринимаются как холодные. Таким образом, изменив музыку в комнате, вы можете поменять восприятие ее интерьера. Цвет музыки
- Хромофобия. Это болезнь, когда человек боится определенного цвета. Ему будет неуютно в комнате, оформленной в раздражающем тоне, это надо учитывать при оформлении интерьера.
- Серый мир. Цветовое решение получается в результате работы головного мозга, который преобразует информацию, полученную от глаз. Зрительные органы человека видят спектр волн, имеющих разную длину, поэтому восприятие цвета зависит от степени освещенности, текстуры, расстояния до объекта, его температуры. Серый мир
- Дальтонизм. Есть люди, имеющие генетическую особенность, которая не позволяет им правильно различать оттенки. Чаще всего они путают между собой зеленый и красный, если дальтонизм врожденный, а в случае приобретенной патологии, они путают желтый и синий.
- Синий цвет – самый любимый. Проведенный опрос среди мужчин и женщин показал, что самым любимым является именно синий и его оттенки.
- Розовый действует успокаивающе. Он снижает агрессию и делает человека более доброжелательным, поэтому его используют в реабилитационных центрах, исправительных учреждениях. Розовый цвет
- Цвет улучшает вкусовые качества. Лучше всего, чтобы сервиз для кофе был коричневого оттенка, а для шоколада чашки должны быть кремового или оранжевого тона. Желтый пробуждает аппетит.
- Спор о черном и белом. Есть два мнения, какого из этих цветов не существует. Художники утверждают, что нет белого, а черный получается соединением всех цветов. Ученые же утверждают, что белый – это слияние световых волн разной длины, а черный – это отсутствие света. Черное и белое
- Самый неприятный цвет. Ученые установили, что самым неприятным цветом является тот, который получен путем смешивания окрасов болотной жижи и экскрементов, в международной классификации он обозначается Pantone 448C.
Видео – закрепим материал по сочетанию цветов в интерьере!
Сочетание цветов в интерьере – 15 фото
Наша жизнь наполнена цветом. Цвет влияет на наше настроение, чувства и восприятие, а также на наши процессы принятия решений. Это означает, что ваш выбор цветовых комбинаций играет важную роль в создании вашего бренда и веб-сайта.
Выбор лучшей цветовой комбинации — это и наука, и искусство. Хотя не все были рождены с пристрастием к цвету и врожденным способностям в графическом дизайне, существуют методы и принципы, которые вы можете использовать, чтобы выбрать лучшие цветовые комбинации, чтобы произвести сильное впечатление и достичь желаемого эффекта.Мы собрали шпаргалку, чтобы облегчить стресс при выборе цветовых комбинаций, которые хорошо вам подходят и наверняка понравятся вашей аудитории.
Откройте для себя тысячи продуктов, которые вы можете начать продавать онлайн. Никаких обязательств, кредитной карты не требуется.
Получи Оберло сейчас. Это бесплатно.
Основы сочетания цветов
Прежде чем мы начнем выбирать цветовые комбинации, было бы полезно иметь базовое понимание цветов, терминологии, того, как цвета работают вместе, эмоциональных связей с ними и роли, которую они играют в создании реакции.
Давайте начнем с повторного представления визуального представления взаимосвязей цветовых оттенков: цветового круга.
Цветовое колесо
Будь то еще в начальной школе или в последнее время, когда вы в последний раз пытались использовать Photoshop, большинство из нас когда-то видели версию цветового круга. История этого важнейшего руководства для художников и дизайнеров восходит к началу 1700-х годов. Понимание основ цветового круга значительно поможет в выборе цвета, особенно если вы плохо разбираетесь во вселенной теории цвета.
Как работает цветовое колесо?
Простое цветовое колесо состоит из 12 цветовых оттенков, расположенных вокруг центральной втулки.
Цветовое колесо, состоящее из основного, вторичного и третичного цветов
Все цвета происходят из некоторой комбинации основных цветов . Три основных цвета — красный, синий и желтый. Эти три цвета, по сути, являются родителями всех остальных цветов.
Основные цвета, выделенные на цветовом круге
Смешивание равных частей любых двух основных цветов приводит к созданию дополнительных цветов.
- Красный + Синий = Фиолетовый.
- синий + желтый = зеленый.
- Красный + Желтый = Оранжевый.
Вторичные цвета выделены на цветовом круге
Третичные цвета — это те, которые получаются при смешении одного из основных цветов с одним из ближайших вторичных цветов. Третичные цвета встречаются между всех основных цветов и вторичных цветов.
- Красный + Оранжевый = Красно-оранжевый.
- желтый + оранжевый = желто-оранжевый.
- Желтый + Зеленый = Желто-зеленый.
- Синий + Зеленый = Сине-зеленый.
- синий + фиолетовый = сине-фиолетовый.
- Красный + Фиолетовый = Красно-фиолетовый.
Третичные цвета выделены на цветовом круге
Цветовая терминология
Как и в любой области исследования, мир искусства, дизайна и цвета изобилует техническим языком. Общее понимание терминологии цвета будет полезно, как здесь, так и в будущем вашего бизнеса.Давайте познакомим вас с основными терминами, наиболее часто используемыми в хроматическом мире.
- Hue — художники и дизайнеры взаимозаменяемо используют термины «цвет» и «оттенок». В любом случае, это поможет вам, но слова «цвет» и «оттенок» на самом деле означают разные вещи. В общем, «цвет» используется для обозначения всех цветов, включая черный, белый и серый. В то время как «оттенок» относится к происхождению , цвета мы видим. Это базовый цвета, который мы видим, и всегда является одним из шести основных и дополнительных цветов на цветовом круге.
- Оттенок — «Оттенок» — это более легкая версия данного оттенка. Это оттенок, к которому добавлено , только белого. Иногда оттенок может казаться ярче, чем исходный оттенок, но это всего лишь бледная версия. Оттенок может варьироваться от оттенка, который чуть светлее, чем оригинал, до почти белого с небольшим количеством цвета в нем.
- Тень — Это противоположность «оттенка». «Оттенок» — это оттенок с добавлением только черного. Конечно, он может включать различное количество черного, и результирующий цвет может быть чуть темнее, чем исходный оттенок, или он может быть почти черным.Простой способ запомнить это — подумать о том, как трава в оттенке на дереве кажется на темнее на , чем трава на солнце.
- Тон — это очень похоже на «оттенок» и «оттенок», только вместо того, чтобы быть оттенком с добавленным белым или черным, к нему добавляется только серый. Серый цвет, добавляемый для создания «тона», должен состоять только из черного и белого, без других цветов (многие цвета, которые считаются серыми, на самом деле имеют основание, являющееся оттенком). Тонированные цвета, как правило, рассматриваются как более сложные, чем чистые оттенки.
- Warm Versus Cool — «Теплые» цвета — это те, которые напоминают или символизируют тепло, в то время как «холодные» цвета относятся к льду и более прохладным температурам. Например: красный, оранжевый, желтый и красно-фиолетовый — теплые цвета, а синий, фиолетовый, зеленый и сине-зеленый — прохладные.
Психология цвета
Теперь, когда мы познакомились с теорией цвета, мы должны быстро взглянуть на психологию цвета. Это важно, потому что цвета и оттенки, которые вы выбираете, задают тон того, как ваши клиенты и клиенты относятся к вашему веб-сайту, визитным карточкам и / или офисным помещениям.Выбор цветовой комбинации — это не выбор цветов, которые вам нравятся, а выбор цветов, которые вызывают эмоции, которые вы ищете от своей аудитории.
«Цвет — это сила, которая напрямую влияет на душу». ~ Василий Кандинский
Ниже приводится краткое изложение различных оттенков и чувств, которые они часто вызывают:
- Красный: волнение, опасность, энергия, смелость, сила, гнев.
- Orange: творчество, энтузиазм, здоровье, счастье, ободрение, баланс.
- Желтый: солнце, надежда, оптимизм, свет, позитив, свежесть.
- Зеленый: здоровье, природа, обновление, щедрость, свежесть, окружающая среда.
- Blue: свобода, доверие, экспансивность, надежность, вера, вдохновение.
- Фиолетовый: королевская власть, роскошь, сила, гордость, креативность, тайна.
Теплые цвета обычно создают энергию и волнение и вызывают страсть, а прохладные цвета успокаивают и расслабляют.
Если вам интересно больше узнать о психологии цвета и о том, как значения цвета влияют на вас, прочитайте полный пост здесь.
Теперь, когда у нас есть понимание цвета применительно к искусству и дизайну, давайте перейдем к забавным вещам…
цветовых комбинаций
После того, как вы определились со своей психологией, легко выбрать цвета, которые сочетаются друг с другом. Используя цветовое колесо, вы можете быстро выбрать цветовые комбинации, которые являются монохромными, дополнительными, аналогичными, разделенными, триадными или тетрадными. Эти различные цветовые схемы позволяют выбирать между контрастными и гармоничными цветами в зависимости от желаемого эффекта, которого вы хотите достичь.
Монохромные комбинации
Монохромное сочетание цветов — это разные вариации одного оттенка. Эта комбинация состоит из различных оттенков, оттенков и оттенков выбранного оттенка. Например: темно-синий, немного светло-синий и светло-синий. Эти комбинации отлично подходят для упрощения насыщенного дизайна и создания гармоничного, визуально привлекательного образа. Это отличная стратегия цветовой схемы, если вы хотите, чтобы ваш бренд идентифицировался с определенным цветом. Также полезно показать прогресс в дизайне, таком как многоуровневый прайс-лист, или создать более сложный дизайн с использованием более яркого цвета.
Дополнительные комбинации
Дополнительные цвета существуют прямо напротив друг друга на цветовом круге. Эти цвета имеют высокую контрастность друг с другом и могут выделить ваш дизайн с высокой контрастностью. Тем не менее, при неправильном использовании они могут быть очень зрительные.
Вообще говоря, при использовании дополнительных цветов вы не хотите использовать их одинаково в своем дизайне. Вы хотите выбрать один из оттенков в качестве основного цвета, а затем использовать дополнительный цвет, чтобы выделить и выделить некоторые важные элементы.
Эти контрастные цветовые схемы можно встретить и в природе, и они могут придать дизайну живой, но естественный вид. Возьмите, к примеру, оранжевый коралл, стоящий посреди синевы океана, или лаванду на фоне мягкой зелени листвы.
Примеры дополнительных цветовых комбинаций:
- красный и зеленый.
- Синий и оранжевый.
- Желтый и фиолетовый.
- Желто-зеленый и красно-фиолетовый.
- Красно-оранжевый и сине-зеленый.
Выше приведен пример дополнительной комбинации: синий и оранжевый. Обратите внимание, как они находятся прямо напротив друг друга на цветовом круге.
Аналоговые комбинации
Эти цветовые комбинации располагаются рядом друг с другом на цветовом круге. Гармоничные сочетания вызывают спокойствие и мир. Некоторые говорят, что это происходит из-за аналогичных комбинаций, которые так часто встречаются в мире природы. Рекомендуется выбрать основной цвет в качестве основы, а затем выбрать еще два для выделения.Это обычно работает лучше всего с вторичным и третичным цветом. Убедитесь, что ваш основной цвет доминирует, а два других цвета выделяются, а не подавляют. Кроме того, будьте осторожны при выборе цветов, которые слишком тесно связаны, так как они могут смешаться и вымыть ваш дизайн.
Примеры аналогичных комбинаций:
- Фиолетовый, синий и бирюзовый.
- Красный, фуксия и фиолетовый.
- Красный, оранжевый и желтый.
- Зеленый, синий и фиолетовый.
Дополнительные сплит комбинации
Это вариант дополнительной цветовой схемы.Однако вместо двух цветов, расположенных прямо напротив друг друга, эта комбинация состоит из одного цвета и цветов по обе стороны от дополнения. Эта стратегия добавляет больше разнообразия, чем дополнительные цветовые схемы, включая три оттенка, не будучи слишком резким или слишком смелым. Используя этот метод, мы получаем комбинации, которые включают теплые и холодные оттенки, которые легче сбалансировать, чем цвета дополнительных цветовых схем.
Примеры раздельных дополнительных цветовых схем:
- Красный, сине-зеленый и желто-зеленый.
- Синий, красно-оранжевый и желто-оранжевый.
- Желтый, сине-фиолетовый и красно-фиолетовый.
- Фиолетовый, желто-оранжевый и желто-зеленый.
Триадные Комбинации
Эти простые цветовые комбинации являются вариантами раздельной дополнительной цветовой схемы. Цвета в этой композиции находятся на палитре цветов на одинаковом расстоянии. Возьмите равносторонний треугольник и поместите его на цветовое колесо. Цвета в каждой точке объединяются в триадную комбинацию.
Эти сочетания цветов имеют тенденцию быть достаточно яркими, даже если они смягчены, окрашены или затенены. Цвета могут быть как игривыми, так и подростковыми. Из-за этого вам нужно быть осторожным с балансом этих цветов. Выбор одного в качестве основного цвета и использование двух других в качестве акцентов — сильное место для начала.
Примеры триадных комбинаций:
- Красный, желтый и синий.
- Фиолетовый, зеленый и оранжевый.
- Сине-фиолетовый, красно-оранжевый и желто-зеленый.
Тетрадические комбинации
Как и триадическая комбинация, тетрадная цветовая комбинация включает в себя цвета, которые находятся на равном расстоянии друг от друга. Кроме этих цветовых комбинаций используйте четыре цвета вместо трех. Вы можете найти тетрадную комбинацию, поместив квадрат на цветовое колесо и выбрав цвета в каждом углу, или выбрав два противоположных набора дополнительных цветов.
Эти цветовые сочетания всегда громкие и веселые, а вибрация выделяет дизайн.Однако следует соблюдать осторожность при поиске баланса с этими комбинациями, поскольку они могут быть просто подавляющими.
Примеры тетрадных цветовых схем:
- Красный, зеленый, сине-фиолетовый и желто-оранжевый.
- Желтый, фиолетовый, сине-зеленый и красно-оранжевый.
Эксперимент — это ключ
Если у вас нет естественного сродства или опыта в искусстве и дизайне, выбор лучших цветовых комбинаций может быть немного ошеломляющим. Вы действительно не будете знать, как будут выглядеть выбранные вами цветовые комбинации в вашем дизайне, пока вы их не примените.Вот почему экспериментирование с различными оттенками, тонами, оттенками и оттенками может помочь вам найти лучшие цветовые комбинации для ваших целей и желаний. И помочь вам доставить сообщение и чувство, что вы намерены.
Существует ряд приложений и веб-сайтов, которые также могут помочь в процессе принятия решений. Мы любим генератор цветовой палитры в Канве, где вы можете перетаскивать любимые фотографии, чтобы получить цветовую палитру.
Если вы ищете цветовую схему для своего веб-сайта, визитных карточек или офиса, мы уверены, что вы разработаете наилучшую цветовую комбинацию для своих нужд.
Наши любимые комбо
монохромный
Art by Кимберли Рашель . Цветовые палитры от Canva .
Дополнительный
Art by Кимберли Рашель . Цветовые палитры от Canva .
Аналог
Цветовые палитры от Canva .
Сплит
Art by Кимберли Рашель . Цветовые палитры от Canva .
Triadic
Art by Кимберли Рашель . Цветовые палитры от Canva .
Тетрадик
Цветовые палитры от Canva .
Откройте для себя тысячи продуктов, которые вы можете начать продавать онлайн.Никаких обязательств, кредитной карты не требуется.
Получи Оберло сейчас. Это бесплатно.
Хотите узнать больше?
У вас есть какие-нибудь яркие советы или хитрости? Мы хотели бы услышать их. Дайте нам знать об этом в комментариях!
Эшли Винчестер
Эшли — независимый писатель из Северной Калифорнии. Когда она не создает контент, чтобы помочь предпринимателям масштабировать свой бизнес, она, вероятно, отправляется в приключение на открытом воздухе.
,Объявления
Действительно ли важно иметь наилучшее сочетание цветов для дизайна вашего сайта? Ответ: «Да!» Некоторые исследования показывают, что почти 50% посетителей вашей домашней страницы не вернутся на сайт, который является визуально непривлекательным, независимо от качества предлагаемого продукта или услуги.Казалось бы, что столь же важно, как и новые технологии, поддержание вашего сайта привлекательным, актуальным и модным, безусловно, стоит усилий.
Ниже приведены некоторые вопросы для оптимизации вашего сайта с лучшими цветовыми комбинациями:
1. Кто является вашей целевой аудиторией? Пол, культура и возраст важны здесь. Похоже, что в то время как мужчины предпочитают сочетания синего и оранжевого цветов, женщинам больше нравится красный и желтый рисунки. Однако в целом синий остается наиболее популярным цветом для обоих полов.Вы надеетесь завоевать всемирный интерес? Если это так, вам нужно знать, что цвета несут разные значения в разных частях света. Например, фиолетовый цвет может указывать на страсть, романтику и тайну в западной культуре, но в некоторых частях Ближнего Востока это наводит на мысль о проституции. На самом деле, это может быть не лучшим выбором для большинства продуктов или услуг, предлагаемых конкретно христианскому, еврейскому или исламскому населению. Точно так же белый цвет является чистым на Западе, но отражает несчастье и неудачу в Индии, Китае и Японии.Наконец, сегодняшние молодые люди гораздо больше привлекают яркие цветовые решения веб-сайтов, чем их более старые коллеги, которые предпочитают более приглушенные сайты.
2. Какое сообщение вы хотите сообщить? Ваш выбор цветовой комбинации будет эмоционально влиять на посетителей вашего сайта, хотя они могут никогда не осознавать этого факта. Например, синий говорит о безопасности, безопасности, опыте, спокойствии и разуме. По этой причине многие финансовые институты выбирают синий в качестве доминирующего цвета.Priceline.com и ORBITZ.com также хотят, чтобы посетители доверяли сделкам, которые они предлагают. С другой стороны, Pinterest и Yelp используют жирный красный цвет, чтобы вызвать страсть и активность, а Groupon использует зеленый, потому что это все о больших денежных возможностях.
3. Работаете ли вы над тем, чтобы продвигать свой бренд сильнее? Правильная цветовая комбинация и палитра могут иметь большое значение для достижения этой цели. В идеале придерживайтесь не более 3-5 цветов для четкого, последовательного дизайна. Заимствуя из руководящих принципов декоратора интерьера, стремитесь к приблизительно 60% доминирующего цвета, 30% вторичного выбора и 10% для поп-акцента.Если вам нужно добавить больше для боковых панелей, столбцов, подписей и таблиц, используйте оттенки и оттенки доминирующих или вторичных цветов. Еще раз, вы можете рассмотреть цвета, которые обычно связаны с определенными продуктами или услугами. Красные, апельсины и желтые цвета популярны среди ресторанов и ресторанов. Вспомните Chick-Fil-A и McDonald’s. Предметы роскоши часто отображаются на черном фоне, а информационные сайты, насыщенные контентом, часто выбирают комбинации синего, красного и желтого цветов.
Если перспектива выбора наиболее подходящей цветовой комбинации веб-сайта кажется немного сложной, не паникуйте.Существует множество компьютерных программ и приложений, которые могут упростить процесс. Время, потраченное на разработку или обновление цветовой палитры вашего сайта, может стоить того, чтобы привлечь и удержать потребителей, и, в конце концов, разве это не итог для интернет-продаж и обслуживания?
,Удачное сочетание цветов может легко поднять ваш дизайн на ступеньку выше. Узнайте, как применить индивидуальную цветовую палитру к любому из ваших дизайнов с помощью универсальных инструментов Shutterstock Editor.
Изображение на обложке через 32 пикселя.
Цветовое применение и теория — важнейший компонент потрясающего дизайна. Используя шестнадцатеричные коды, предустановки, инструмент «Пипетка» и пользовательские цвета в редакторе Shutterstock, вы можете экспериментировать и применять бесконечный диапазон оттенков к своему дизайну.
В этом пошаговом руководстве я расскажу вам о тонкостях цветовых инструментов редактора и о том, как улучшить цветовые приложения с помощью исследований и вдохновения.
Шаг 1. Выберите размер холста
Начните свой дизайн с определения размера холста. Поднимите разные размеры, нажав Предустановленные размеры (P) в левой части программы. Я начал с заголовка Email Header размером 600 x 300 пикселей , чтобы создать дизайн для моей почтовой кампании.
Шаг 2. Выберите шаблон
Перейдите на вкладку Шаблоны (T) и пролистайте огромный выбор готовых шаблонов. Я выбрал этот шаблон аксессуаров для ванной, чтобы рекламировать продажу товара.
Шаг 3: изменить и добавить текст
Шаблоны обеспечивают основу для дизайна; с их редактируемыми элементами, вы можете легко настроить его под свой бизнес или бренд. Нажав на отдельные элементы, вы можете персонализировать шаблон — изменить текст, цвета, формы и изображения, если хотите.
Я выделил «20% скидка» и изменил шрифт на Abril Fatface на 50 pt , чтобы выделить детали рекламной продажи. Затем я центрировал текст, используя инструмент Alignment для сбалансированной композиции.
Чтобы создать призыв к действию или CTA, добавьте подзаголовок с помощью инструмента Текст (A) и выберите Добавить подзаголовок . Это направляет ваших клиентов посетить ваш сайт, чтобы получить доступ к продаже. Я использовал Droid Serif при 14 pt и выделил курсивом текст, чтобы подчеркнуть и отличить CTA от других битов информации.
Когда все текстовые элементы отсортированы, удерживайте нажатой кнопку Shift , чтобы выбрать несколько слоев одновременно. Я сдвинул текст вверх с помощью клавиш со стрелками , чтобы создать равномерную и сбалансированную композицию внутри круга. Вы также можете сгруппировать весь текст, используя инструмент Group над вкладкой Fill Color , а затем поиграть с инструментами Alignment .
Шаг 4: нанесение цветов
Выбор цветов для вашего дизайна может быть огромным.Чтобы облегчить процесс выбора цвета, мне нравится исследовать цветовые палитры из других изображений или дизайнов и использовать их как вдохновение. Это не только научит вас распознавать, какие цвета работают вместе, но и познакомит вас с сочетаниями цветов, которые вы могли упустить из виду изначально.
Не знаете, с чего начать свое исследование? Я сделал эти 101 цветовые комбинации, чтобы вдохновить вас.
Я буду использовать эти осенние березы, чтобы черпать вдохновение; цвета на этом изображении не только работают в гармонии, но и прекрасно передают мягкое, расслабляющее настроение, которое я хочу для заголовка моего письма.
Изображение через Олега Знаменского.
В редакторе Shutterstock есть несколько способов применить цвета к вашему дизайну: шестнадцатеричные коды, пресеты, инструмент «Пипетка» и пользовательские цвета.
Использование шестнадцатеричных кодов
Шестнадцатеричные коды— это уникальные шестизначные значения, перед которыми стоит знак фунта. Эти коды обычно используются в HTML и относятся к цветовому пространству сети или RGB. Цвета RGB состоят из красного, зеленого и синего цветов и обладают широким спектром цветовых возможностей.Каждый цвет имеет уникальный шестнадцатеричный код.
Чтобы применить шестнадцатеричные коды в редакторе Shutterstock, перейдите на вкладку Fill Color и нажмите кнопку Custom . Отсюда вы можете легко ввести наш (или скопировать и вставить) шестизначный шестнадцатеричный код рядом с Web Color . Убедитесь, что включены только шестизначные значения, а не знак фунта.
Я взял светло-голубой цвет (# C2E3F4) у берез и применил его к форме круга. Этот код будет отображать точный цвет, который вы выбираете из цветовой палитры.
Применение пресетов
Предустановки цвета в редакторе Shutterstock состоят из общих цветов в дизайне. Стандартные оттенки, такие как белый и черный, а также основной (красные, синие и желтые) и вторичные цвета (зеленый, пурпурный, апельсиновый) доступны в разделе Presets на вкладке Fill Color . Это дает вам доступные цвета на выбор, поэтому вам не нужно возиться, чтобы найти их на вкладке Custom .
Выберите и выделите текст, который вы хотите изменить, затем выберите один из предустановленных цветов.Я выбрал белый, чтобы обеспечить мягкий контраст на голубом фоне.
Отбор проб с помощью инструмента «Пипетка»
Пипетка действительно мощный инструмент; с его помощью вы можете выбрать любой цвет из вашего дизайна и применить его к другим элементам вашего дизайна. Выбор оттенков на изображении, которое вы используете, придает вашему дизайну непротиворечивый и сбалансированный вид, связывая цвета вместе.
Перейдите на вкладку Fill Color , затем выберите Custom и перейдите в нижний правый угол, чтобы найти пипетку.Я выбрал цвет обводки под «20% скидкой» из темно-желтой губки на фоне моего изображения. Поэкспериментируйте с разными цветами, чтобы найти тот, который сочетается с вашим дизайном.
Настройка ваших собственных цветов
Пользовательские цвета требуют достаточных знаний о диалоговом окне палитры цветов; в то время как очень настраиваемый, сборщик может сначала казаться пугающим. Более светлые оттенки, или оттенки, расположены сверху, а более темные оттенки — по направлению к нижней части коробки.Средние части палитры цветов зарезервированы для более насыщенных или ярких цветов. Лучший способ узнать о палитре цветов — изучить и поэкспериментировать, щелкнув мышью по полю.
Если у вас есть несколько слоев текста, выясните, какую информацию вы хотите прочитать в первую очередь. Отличный способ различить слои текста — это ввести иерархию типов с цветами. Сначала будут прочитаны и обработаны более яркие цвета, особенно в этом дизайне, а затем более темные цвета.
Для текста второго уровня я буду использовать темно-синий цвет.Выделите текст, затем нажмите Fill Color и нажмите Custom , чтобы выбрать цвет. Я нашел синюю часть палитры цветов, а затем пошел к более темным оттенкам. Для текста «до воскресенья» я просто использовал инструмент «пипетка», упомянутый выше, и снова выбрал темно-синий цвет.
Используя пресеты , я выбрал белый цвет для текста «Покупай сейчас», чтобы он был привязан к «20% скидке». Сгруппируйте соответствующую копию с тем же цветом, чтобы направлять и направлять вашу аудиторию к важным частям информации.
Затем я продублировал темно-желтый штрих , щелкнув правой кнопкой мыши и выбрав Дублировать . Я связал это с призывом к действию, чтобы подчеркнуть и добавить акцент.
Шаг 5. Лицензия и загрузка
Все готово! Убедитесь, что ваш файл назван, а затем нажмите красную кнопку Загрузить и экспортируйте изображение в формате JPG при 72 точек на дюйм или поделитесь заголовком для социальных сетей с помощью кнопки Поделиться .Вот посмотрите на то, что мы разработали вместе.
Хотите улучшить свою цветную игру и укрепить свой бренд? Мы расскажем вам эти статьи.
,
Выбирает ли выбранная вами цветовая схема для вашего сайта желаемый ответ? Считаете ли вы себя перегруженным количеством потенциальных цветовых палитр сайта?
У всех есть свои любимые цвета, к которым они стремятся, когда дело доходит до работы или нет.
Но опытный дизайнер понимает важность оценки цветовой схемы на основе бренда, значений цветов и рекламируемых продуктов или услуг.
Хороший выбор цвета требует тщательного планирования.
Они могут влиять на то, как посетитель интерпретирует то, что он видит, так же, как макет и типографику сайта, и, если все сделано правильно, они могут оказать положительное влияние на оценку бренда посетителем в целом.
В этой статье мы рассмотрим, почему выбор правильных цветов для вашего сайта имеет значение, а также 23 различных цветовых палитр из реальных сайтов, которые эффективны для привлечения внимания посетителей.
Почему ваша цветовая схема так важна?
Прежде чем мы перейдем к процессу выбора цветовой схемы для вашего сайта, важно понять, почему именно цветовая схема вашего сайта так важна.
В конце концов, вы можете подумать, что контент действительно имеет значение. И это не так.
Люди любят контент. Они привлечены свежими голосами и заманчивой информацией, но вы должны сначала привлечь их внимание. Вот где в игру вступают цветовые палитры.
Если вы выберете правильную цветовую схему веб-сайта, вы получите возможность поразить ваших посетителей своим контентом.
Вот как:
1. Создайте узнаваемость бренда
Ваш сайт, по сути, является домом вашей компании в Интернете.
Это означает, что это должно быть точное представление вашего бренда. Кроме того, он должен быть достаточно запоминающимся, чтобы пользователи возвращались после первого посещения.
В конце концов, многие из ваших посетителей не будут готовы совершать покупки или другие крупные преобразования во время своего первого посещения — и им нужно помнить вашу компанию, чтобы вернуться и предпринять эти действия.
К счастью, цвет повышает узнаваемость бренда на 80%.
Итак, если ваша компания уже имеет установленную цветовую схему, важно включить ее в дизайн вашего сайта. Это значительно облегчит посетителям немедленную связь с другими местами, где они видели ваш бренд.
Плюс, если ваша цветовая схема одинакова для всего сайта, они узнают, что вернулись в нужное место по возвращении, независимо от того, на какой странице они находятся.
Помимо того, что вы говорите пользователям, кто ваша компания, ваш веб-дизайн также играет важную роль в быстрых суждениях пользователей о вашем бренде.
По данным одного опроса, 94 процента респондентов назвали веб-дизайн в качестве основных драйверов первых впечатлений от сайта.
Конечно, веб-дизайн включает в себя гораздо больше, чем просто цвет.
Но, учитывая, что цвет является одним из наиболее очевидных элементов на вашем сайте, и один из немногих, который пользователь может различить в течение этих первых 50 миллисекунд, ваша палитра может давать или нарушать оценку пользователя вашей компании.
2. Определите, как посетители воспринимают ваш сайт
В другом исследовании о том, как формируются первые впечатления потребителей, 90 процентов первоначальных оценок основаны только на цвете.
В определенной степени причина этого ясна.
В конце концов, цвет — это один из самых простых аспектов «понимания» страницы. Он может быть оценен практически мгновенно и не требует от посетителей оценивать копии или другие сообщения.
Но также важно учитывать роль, которую психология цвета играет в этих поспешных суждениях.
Многие компании используют эти соединения, как показано на следующих рисунках.
Например, бренды, которые хотят создать ощущение творчества и воображения, склонны включать фиолетовый цвет в свои образы, тогда как бренды, которые хотят создать чувство равновесия и спокойствия, склоняются к черному и белому.
Это напрямую связано с «индивидуальностью», которую вы хотите видеть в своем бренде.
В одном из исследований личности бренда психолог и профессор Стэнфордского университета Дженнифер Аакер пришли к выводу, что пять основных параметров играют роль в индивидуальности бренда:
Бренды иногда могут смешивать черты, но по большей части их «индивидуальность» сосредоточено в первую очередь на одном. Например, компания, которая продает снаряжение для кемпинга, идентифицирует себя с «прочностью», а модный бренд может стремиться к «изысканности».”
И, как вы можете видеть на диаграмме с логотипом выше, цвет может сыграть важную роль в демонстрации потребителям того, на что похожа индивидуальность вашего бренда.
Хотя большинство из них могут не осознавать, что красный логотип компании предназначен для создания ощущения волнения, он все же может сделать именно это.
И хотя каждый цвет может служить для создания определенного ощущения или реакции, определенные цвета являются лучшим выбором, чем другие, для большинства брендов и веб-сайтов.
Например, синий цвет часто считается самым безопасным выбором.Отчасти это объясняется тем, что это самый распространенный «любимый» цвет среди большинства населения.
На самом деле, 57% мужчин и 35% женщин говорят, что это их любимый цвет.
Итак, если вы хотите обратиться к широкой аудитории, это может быть отличным выбором для вашего сайта. Фактически, это может быть причиной того, что некоторые наиболее посещаемые сайты сегодня, такие как Facebook и Twitter, используют его для своих логотипов и брендинга.
Стоит также отметить, что синий цвет также часто ассоциируется с чувством доверия, авторитета и надежности.
Но это не значит, что это лучший выбор для каждого сайта. Все зависит от того, что вы хотите донести до посетителей.
Например, если ваш бренд ориентирован на здоровье и благополучие, зеленый может быть лучшим вариантом для создания этой ассоциации. И если вы хотите, чтобы ваши посетители были в восторге и побуждали их к быстрым действиям, красный может быть более эффективным для достижения этой цели.
Итак, выбирая цвета для своего сайта, учитывайте эмоциональные реакции, которые они могут вызывать у ваших посетителей.
Например, если вы пытаетесь создать ощущение спокойствия для веб-сайта вашей студии йоги, красный цвет может оказаться не лучшим выбором — и лучше знать об этом, прежде чем вкладывать серьезные деньги в свой дизайн.
3. Развивайте чувство порядка
Помимо эмоциональных реакций, которые могут вызывать отдельные цвета, которые вы выбираете, необходимо также учитывать, как цвета на вашем сайте взаимодействуют друг с другом.
Лучший способ сделать это — взглянуть на несколько основных принципов теории цвета.
Если вы когда-либо посещали уроки рисования или смотрели какие-либо ресурсы, связанные с дизайном, вы, вероятно, видели нечто похожее на цветовое колесо на рисунке выше.
Наиболее распространенной концепцией, иллюстрируемой в этом колесе, является связь между основными цветами (красным, желтым и синим) и вторичными и третичными цветами, которые образуются путем их смешивания.
Но помимо этого, это колесо может помочь вам создать цветовую гармонию или визуально приятное расположение цветов.Гармоничная палитра веб-дизайна поможет вам создать чувство баланса и порядка.
Существует три общепринятых типа цветовых схем, которые вы можете использовать для установления этого типа гармонии: аналоговая, монохроматическая и дополнительная.
Аналогичная цветовая схема составлена из цветов, которые падают бок о бок на цветовом круге. Это одна из самых сложных палитр, так как цвета могут легко пересилить друг друга.
При этом аналогичные цветовые схемы также являются одними из самых ярких.
Итак, если вы хотите создать красочный, визуально интересный сайт, вам может пригодиться палитра, похожая на следующие три примера:
Монохроматическая цветовая схема находится на противоположном конце спектра от предыдущего тип. Как следует из названия, он состоит из одного основного цвета, но интенсивность и легкость оттенков варьируются.
Эти палитры являются одними из самых простых в создании и «наиболее безопасными» для реализации, поскольку различные оттенки одного и того же цвета редко сталкиваются или чувствуют себя слишком занятыми.
Итак, если вы собираетесь относительно просто взглянуть на свой сайт, монохроматическая цветовая схема, подобная этим трем, может хорошо работать для вашего бренда:
Наконец, дополнительная палитра находится где-то между аналогичными и монохроматическими схемами в терминах разнообразия
Он состоит из цветов, которые лежат прямо напротив друг друга на цветовом круге. Поэтому, хотя в нем больше цветов, эти цвета естественным образом дополняют друг друга и не ошеломляют посетителей.
Если вы хотите включить в свою цветовую гамму какое-то разнообразие, не делая свой сайт слишком загруженным, дополнительная цветовая схема, подобная одной из них, может быть идеальным выбором:
Конечно, эти три не единственные типы цветовых схем, которые вы можете создать. На самом деле, лучшие типы палитры зависят от того, кого вы спрашиваете.
Триадная цветовая схема является одним из основных вариантов.
Эта цветовая схема предполагает использование трех цветов, которые расположены на 120 градусов друг от друга на цветовом круге.На рисунке выше эти цвета — оранжевый, зеленый и фиолетовый.
Выбирая цвета, помните, что перечисленные выше типы не являются окончательными правилами. Они могут дать вам общее представление об общем ощущении, которое вы хотите, чтобы ваш сайт имел, но они ни в коем случае не являются единственным способом создать палитру, которая работает для вашего бренда.
Независимо от типа используемой палитры, вы можете использовать ее для создания иерархии наиболее важного содержимого на каждой из ваших страниц.
4. Выделите определенные элементы
Как я упоминал в предыдущем разделе, определенная цветовая палитра веб-сайта может быть полезна для обозначения важности определенных элементов.
Вы можете максимизировать это влияние, сохранив
.