Как пользоваться цветовым кругом в дизайне интерьера

Помните жуткие сайты начала двухтысячных? Тогда мало кто слышал о правильном выборе цветовой гаммы — делали как бог на душу положит. Зато теперь к услугам веб-дизайнера полный пакет знаний, умений и инструментов — только применяй. Об основных правилах выбора цветовой гаммы на сайте и полезных инструментах мы и расскажем в этой статье.

Основы теории цвета Иоханнеса Иттена

По мнению ученого, всем работающим с цветами необходимо понимание закономерностей взаимодействия колоров между собой. Это позволяет преодолеть неуверенность и развить интуитивное чувство гармонии. Согласно теории Иттена, все цвета делятся на 2 большие группы: хроматические и ахроматические («хромос» — греч. цвет). К ахроматическим относятся белый и черный, а также все расположенные между ними оттенки серого. Группу хроматических составляют локальные цвета солнечного спектра. Они создаются световыми волнами (табл. 1).

Если расположить хроматические цвета по окружности, то получится цветовой круг (рис. 1).

Рисунок 1. Двенадцатичастный цветовой круг Иоханнеса Иттена.

В центре цветового круга треугольником находятся цвета первого порядка. Они также называются первичными или основными. Эти колоры не могут быть получены смешением других: красный, желтый, синий. На следующем уровне круга располагаются цвета второго порядка (или вторичные). Они образуются при смешивании двух основных между собой: оранжевый, зеленый, фиолетовый. Внешнюю часть круга составляют вторичные и третичные цвета. Последние получаются при смешивании первичных и вторичных колоров:

  • красно-оранжевый;
  • красно-фиолетовый;
  • желто-оранжевый;
  • желто-зеленый;
  • сине-зеленый;
  • сине-фиолетовый.

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

Почему важно правильно выбрать цвета?

Потому что именно цветовая гамма — первое, на что обращает внимание посетитель сайта. Удобная навигация, функционал, содержимое сайта, ассортимент товаров — это все тоже важно, но потом.

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

Итак, если вы веб-дизайнер, ваша задача — донести до заказчика следующие мысли:

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

2. Слишком мало цвета — тоже ничего хорошего. Оптимальное сочетание нескольких цветов только улучшает визуальное восприятие. Далее мы расскажем, как выбрать основной цвет и дополнительные.

3. Каждый цвет вызывает определенную эмоциональную реакцию. Ярко-красный — энергию, силу, страсть. Бледно-розовый — нежность, мягкость. Фиолетово-черный наводит на мистические, загадочные ассоциации.

4. Один и тот же цвет может восприниматься дизайнером и заказчиком (и пользователем сайта) по-разному. Взять фуксию — для кого-то это розовый, для кого-то — малиновый, а многие вообще не знают, что это за цвет такой. Поэтому важно еще на берегу обговорить все нюансы.

Читайте также:  Модные клатчи 2019: фото, женские модели с описание

5. Многое зависит от целевой аудитории сайта. Если клиент создает интернет-магазин товаров для беременных, нежные пастельные цвета больше понравятся ЦА — будущим мамам. Такие цвета не испугают их, вызовут положительные эмоции и как следствие — желание покупать. Агрессивные тона в этом случае сыграют только во вред.

6. Если у клиента уже есть фирменный стиль — отлично. Тогда сайт тоже должен быть выдержан в корпоративных цветах.

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

Сервисы подбора цвета для веб-дизайна

С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.

Есть возможность оценить, как будут видеть вашу цветовую гамму люди с дальтонизмом и другими особенностями зрения. Можно выбрать безопасные веб-цвета.

Adobe Kuler второй веб инструмент, который я довольно часто использую. Подбор цветовой схемы происходит практически также, как и на предыдущем сайте, но люблю я его не за это. Кроме того, что вы сами можете создавать цветовые схемы, вы можете посмотреть и использовать схемы, созданные другими людьми.

Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.

Этот инструмент немного похож на Сolorscheme, но имеет меньше функций, зато есть возможность посмотреть, как будут выглядеть цветовые блоки.

Этим сайтом я практически не пользуюсь, но раз уж он есть у меня в закладках, то решила добавить и его.

Следующие два сайта генерируют палитру из выбранного вами изображения.  It is magic 🙂

Вы выбираете любую картинку, цвета которой вам нравятся, сервис ее анализирует и выдает вам цветовую палитру.  Эти два сайта отличаются лишь тем, как предоставлять им картинку.

Color Palette Generator

На этом сайте необходимо указать ссылку на изображение.

На этот сайт нужно загрузить картинку со своего компьютера.

Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».

Как видно из названия, здесь можно подобрать цвета для модного сейчас, плоского дизайна. Сайт интересен тем, что выбрав палитру, вы можете скачать ее для программ Corel и Photoshop.

Еще один модный тренд —  материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.

И напоследок снова user interface.  Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.

Вот такие инструменты есть у меня в закладках.

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

Нужен сайт с правильными цветами? Пишите, сделаем 🙂

Нашли ошибку? Выделите фрагмент текста и нажмите CTRL+ENTER

Схемы сочетания цветов на цветовом круге

Различают следующие методы определения приемлемых цветовых сочетаний:

Монохромное – сочетание разных оттенков одного цвета.

Аналогичное – сочетание от 2 до 5 оттенков из трех рядом расположенных секторов.

Комплиментарное – сочетание основного и противоположного ему цвета.

Сплит-комплиментарное – сочетание основного и пары противоположных ему цветов.

Триада – сочетание 3-х цветов, равноудаленных друг по отношению другу.

Тетрада – две пары секторов, расположенных напротив.

Квадрат – четыре равноудаленных сектора.

круг – сочетания цветов

Установлено, что наиболее удачны для человеческого зрения комбинации 2-3 цветов. Тем не менее, творческие люди при создании графических образов довольно часто основывают образ на большем количестве цветовых оттенков.

Теория цвета, цветовое колесо и дизайн интерьера

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

Основные цвета

Дизайнеры интерьера используют сотни цветов, которые можно свести к трем основным: красному, желтому и синему. Это первичные или основные цвета, потому что именно из них складываются тысячи остальных оттенков.

Читайте также:  8 хитростей в одежде, которые помогут выглядеть стройнее!

Вторичные цвета

​Если смешать равное количество двух любых двух основных цветов, то мы получим новые цвета, которые называют вторичными.

·         синий + красный = фиолетовый;

·         жёлтый + красный = оранжевый;

·         синий + жёлтый = зеленый.

Третичные цвета

  • желтый + зеленый;
  • синий + зеленый;
  • синий + фиолетовый;
  • красный + фиолетовый;
  • желтый + оранжевый.

Контрастирующие цвета (дополняющие)

Аналогичные цвета

Триада

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

Расщепление или рассеивание основного цвета

Получается контрастный акцент по соседству с двумя похожими между собой оттенками. Такое сочетание можно использоваться, чтобы внести пикантную нотку в общий цветовой фон.

Квадратная схема

Прямоугольная схема

Игра света и тени

Холодные и теплые цвета

Выбираем цветовую схему для интерьера

Теория цвета помогает блестяще справиться с задачей выбора цветовой схемы для оформления интерьера. А чтобы Вам еще больше упростить подготовку к ремонту, вот парочка полезных сервисов, с помощью которых Вы станете настоящим королем цветовых превращений.

  1. – очень удобный подбор цветовой схемы с возможностью сохранить ее в популярных форматах как целиком, так и каждый цвет отдельно.
  2. – удобно то, что можно «снять» цветовую схему с любого понравившегося Вам изображения

Подход к выбору цвета

Алгоритм

К выбору цветов нужно подходить последовательно:

  1. Выбираем базовый цвет. Белый или серый — легко и правильно т.к. они подходят к стандартным отделочным материалам. Коричневый, персиковый, черный или любой другой, если хотите страдать.
  2. Думаем о вещах, которые появятся в комнатах в процессе жизнедеятельности. Составляем список ВСЕХ вещей и цветов которые они могут иметь.
  3. Учитывая предыдущий пункт, выбираем любимый основной акцентный (адекватный выбранному стилю дизайна).
  4. По цветовому кругу выбираем к нему дополнительные.
  5. Думаем о доле акцентных. От этого зависит допустимая насыщенность. Чем большую площадь занимает цвет, тем менее броским он должен быть.
  6. Распределяем наши яркие пятна по разным точкам комнаты. Загруженность должна быть равномерной.
  7. Понимаем главный принцип. Для стильного дизайна достаточно белого, серого, чёрного и дерева. Яркость мы добавляем чтобы сделать ещё круче. И в этом всегда лучше недоборщить, чем переборщить.
  8. Упрощаем наш план по акцентным цветам раза в 2.

Самый важный пункт — седьмой. Интерьер это не картина красками и не рекламный плакат. Сочетание цветов в интерьере — это про выбор одного-двух правильных акцентных цветов и аккуратное дозированное их добавление к в целом нейтральной гамме.

Яркие акцентные цвета следует добавлять чем угодно, но не отделкой. Не надо делать сами стены или ещё хуже потолок агрессивными, так дизайн не делается. Мебель, ковры, картины, всякие подушки, шторы и аксессуары — ими делаются акценты. Их легко добавить и убрать. Отделку оставьте в естественных тонах.

Натуральные

Итак, базовая палитра — белый, серый, чёрный и дерево.

Их сочетания достаточно для создания стильного интерьера. Они идеально и беспроблемно сочетаются между собой. Это безопасная цветовая схема, при которой самый худший вариант — немного скучноватый интерьер. Идеальный тоже вполне возможен. А вот добавление акцентных ярких цветов может сделать дизайн как лучше, так и хуже.

Разобьём несколько реальных фотографий интерьеров на палитры:

Стоп.

Они же казались почти монохромными, а там оказывается куча цветов!

В этом вся фишка! Дело в неоднородной текстуре, игре света и тени, отражениях, цветовой температуре выбранных ламп. Именно поэтому совершенно не обязательно всегда добавлять яркие тона.

Но всё же разберёмся как это делать.

Лучшие цвета для интерьера

Для интерьеров нас интересуют 2 внутренних кольца (пастельные цвета), 3 внешних (тёмные) и они же но с другой насыщенностью.

Читайте также:  Камень дымчатый кварц: свойства самоцвета, кому он подходит

В выделенных зонах цвета которые я не рекомендую использовать в интерьере. Это не значит, что они плохие. Скорее рискованные. Сочетать их в интерьере трудно. Я предупредил.

Внутренняя и внешняя часть диаграммы цветов интересует нас в первую очередь. Пастельные из середины диаграммы можно использовать и в отделке, но без фанатизма. Грязные тёмные хорошо подходят для текстиля: шторы, ковёр, постельное бельё, мягкая мебель.

Я рекомендую откидывать часть спектра т.к. она не сочетается с естественными материалами и натуральными тонами отделки. Самый стандартный косяк дилетантов — цвет пола всё ломает. Выбрать акцент из середины круга или вообще из опасных зон, не думая, что большинство материалов для пола имитируют дерево, которое ни по светимости ни по насыщенности не сочетаются с агрессивными цветами:

Кстати:

Поэтому в детских я советую белую мебель. Только так можно использовать яркие цвета, которые так нравятся детям.

Красный, зелёный, синий — 3 основных цвета, остальные получаются их смешиванием между собой, а так же с белым и чёрным (светимость) и серым (насыщенность). Чистыми их категорически не следует использовать в интерьерах. Они слишком агрессивны, они давят на психику и тянут на себя всё внимание.

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

Итого исключаем из нашего интерьера:

  1. Чистые красный, синий, зелёный.
  2. Яркие насыщенные розовые цвета.
  3. Тёмные и грязные зелёные(оставляем натуральный травяной зелёный, бледный пастельный и все смеси вроде фисташкового).
  4. Бледно персиковый из отделки (в текстиле можно). Причина — персиковый приелся в евроремонтах начала двухтысячных.

Кста, мы есть в:

Сделай сам

Цветовой круг по Иоханнесу Иттену достаточно просто сделать самостоятельно. Для этого потребуются лишь бумага, гуашь и немного терпения. Трудности могут возникнуть на этапе создания цветов второго порядка. Очень важно, чтобы они не тяготели ни к одной из своих составляющих. Впрочем, создание цветового круга — отличная практика, особенно для начинающих художников. Процесс помогает почувствовать краски и нюансы оттенков, проникнуться их «характером», научиться создавать нужную смесь и понять, в чем разница между соседними.

Кроме того, распечатанный с компьютера круг часто страдает некоторыми дефектами. Их причина — в особенностях цветопередачи экрана и принтера.

Модные комбинации

Если таблицы бред, то, как объяснить комбинацию бирюзы и коричневого? Или фисташки с мутным розовым?

Все дело в модных веяниях.

С дизайнерской точки зрения, все подобранные сочетания грамотны и одинаково удачны. Но на психологическом уровне существуют различия. Если что-то стало модным, оно появится повсюду. Мы быстро привыкаем к тому, что видим, и оно начинает нам нравиться. Это чистая психология.

Приведем несколько красивых и модных сочетаний оттенков в интерьере — три популярных комбинации:

В разных дизайнерских направлениях применяют различные палитры и разнообразные варианты гармоничные сочетания. Это еще раз доказывает, что таблицы — ерунда.

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

Оранжевые краски

Такой цвет очень солнечный, энергичный и насыщенный. Оранжевые образы подойдут обладательницам кожи теплого оттенка. Девушкам с бледной кожей, наоборот, их лучше не одевать.

Насыщенный оранжевый подходит только представительницам осеннего цветотипа. А девушкам летнего и зимнего можно использовать пастельные варианты, но в небольшом количестве, и не близко к лицу.

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

Его оттенки – тыквенный, красно-оранжевый, морковный, персиковый, охра, коралловый.