Колористика для дизайнеров. Термины и определения.
Цвет — один из фундаментальных признаков, на которых основан дизайн. В руках профессионала он может стать мощным инструментом. Он влияет на многие факторы, которые играют большую роль в визуальном восприятии. Цвет оказывает огромное воздействие на наше сознание, он меняет наше отношение к любому предмету буквально за секунды, а также заставляет людей реагировать на него и даже предпринимать определенные действия.
На первый взгляд учение о цвете может показаться не таким уж и сложным для освоения, но если углубиться в детали, становится понятно, что необходимо учитывать множество тонкостей. В статье «Теория цвета: краткий гид для дизайнеров» затронуты основы этого учения, помогающие дизайнеру в работе. А в этой статье мы собрали все основные термины теории цвета в удобный глоссарий, который поможет графическим и UI-дизайнерам лучше понимать принципы работы цвета.
Добавьте цветную иллюстрацию
Цвет
Прежде чем идти дальше, важно понять саму суть цвета. В словаре Уэбстера он определяется как световое явление (например, красное, коричневое, розовое или серое) или явление визуального восприятия, позволяющее человеку различать объекты, которые в противном случае казались бы одинаковыми. Проще говоря, цвет — это признак объекта, который возникает из-за света, излучаемого или отражаемого этим объектом. Цвет можно визуально «проверить», оценив его свойства (тон, насыщенность, хроматичность и яркость). Для полноценного понимания значения цвета давайте дадим определения его характеристикам.
Свойства цвета
К основным свойствам цвета относятся тон, яркость, хроматичность и насыщенность.
Тон (hue)
Термин «тон» часто путают с «цветом», поэтому придется остановиться на этих определениях поподробнее. Во-первых, нужно понимать, что «цвет» — это обобщенное понятие, которым пользуются люди для обозначения всех тонов, полутонов и тональностей. С другой стороны, тон — это именно то, что мы имеем в виду, спрашивая «какого цвета эта вещь?». В целом, тон — это совокупность двенадцати чистых и ярких цветов, представленных на цветовом круге.
Тон — это базовый материал, который можно изменить тремя разными способами: затушевать, затенить и тонировать. В зависимости от применяемой техники тон превращается в оттенок, тень или тональность.
Premiumbeat
Яркость (Value)
Как уже говорилось, у цветов есть определенные характеристики, по которым их можно узнать. Яркость — это свойство, указывающее, насколько светлым/темным является цвет. Этот признак определяется степенью белизны. Чем больше белого было добавлено в тон, тем выше его яркость.
Хроматичность (Chromacity)
Хром, или хроматичность, показывает чистоту тона. Этот признак оценивается на основе наличия белого, серого или черного в цвете. Двенадцать основных тонов, описанных ниже, имеют самую высокую степень хроматичности, так как не содержат никаких дополнительных элементов. Цвета с высоким хромом яркие и живые.
Насыщенность (Saturation)
Этот признак имеет много общего с яркостью и хромом, поэтому иногда их могут путать. Тут очень важно понимать разницу. В отличие от двух предыдущих свойств, насыщенность не предполагает смешение тонов с другими цветами. Насыщенность — это то, как выглядит цвет в разных световых условиях, насколько ярким или бледным кажется цвет при дневном или слабом освещении. Это свойство еще называют интенсивностью цвета.
Приложение «Календарь» (Tubik)
Цветовой круг
Если вы когда-либо посещали занятия по живописи, вы точно видели окружность, состоящую из разных цветов. Она называется цветовым кругом и помогает понять, как цвета взаимосвязаны между собой и как их лучше сочетать. Цветовой круг состоит из первичных, вторичных и третичных цветов, которые также известны как тоны.
Цветовой круг был придуман Исааком Ньютоном в 1666 году и поначалу выглядел как схема. С тех пор он претерпел множество трансформаций, но по-прежнему остается главным инструментом для работы с сочетаемостью цветов. Согласно задумке, цветовой круг должен работать так, чтобы вам было легче грамотно смешивать цвета.
Типы цвета
По типу цвет делится на первичные, вторичные и третичные; а также на холодные, теплые и нейтральные.
Первичные цвета (Primary)
Они представляют собой три пигментных цвета, которые не могут быть созданы при помощи смешения других цветов. Они — основа всей цветовой системы. Первичные цвета варьируются в зависимости от типа цветовой системы. В основе субтрактивной цветовой модели CMYK лежат голубой, фиолетовый и желтый цвета, аддитивную цветовую модель RGB образуют красный, зеленый и синий. А в историческую цветовую модель художников RYB входят красный, желтый и синий.
Вторичные цвета (Secondary)
Эти цвета появляются при помощи смешения двух первичных. Так как у каждой системы свои основные цвета, вторичные цвета также варьируются. Ниже приведено схематичное пояснение, какие вторичные цвета могут быть образованы в каждой из моделей.
RGB:
зеленый + красный = желтый
красный + синий = фиолетовый
синий + зеленый = голубой
CMYK:
желтый + фиолетовый = красный
фиолетовый + голубой = синий
голубой + желтый = зеленый
RYB:
желтый + красный = оранжевый
красный + синий = фиолетовый
синий + желтый = зеленый
Третичные цвета (Tertiary)
В результате смешения первичных и вторичных получаются третичные цвета, которые обычно имеют составные названия, например, красно-сиреневый или желто-оранжевый.
Холодные, теплые и нейтральные цвета
Все описанные выше цвета можно также разделить на три вида: холодные, теплые и нейтральные.
Холодные цвета находятся на сине-зеленой части цветового круга. Их называют холодными, так как они создают ощущение прохлады. Теплые цвета являются их противоположностью из-за ассоциаций с теплом. Желтый, оранжевый и красный — это тоны, относящиеся к виду теплых цветов. И последнее, но не менее важное: нейтральные цвета не являются частью цветового круга. Среди них — серый, коричневый и бежевый.
Приложение по прогнозу погоды (Tubik)
Цветовые модели
Существует несколько цветовых моделей: RGB, RYB, CMY, CMYK.
RGB
Первичными цветами модели RGB являются красный, синий и зеленый. Данная модель является основой для всех цветов, использующихся на экране. Сочетание первичных цветов этой модели в равных пропорциях в результате дает вторичные цвета — голубой, фиолетовый и желтый, однако необходимо помнить: чем больше вы добавляете света, тем ярче и светлее становится цвет. Результаты, полученные после смешения добавочных цветов, часто неожиданны для людей, привыкших к субтрактивной цветовой модели красок, красителей, чернил и других осязаемых объектов.
RYB и CMY
RYB (R — красный, Y — желтый, B — синий) — еще одна цветовая модель, которая часто используется в художественном образовании, особенно в живописи. Она послужила основой для современной научной теории цвета, в которой было установлено, что голубой, фиолетовый и желтый являются наиболее удачным трехцветным сочетанием для смешения. Таким образом появилась цветовая модель CMY.
CMYK
Модель CMY была видоизменена с появлением фотомеханической печати. Ее ключевым компонентом стали черные чернила, и модель была переименована в CMYK (C — голубой, M — фиолетовый, Y — желтый, K — черный). Без этого дополнительного пигмента ближайший к черному оттенок был бы грязно-коричневого цвета. В настоящий момент данная цветовая модель чаще всего используется в печати.
Printaura
Цветовые палитры
В дизайне цветовой баланс имеет огромное значение, так как впечатление о сайте или приложении у пользователей складывается с первого взгляда, и цвета оказывают на это сильное влияние. Дизайнеры определили основные и наиболее эффективные цветовые палитры, или цветовые гармонии.
Монохромная
Она основана на одном цвете и его различных тонах и оттенках. Монохромная палитра всегда представляет собой беспроигрышный вариант, так как тут придется постараться, чтобы ошибиться и сделать все безвкусно.
Визитки Deetu
Аналоговая
Для создания аналоговой палитры используются цвета, расположенные рядом друг с другом на цветовом круге. Этот вид цветовой палитры используется там, где не нужен контраст, в том числе на фоне веб-страниц или баннеров.
Анимированный логотип Binned
Комплементарная
Комплементарная палитра представляет собой смешение цветов, которые находятся друг напротив друга на цветовом круге. Эта схема противоположна аналогичной и монохромной, так как ее целью является создание контраста. Например, в любом интерфейсе сложно будет не увидеть оранжевую кнопку на синем фоне .
Личный кабинет в приложении Home Budget
Раздельно-комплементарная
Данная палитра работает по аналогии с предыдущей, но использует больше цветов. Например, при выборе синего цвета необходимо еще добавить два смежных оттенка его противоположного цвета, то есть, желтый и оранжевый. Здесь контраст будет не таким резким по сравнению с комплементарной схемой, но зато можно использовать больше цветов.
Сайт Financial Service
Триадическая
Когда дизайну требуется больше красок, можно прибегнуть к триадической схеме. Она основана на трех отдельных равноудаленных друг от друга цветах. Для сохранения баланса в схеме рекомендуется использовать один цвет в качестве доминирующего, а два других как акцентные.
Начальная страница приложения для знакомств от Tubik
Четвертичная/Сдвоенно-комплементарная
Четвертичная цветовая схема предназначена для использования опытными дизайнерами, так как в ней сложнее всего достичь баланса. Она задействует четыре цвета из круга, которые составляют комплементарные пары. Если соединить точки на выбранных цветах, они образуют прямоугольник. В этой схеме достаточно сложно достигнуть гармонии, но если все делать правильно, результаты будут поразительными.
Приложение Business Card
Я бы хотел закончить прозаичной цитатой Ру Пола: «Весь смысл в том, чтобы проживать жизнь и быть — использовать все цвета из коробки карандашей». Научитесь эффективно пользоваться цветами как в жизни, так и в работе, и результаты вам придутся по душе.
Сочетание Цветов в Интерьере [Цветовой круг > Таблица] + Практика
Цветовой круг — спектр всех цветов представленных в виде круга, где разной яркости (светимости) соответствует разное удаление от центра. Сочетание цветов в интерьере подбирается именно по кругу.
Любая же таблица сочетания цветов в интерьере — частный случай т.к. с помощью круга можно сгенерировать бесконечное число таких таблиц.
Это сложный материал, но если осилите — получите принципиально другой уровень понимания дизайна. И не только интерьера.
Цветовой круг для сочетания цветов в интерьере
Практика
Я сразу покажу как можно использовать цветовой круг на практике, а вся теория уже дальше.
Возьмём реальный пример, где цвета подобраны правильно и при этом интерьер небанальный:
Из базовых использованы белый, серый, чёрный, несколько оттенков коричневого дерева. Как акцентный выбран грязно-синий. Выглядит круто.
Проверяем на соответствие теории (поменял структуру и теперь она дальше). Раскладываем интерьер на цветовую схему и подбираем сочетающиеся цвета для грязно-синего двумя способами. По комплиментарным для двух и трёх цветных комбинаций (ссылка на сервис и пояснения в следующем пункте).
Как видим, именно грязно синий идёт как идеальный акцентный для такого количества дерева и тёплого (из-за цветовой температуры ламп) серого. Но может быть это просто совпадение и другие тона тоже смотрелись бы неплохо?
Давайте выбирать цвет дивана и стены.
Всё не то.
Изначальный вариант с синим круче всего. А что если вообще не делать акценты, а взять из базовых, например серый и чёрный:
Получается очень даже неплохо, хотя кто-то может сказать, что скучновато. Это наглядная иллюстрация, что базовые цвета прекрасно сочетаются в интерьере без риска.
Больше фото этой квартиры в материале про современный дизайн интерьера.
Типы сочетания цветов в интерьере
Можете открыть цветовой круг (на английском) или просто следить за картинками тут.
В правом верхнем углу нажимаем «Harmony» и выбираем тип сочетания. Потом двигаемся мышкой по цветовому кругу. Все параметры кроме насыщенности регулируются движением мыши по кругу. Насыщенность меняется вторым ползунком сверху в правой колонке «Saturation». Она изменит сам круг.
Существуют разные типы сочетания цветов и каждому типу соответствует своя геометрическая иллюстрация на круге.
- Аналогичные (Analogous). Набор цветов расположенных на круге рядом.
- Контрастные, они же комплиментарные, они же взаимодополняющие (Complementary). Расположены друг напротив друга на линии проведённой через центр. Например, коричневый и синий.
- Конфликтные. Расположены на линиях пересекающихся в центре цветового круга под прямым углом. Например красный и синий.
- Триада. Равноудалены друг от друга (образуют равносторонний треугольник). Например красный, зелёный и синий — три основных цвета образуют именно такой треугольник.
- 2 пары. Собственно 2 пары комплиментарных цветов линии которых пересекаются в середине круга под прямым углом.
В интерьерах лучше всего использовать первые 2 типа сочетаний. Остальные рискованные и сложные, хотя это и не значит что их нельзя сочетать. Но только если уверены в своём вкусе.
Светимость цвета (немного неверно называют яркостью) — количество примеси белого и чёрного в итоговом. В геометрическом выражение расстояние до центра круга. Насыщенность — количество серого.
Самые проницательные мгновенно поймут, что при таком количестве способов, почти все цвета можно сочетать. И что главное правило сочетания цветов в интерьере:
Цвета сочетаются по светимости и насыщенности. Т.е. они должны быть равноудалены от центра цветового круга фиксированной насыщенности.
Важно!
Учитывать нужно ВСЕ предметы в помещении. Поэтому и тяжело сделать стильный интерьер со слишком яркими оттенками — они не будут сочетаться с цветом пола, плинтусов и дверей, которые обычно имеют натуральные древесные тона с низкой светимостью и насыщенностью. И поэтому же пастельные всегда хорошо вписываются.
Поэтому так хорош скандинавский стиль. Пастельная цветовая гамма делает его простым в реализации — все правила сочетания уже заложены в сам стиль интерьера.
В интерьере кухни в скандинавском стиле, например, вообще не используются яркие цвета, и вся цветовая гамма низкой насыщенности, что исключает перекосы и серьёзные ошибки.
Подход к выбору цвета
Алгоритм
К выбору цветов нужно подходить последовательно:
- Выбираем базовый цвет. Белый или серый — легко и правильно т.к. они подходят к стандартным отделочным материалам. Коричневый, персиковый, черный или любой другой, если хотите страдать.
- Думаем о вещах, которые появятся в комнатах в процессе жизнедеятельности. Составляем список ВСЕХ вещей и цветов которые они могут иметь.
- Учитывая предыдущий пункт, выбираем любимый основной акцентный (адекватный выбранному стилю дизайна).
- По цветовому кругу выбираем к нему дополнительные.
- Думаем о доле акцентных. От этого зависит допустимая насыщенность. Чем большую площадь занимает цвет, тем менее броским он должен быть.
- Распределяем наши яркие пятна по разным точкам комнаты. Загруженность должна быть равномерной.
- Понимаем главный принцип. Для стильного дизайна достаточно белого, серого, чёрного и дерева. Яркость мы добавляем чтобы сделать ещё круче. И в этом всегда лучше недоборщить, чем переборщить.
- Упрощаем наш план по акцентным цветам раза в 2.
Самый важный пункт — седьмой. Интерьер это не картина красками и не рекламный плакат. Сочетание цветов в интерьере — это про выбор одного-двух правильных акцентных цветов и аккуратное дозированное их добавление к в целом нейтральной гамме.
Яркие акцентные цвета следует добавлять чем угодно, но не отделкой. Не надо делать сами стены или ещё хуже потолок агрессивными, так дизайн не делается. Мебель, ковры, картины, всякие подушки, шторы и аксессуары — ими делаются акценты. Их легко добавить и убрать. Отделку оставьте в естественных тонах.
Натуральные
Итак, базовая палитра — белый, серый, чёрный и дерево.
Их сочетания достаточно для создания стильного интерьера. Они идеально и беспроблемно сочетаются между собой. Это безопасная цветовая схема, при которой самый худший вариант — немного скучноватый интерьер. Идеальный тоже вполне возможен. А вот добавление акцентных ярких цветов может сделать дизайн как лучше, так и хуже.
Разобьём несколько реальных фотографий интерьеров на палитры:
Стоп.
Они же казались почти монохромными, а там оказывается куча цветов!
В этом вся фишка! Дело в неоднородной текстуре, игре света и тени, отражениях, цветовой температуре выбранных ламп. Именно поэтому совершенно не обязательно всегда добавлять яркие тона.
Но всё же разберёмся как это делать.
Лучшие цвета для интерьера
Для интерьеров нас интересуют 2 внутренних кольца (пастельные цвета), 3 внешних (тёмные) и они же но с другой насыщенностью.
В выделенных зонах цвета которые я не рекомендую использовать в интерьере. Это не значит, что они плохие. Скорее рискованные. Сочетать их в интерьере трудно. Я предупредил.
Внутренняя и внешняя часть диаграммы цветов интересует нас в первую очередь. Пастельные из середины диаграммы можно использовать и в отделке, но без фанатизма. Грязные тёмные хорошо подходят для текстиля: шторы, ковёр, постельное бельё, мягкая мебель.
Я рекомендую откидывать часть спектра т.к. она не сочетается с естественными материалами и натуральными тонами отделки. Самый стандартный косяк дилетантов — цвет пола всё ломает. Выбрать акцент из середины круга или вообще из опасных зон, не думая, что большинство материалов для пола имитируют дерево, которое ни по светимости ни по насыщенности не сочетаются с агрессивными цветами:
Кстати:
Поэтому в детских я советую белую мебель. Только так можно использовать яркие цвета, которые так нравятся детям.
Красный, зелёный, синий — 3 основных цвета, остальные получаются их смешиванием между собой, а так же с белым и чёрным (светимость) и серым (насыщенность). Чистыми их категорически не следует использовать в интерьерах. Они слишком агрессивны, они давят на психику и тянут на себя всё внимание.
И нет, грязные цвета выглядят круто и не депрессивно. В последнем пункте статьи про интересный интерьер кухни я собирал варианты именно с такими сочетаниями цветов.
Итого исключаем из нашего интерьера:
- Чистые красный, синий, зелёный.
- Яркие насыщенные розовые цвета.
- Тёмные и грязные зелёные(оставляем натуральный травяной зелёный, бледный пастельный и все смеси вроде фисташкового).
- Бледно персиковый из отделки (в текстиле можно). Причина — персиковый приелся в евроремонтах начала двухтысячных.
Таблица сочетания цветов в интерьере
Про таблицы
Для начала важно понять, что все правила не абсолютны. В списке способов сочетания я писал про конфликтные цвета и не рекомендовал их. Это не значит, что получится плохо. Просто высокий уровень риска. Ниже пример сочетания конфликтных (синего и красного) на кухне.
Теперь мы знаем:
- Цвета в интерьере сочетаются при одинаковой светимости и насыщенности
- Существуют просто разные типы комбинирования
- Даже конфликтные цвета многим могут нравиться
Это означает, что невозможно формализовать информацию по сочетанию цветов для составления таблицы. Любые попытки заявить об обратном и якобы готовые таблицы сочетаний — не более чем профанация и бред.
Все готовые таблицы сочетания цветов — бред.
Я объяснил вам суть теории цветов. Другие же пытаются выдать частные случаи за тайное знание. Пастельный-зелёный не сочетается с оранжевым, а пастельный-розовый с зелёным не потому, что какие-то люди с тайным знанием внесли это в таблицу, а потому они по-разному удалены от центра цветового круга, зачем их вообще сравнивать.
Именно поэтому я рекомендую брать цвета с внутренней и внешней границы диаграммы. Потому что они подходят к натуральным отделочным материалам.
Просто написать, что светлое дерево не сочетается с ярко-розовым. Но важно понять, что это происходит потому, что они находятся на разном удалении от центра круга. А цветовой круг не выдумка — это отражение физического смысла цветов. И это расстояние отражает их реальные физические свойства.
Модные сочетания
Но если таблицы не работают, то как же сочетание бирюзового и коричневого? Или фисташковый и грязно-розовый?
Это, дамы и господа, мода.
С точки зрения восприятия дизайна, все правильно подобранные комбинации цветов одинаково хороши. А вот по психологии уже есть отличия. Когда что-то входит в моду, оно начинает появляться везде. А чем больше мы что-то видим, тем больше к этому привыкаем, тем больше нам этом нравится. Это чисто психологический приём. Отсюда безбедная жизнь всех знаменитостей —
нам инстинктивно приятно видеть тех, кого мы уже видели. В дизайне тоже самое.
Вот несколько модных сочетаний цветов в интерьерах, которые не лучше и не хуже остальных, просто они популярны:
И это я ещё не отметил, что в разных стилях дизайна, используются и разные палитры и разные способы комбинирования, что вбивает последний гвоздь в крышку гроба любых таблиц.
Надеюсь мне удалось развеять ореол непонятности и мистики вокруг сочетания цветов в интерьере. И что новые инструменты помогут вам сделать дизайн вашей квартиры идеальным. Удачи в ремонте!
Сохраняйте и делитесь — пригодится!
Цветовая гамма и ее значение в дизайне
Цветовой гаммой называется совокупность оттенков и цветов, которые гармонируют между собой, то есть, их можно использовать вместе для оформления интерьера, покраски автомобиля, или какого-либо другого предмета – в общем, для разработки дизайна, и они, сочетаясь между собой, не будут «мозолить глаза».
Подбор цветов является очень важной задачей, так как они могут непосредственно влиять на настроение человека и его физическое состояние: некоторые цвета имеют свойство раздражать нервную систему, а другие наоборот – успокаивают ее.
Даже существует такое направление в нетрадиционной медицине как «цветотерапия» — лечение и выявление некоторых психических расстройств с помощью цвета. Именно поэтому цветовая гамма, окружающая человека, не должна раздражать его, так как это влечет за собой нервное истощение и различные болезни.
Классификация цветовой гаммы, в зависимости от цветов и оттенков, которые они в себя включают, делится на две группы:
- Холодная цветовая гамма – это гамма, которая включает в себя цвета, ассоциирующиеся с холодом, снегом, льдом, глубиной;
- Теплая цветовая гамма – цвета, которые напоминают человеку о жаре, огне, лете, пустыне, солнце:
Существует несколько способов осуществить корректный подбор цветовой гаммы:
- Первый метод заключается в том, что выбирается какой-либо цвет, который является основным в композиции, и его дополняют более светлыми или темными оттенками – это, так называемый, «однотонный» тип оформления;
- Второй метод – выбор цветов, которые гармонизируют друг с другом и не являются оттенками одного цвета, в отличие от первого метода. Этот способ можно рассмотреть на примере сочетания основных цветов радуги с другими:
- Третий метод – это выбор цветов, противоположных друг другу. Такое оформление является довольно ярким и броским, но, в тоже время, оно корректно в плане сочетания цветов. Например: салатовый и розовый, красный и зеленый, и т.д.
Для того чтобы правильно понять правила, по которым определяется сочетание цветовой гаммы, необходимо воспользоваться цветовым кругом (для наглядности). Существует несколько видов сочетания цветов:
- Монохромное сочетание. Подразумевает использование цветов из одного сектора круга:
- Комплементарное сочетание включает в себя два противоположных цвета, как показано на рисунке:
- Триадическое сочетание. Состоит из трех цветов, которые выбираются методом вписывания в круг равностороннего треугольника. Вершины будут указывать на гармонирующие между собой цвета:
- Прямоугольное сочетание. Основано на использовании двух противоположных цветов (комплементарных) и соответствующих им двух аналоговых:
Данные секреты помогут создать корректную совместимость цветовой гаммы без особого труда. Просто нужно следовать правилам использования цветового круга.
Таблица сочетания цветов так же, как и цветовой круг, является удобным вспомогательным инструментом для дизайнера, так как в ней наглядно изображены группы гармонирующих друг с другом цветов:
Такая таблица совместимости цветовой гаммы дает возможность человеку, не владеющему дизайнерским талантом, правильно подобрать цвета для своего продукта, будь то деревянный комод или веб-сайт.
Ни для кого не секрет, что оформление сайта имеет такое же большое значение, как и его контент. Поэтому разработчик должен учитывать данный аспект, чтобы ресурс был успешным. Если цветовая гамма для сайта подобрана корректно, то она будет располагать к себе посетителя, что даст возможность удержать его на данном ресурсе.
К сожалению, не каждый человек может сходу правильно подобрать гамму. Для решения данной задачи существуют веб-ресурсы, которые предоставляют пользователю возможность подобрать цвета для своего сайта. Одним из таких является colory.ru.
Выполнив следующие действия, можно с легкостью подобрать гамму для своего сайта:
- После перехода на сайт первым делом указывается основной цвет. Для этого необходимо передвинуть точку на нужный сектор:
- Далее нужно указать количество цветов, которое будет использоваться для оформления. В данном случае будет использовано три цвета:
- Также можно воспользоваться настройками меню из правого верхнего угла для выбора наиболее подходящего цветового оформления;
- Результатом работы сервиса является соотношение цветовой гаммы, а именно: подборка цветов, которые гармонируют друг с другом и сделают привлекательным сайт любой тематики:
Хроматический круг выступает вспомогательным инструментом для дизайнеров, перед которыми частенько возникает задача подбора цветовых гамм. В основе данного «устройства» лежат три основополагающих цвета: красный, желтый и синий:
Если попарно смешать основные цвета, то получатся еще три цвета: оранжевый, зеленый и фиолетовый. Как видно на картинке, изображение хроматического круга формируется из цветов первого, второго порядка и промежуточных между ними.
Таким образом, если дизайнеру или любому другому человеку понадобиться подобрать цветовую гамму так, чтобы она была скомпонована из гармонирующих цветов, то ему пригодятся такие вспомогательные инструменты, как цветовой круг, хроматический круг, а также онлайн-ресурсы по составлению цветовых гамм.
Стандартные 140 цветов, применяемых в веб-дизайне. Таблица стилей 140 colors
Original: «140 стандартных (безопасных) веб-цветов»,
by WebSunSey on 04 Nov 2019
При стилизации html-страниц часто необходимо использовать различные цвета. Согласно спецификации HTML5 вся стилизация страниц производится в каскадных таблицах стилей — CSS. Обычно на сайтах применяют подключение к html-страницам внешних файлов css, в которых и прописываются все нужные стили. При этом часто возникает необходимость в таблице стилей для каждого элемента прописывать определённый цвет (текста, фона, тени).
Для того, чтобы облегчить работу по стилизации html-страниц, я написал таблицу стилей для стандартных 140 веб-цветов, применяемых в веб-дизайне и распознаваемых всеми браузерами.
С помощью этой таблицы стилей 140 стандартных веб-цветов отпадает необходимость прописывать цвет для каждого html-элемента в каскадной таблице стилей. Достаточно просто подключить к html-странице таблицу стилей 140 стандартных веб-цветов 140colors.css и уже в html-коде применять для элементов необходимый цвет, просто указав его название в качестве класса.
Например, нам необходимо задать синий цвет фона для заголовка h3. Для этого достаточно указать для него:
Пример
<h3>Заголовок на синем фоне</h3>
Результат:
Заголовок на синем фоне
Или задать цвет фона параграфа золотым — gold:
Пример
<p>Параграф из золотым фоном.</p>
Результат:
Параграф из золотым фоном.
Т.е. цвет фона в данном случае указывается в качестве класса. При этом по умолчанию текст на светлых фонах отображается чёрным цветом, а на тёмных фонах — белым цветом.
Также для большей контрастности и эффектности отображения белому тексту на тёмном фоне добавляется тень (как правило чёрного цвета). При этом вы можете открыть код самой таблице стилей 140 цветов и отредактировать, при необходимости поменяв и подкорректировав как цвет текста, так и цвет и толщину тени.
Обратите внимание, что классы для одного элемента можно указывать через пробел, т.е., указав класс с названием цвета, также можно указывать любой другой класс, применяемый к данному элементу.
Пример
<p>Параграф из золотым фоном.</p>
Результат:
Параграф из золотым фоном.
Полный список всех 140 стандартных названий веб-цветов вы можете увидеть на странице 140 стандартных (безопасных) веб-цветов.
Скачать каскадную таблицу стилей из названиями (классами) 140 стандартных веб-цветов вы можете здесь: 140colors.css
Секреты использования таблицы сочетания цветов при оформлении интерьера
При разработке интерьера очень важен правильный подбор цветовой гаммы. К этому вопросу нужно подходить серьёзно, поскольку цвет оказывает сильное влияние не только на эмоциональное состояние. Конечно, при создании интерьера необходимо руководствоваться личными предпочтениями, но при этом требуется придерживаться определённых правил сочетания цветов. Это позволит сделать ваше жилище более уютным, гармоничным и комфортным.
Правильное цветовое решение для спальни
Универсальный цветовой круг
Все цвета делятся на холодные, тёплые и нейтральные. Их выбор является достаточно непростым делом, которое затрудняет работу даже профессионалов. Именно поэтому они используют цветовой круг и специальные таблицы. Однако необходимо помнить, что в пределах одного помещения допустимо сочетать не более 3-5 цветов.
В круг входит 3 главных цвета – жёлтый, красный и синий. Они называются первичными. Из сочетания двух тонов получается три вспомогательных – зелёный, оранжевый и фиолетовый. Комбинацией первичных и вспомогательных цветов достигаются третичные оттенки. Как видим, здесь нет места белому, чёрному и серому цветам.
Совет! Если вам интересно, какими неожиданными могут быть сочетания разных оттенков, обязательно изучите подробный обзор про таблицу сочетания цветов от популярного интернет-журнала HomeMyHome.ru
Универсальный круг
Сочетания на основе универсального круга
Универсальный круг помогает выбрать необходимое сочетание цвета, но делать это необходимо с помощью определённого алгоритма. Существует несколько принципов создания цветовых комбинаций:
- аналоговая триада. В данном случае это 2-4 оттенка, находящиеся один возле другого;
- контраст. Это два цвета, которые располагаются друг напротив друга. Часто используемый приём при создании интерьеров;
- комплиментарная триада. Вместо одного контрастного цвета берётся два оттенка, прилегающие к нему с двух сторон;
- классическая триада. Берется основной цвет, который комбинируется с двумя дополнительными оттенками, расположенными через три сектора от базового.
Принципы цветового сочетания
С помощью данных принципов можно создать большое количество цветовых сочетаний, а благодаря комбинации максимально удалённых пар и сочетаемых четырех цветов число вариаций увеличивается ещё больше. Однако это далеко не всё, поскольку каждый из цветов круга может изменяться по насыщенности. Примеры подобных сочетаний можно найти на https://www.pinterest.ru/.
Подбор цветовых комбинаций при помощи таблицы
Подбор цветовых сочетаний – дело, конечно, интересное, но по неопытности можно легко совершить ошибки. Чтобы значительно облегчить задачу, дизайнеры разработали специальные таблицы, в которых цветовые комбинации даны в количестве 4-6 оттенков. При этом первый цвет является основным, второй и третий – вспомогательные, а остальные – акцентные.
Таблица сочетаемости цветов в интерьере
Использование цвета в интерьере разных помещений
При подборе цветовых комбинаций в интерьере квартиры или дома необходимо учитывать назначение помещений. Посмотреть примеры можно на https://www.houzz.ru/. Рассмотрим принципы подбора цветов для разных помещений.
Ещё один вариант таблицы сочетаемости цветов
При оформлении спальни не стоит использовать резкие контрасты, так как это помещение предназначено для расслабления. Прекрасным решением будут пастельные тона и неяркие оттенки. Рекомендуется использование тёплой цветовой гаммы, но подойдут и холодные тона – однако лишь в том случае, если помещение маленьких размеров, а окна выходят на южную сторону. Сгладить холодность помогут акценты и белый цвет.
Гостиная – хорошее место для экспериментов с цветом. Контрасты или яркие акценты придадут помещению стильный вид и помогут создать ощущение бодрости. Если окна гостиной выходят на северную сторону, уместно использование тёплых оттенков в качестве основы. Если помещение маленькое, то визуально расширить его поможет холодная цветовая палитра.
Таблица сочетаемости основных цветов с другими тонами
В большой прихожей можно использовать широкую цветовую палитру. Для оформления маленьких помещений насыщенные цвета применяют только в виде акцентов. Если же за основу берется тёмный цвет, то его разбавляют при помощи освещения, мебели светлых оттенков или большого зеркала.
Таблица, показывающая, насколько хорошо или плохо сочетаются между собой те или иные цвета
Оформляя кухню, необходимо учитывать предпочтения всех членов семьи. Для создания интерьера большого помещения можно использовать яркие эффектные цвета и тёмную мебель, которая прекрасно смотрится на фоне стен нейтральных тонов. Маленькую кухню стоит оформлять в спокойных тонах, чтобы визуально не сужать пространство.
Несколько слов в завершение
Подбор правильной комбинации цветов – процесс довольно сложный, и для этого стоит воспользоваться специальными таблицами. В данной статье представлены только основы, но в интернете и специальных учебниках по дизайну имеется намного больше вариантов цветового сочетания. Эти варианты обязательно расширят ваши возможности при создании интерьеров. Надеемся, что предоставленная информация поможет вам при оформлении своей квартиры или дома.
Сочетание цветов в интерьере: фото, таблица, правила
Обновлено:
Сочетание цветов в интерьере — основа основ дизайна помещений и особенно жилых пространств.
От того, насколько правильный цвет и оттенок в комнате будет подобран, зависит решительно все! Будет ли в ней комфортно, часто ли придется убирать и даже захочется ли вам спать, есть или танцевать.
Поэтому крайне важно разбираться в базовых принципах интерьерной колористики, даже если вы затеяли ремонт “под ключ” у самого именитого столичного дизайнера.
О них мы сегодня и поговорим.
Содержание статьи
Психология цвета: почему так, а не иначе?
Общеизвестный факт: до 70% информации наш мозг получает с помощью зрения.
Мы различаем предметы по форме, размеру и…цвету.
Какие-то цвета нам нравятся, а какие-то мы категорически не принимаем. Какими-то мы хотим себя окружать, а какие-то видеть как можно реже.
Почему так?
С точки зрения физики, цвет — это не более, чем световые волны различной длины. Их воздействие на наш мозг запускает в нем характерные реакции.
Такое воздействие сугубо индивидуально, однако имеет более-менее общие тенденции. На практике это означает, что один и тот же цвет (световая волна) может восприниматься разными людьми в качестве разных оттенков.
Помните, в описаниях товара на AlieExpress часто прописывают: цвет может отличаться от действительного, в зависимости от настроек вашего монитора?
Так же и с глазами.
Если копнуть глубже, то окажется, что световые волны влияют не только на то, как мы о них “думаем” в момент восприятия, но и как мы к ним относимся. Есть цвета, которые кажутся нам больше, интенсивнее, насыщеннее. Их принято называть “теплыми”. Другие же — напротив, кажутся нам меньше, спокойнее, незаметнее. Они называются “холодными”.
Эту особенность восприятия цвета можно выгодно использовать для создания интерьера маленьких комнат.
С точки зрения психологии — каждый из нас ходячий набор штампов и личного опыта, который подсознательно генерирует ассоциации. Именно ассоциативным мышлением психология объясняет симпатию разных людей к разным цветам.
Тот цвет, который связывается у одних людей с чем-то хорошим и приятным, у других вызывает только самые плохие воспоминания.
Возьмем к примеру красный: у кого-то он ассоциируется с клубникой и летними каникулами, а у кого-то с кровью и больницей.
Ассоциации могут усиливаться, если цвета находятся в связке — зеленый с красным или белый с красным.
Сравните:
Иногда ассоциации настолько сильны и подсознательны, что наш мозг выдает желаемое за действительное. Помните эпопею со злополучным платьем, цвет которого отгадывало все мировое виртуальное сообщество? То-то же.
О психологической подоплеке влияния цвета важно помнить подбирая для будущего интерьера цветовую палитру. Дизайнер должен быть в курсе ваших предпочтений и (особенно!) того, что для вас категорически неприемлемо (при этом совершенно необязательно вдаваться в подробности, почему). Также стоит обсудить этот вопрос с другим жильцами комнаты или квартиры, если вы проживаете не один.
Есть в этом и свои плюсы.
Например, интерьер спальни можно и нужно (!) делать в такой цветовой гамме, которая действует на вас расслабляюще и усыпляюще. Чаще всего именно так воздействует на человека светло-бежевая палитра цветов. Но могут быть и исключения: если вам удается уснуть лишь в полной темноте и тишине, отдайте предпочтение интерьеру спальни в темной цветовой гамме.
Яркие сочные цвета могут провоцировать аппетит, поэтому их уместно использовать в интерьере кухни. А вот строгая черно-белая цветовая гамма стимулирует мозговую деятельность, поэтому именно она чаще всего встречается в интерьерах офисов.
Выбор цвета и даже оттенков для интерьера важен еще и потому, что во многом именно цвет может стать главным аргументом в выборе стилистического решения. Темная гамма натуральных цветов характерна для лофта, а светлая бело-лавандовая — для прованса. Яркие и сочные цвета уместно будут смотреться в интерьере в стилях хайтек, эклектика, фьюжн, поп-арт, а натуральные древесные оттенки — в классике, кантри, эко.
Очень часто бывает, что на волне тренда модным становится выполнять интерьер в каком-то стиле или в каком-то цвете. Но не забывайте, что в погоне за модой вы легко можете потерять себя. То, что нравится всем подряд, для вас может оказаться неподходящим и некомфортным решением. А интерьер — не платье, за полчаса не сменишь. Так стоит ли рисковать?
Цветовой круг и правила его использования в интерьере
Попытки исследовать и систематизировать цвета впервые осуществлялись еще Ньютоном. Именно он составил первую цветовую круговую модель, в основе которой лежали 7 цветов радуги.
Удивительно, но факт: последователем Ньютона в исследовании цветов и составления цветового круга стал Гёте. И не какой-нибудь случайный однофамилец великого поэта, а лично автор “Фауста”. Мы не станем ворошить вехи его биографии и выяснять, заключал ли он мистические сделки ради этого открытия, а простом будем благодарны за то, что именно Гёте выявил 3 базовых цвета — синий, желтый, красный — в процессе смешения которых появляются остальные (вторичные) оттенки: зеленый, оранжевый, фиолетовый и всевозможные их вариации.
Универсальной же круговой моделью цвета, более известной как цветовой круг или круг Иттена является цветовая гамма, в которой использованы основные цвета, вторичные и третичные, то есть те, что образовались благодаря смешению первых двух.
Круг Иттена является must have для каждого колориста-новичка, но многие именитые дизайнеры не расстаются с ним даже имея богатый и насыщенный опыт создания дизайна интерьера.
Цветовой круг является спасательным для тех, кто от природы не обладает талантом колориста. Основное правило подбора цветов, идеально сочетающиеся между собой, такое: сочетайте друг с другом или цвета из одного сектора (актуально для монохромного интерьера квартиры) или из одного ряда интенсивности (актуально для полихромного интерьера квартиры). О типах сочетания цветов в интерьере мы расскажем ниже.
Таблица сочетания цветов в интерьере
Для самых ленивых или неуверенных в своем вкусе людей, дизайнеры разработали целые таблицы сочетания цветов.
Смысл эти таблиц в том, чтобы не заморачиваться и просто использовать уже идеально подходящие друг к другу оттенки.
Наиболее распространенными таблицами сочетания цветов считаются палитры Института цвета Pantone. Ежегодно именно эта организация выбирает главный цвет года и разрабатывает под него целые каталоги сочетания оттенков.
(Подробнее о главном цвете 2018 года можно почитать здесь).
Выглядят таблицы Pantone вот так:
Конкурентами в области создания таблиц сочетания цветов являются всевозможные производители красок (например, DULUX). В этом есть огромный плюс, так как выбрав базовый правильный цвет вы с легкостью найдете к нему идеальную пару. Как говорится, в том же месте, в тот же час.
Если вы склонны вдохновляться образами, то более творческим вариантом станет использование цветовых схем, созданных на основе фото.
Считается, что если картинка выглядит гармонично, то все цвета на ней идеально сочетаются друг с другом.
Так это или нет, вы можете проверить на наглядных примерах:
Принципы и типы сочетания цветов в интерьере
Существует несколько ключевых схем сочетания цветов.
Аналоговое сочетание цветов в интерьере
Сочетание нескольких схожих оттенков, плавно перетекающих друг в друга.
В цветовом круге оно выглядит вот так:
Как правило, такие сочетания часто встречаются в природе и рекомендуются для оформления “спокойных” пространств квартиры (спальня).
Комплементарное (контрастное) сочетание цветов в интерьере
Сочетание контрастных оттенков. В цветовом круге такие оттенки располагаются в противоположных секторах. Лучше всего такое сочетание работает в ванной комнате или санузле, где места для использования поликомпонентной цветовй гаммы немного, но приглушенность оттенков не играет значительной роли.
Триадное сочетание цветов в интерьере
Сочетание трех оттенков — считается классикой и основой основ колористики. Оно используется в большинстве жилых пространств в квартире — в гостиной, в спальне, на кухне.
В цветовом круге для сочетания трех оттенков используется треугольник. Он может быть равносторонним или нет. Во втором случае третий оттенок, как правило, используется в качестве акцентного.
Сочетание четырех и более оттенков
Полихромные интерьеры чаще всего используются для детских. Они яркие, насыщенные, многослойные, что обусловлено особенностями детской психики и детского мировосприятия. В цветовом круге в качестве схемы могут быть использованы такие фигуры как квадрат, прямоугольник и другие многоугольные фигуры.
12 популярных цветов в оформлении интерьера
Белый
Самый чистый и светлый цвет, который часто в интерьере используется как основной или же в качестве связующего для других оттенков. Один из базовых цветов прованского стиля. Несколько лет назад был очень популярен “в чистом виде”, но сегодня дизайнеры все чаще сходятся в необходимости комбинировать его с яркими насыщенными оттенками.
Серый
Стал популярен в интерьерном дизайне не благодаря знаменитым “50-ти оттенкам”, а исключительно в силу своей глубины и многогранности. Характерен для стилей лофт, хайтек, минимализм, индустриальный. Стал востребованным после вхождения в моду необработанных бетонных текстур. Отлично сочетается с яркими теплыми оттенками.
Черный
Черный — это классика. Уместен практически во всех стилях интерьерного дизайна. Наравне с белым сочетается со всеми оттенками. Часто используется в качестве акцентного цвета, но в последнии годы усиливается тенденция к выбору его как основного цвета интерьера. Достаточно практичен для оформления спальни и гостиной, а вот в помещениях с водой (кухня, ванная комната, санузел) могут возникать трудности из-за белых мыльных разводов на черных поверхностях. Не рекомендуется к использованию в детской.
Красный
Самый жаркий и динамичный цвет. В большой концентрации может восприниматься как чересчур агрессивный, поэтому его рекомендуют использовать в качестве акцентного. Уместен для современных и смелых стилей — хайтек, эклектика, фьюжн, поп-арт.
Оранжевый
Один из наиболее редко используемых в интерьере оттенков. По темпераменту и динамике очень схож с красным. Насыщенные оттенки оранжевого часто используются в кухнях, ванных комнатах, санузлах, детских. Для таких комнат как гостиная, спальня, прихожая дизайнеры стремятся выбирать более мягкие и приглушенные цвета: персиковый, абрикосовый, коралловый, лососевый.
Оранжевый как основной цвет очень характерен для стиля лофт. Однако допускается к использованию только один его оттенок: кирпичный.
Желтый
Солнечный и жизнерадостный — именно так можно охарактеризовать желтый цвет в интерьере. Наиболее популярен в оформлении детских.
Желтый отлично гармонирует как с теплой палитрой оттенков, так и с холодной. Визуально очень повышает температуру помещения, поэтому не рекомендуется для оформления комнат с южной или восточной стороны дома.
Зеленый
Цвет, ассоциирующийся с гармонией, природой и спокойствием. Известен своим расслабляющим воздействием в целом и на глаза в частности. Рекомендован к оформлению учебных заведений. Считается, что интерьер, выполненный в оттенках зеленого, помогает человеку перезагрузиться, вдохновиться и получить заряд бодрости и энергии. Допускается в оформлении ВСЕХ жилых пространств. Чаще всего используется в классическом и стиле эко.
Розовый
Нежный, игривый и даже несколько инфантильный оттенок. До 90% спален для девочек оформлены именно в нем. Сочетается с белым, серым, черным, красным, фиолетовым цветами. Используется в стилях прованс, рококо, гламур, поп-арт и арт-деко.
Синий
Синий — это новый черный. Как и серый, достаточно глубокий и многогранный цвет, позволяющий универсально использовать его во всех жилых пространствах. Допускается к использованию в оформлении комнат в любом стиле, но наиболее характерен для прованса, морского стиля, эклектики, хай-тек, арт-деко.
Фиолетовый
В 2018 году один из оттенков фиолетового признан специалистами Института цвета Pantone цветом года. Фиолетовый достаточно необычный и непривычный цвет для оформления квартир постсоветского пространства, поэтому воспринимается как интригующий, загадочный, креативный. Характерен для современных стилей оформления помещений. Сочетается с желтым, фисташковым, оранжевым, белым, серым, черным.
Коричневый
Универсальный цвет натуральной древесины, благодаря чему является основным цветом классического интерьера. Считается нейтральным по всем параметрам.
Бежевый
Более мягкая и утонченная версия коричневого оттенка. Ненавязчивый, приятный, успокаивающий цвет. Очень часто используется в интерьере квартир и (особенно!) в спальнях. Прекрасно дополняет и подчеркивает большую часть оттенков, используемых в интерьере. Чаще всего используется в качестве основного цвета в сочетании с серым, коричневым, синим или черным.
Как Вы оцените эту статью?Читайте также
Цвет в дизайне интерьера
В основе любого интерьера лежат такие основополагающие элементы, как линия, форма, пространство, цвет и свет. В этой статье мы поговорим о роли цвета и о том, как с ним работать.
С точки зрения визуального и эмоционального восприятия цвет – самый важный из вышеперечисленных элементов. Он задает интерьеру общее настроение, подчеркивает его стилистику, помогает сфокусировать внимание на объемах, формах и элементах, наполняющих пространство.
Цвет и его характеристики
Физика цвета. С научной точки зрения «цвет — достаточно субъективное понятие, так как это результат восприятия человеком световых волн разной длины, попадающих на сетчатку глаза. Световые волны в свою очередь являются частью электромагнитного излучения. Интересно то, что сами по себе волны цветом не окрашены, а цвета, по сути, рождаются у нас в голове.
Цвета разделяют на хроматические (от греческого «цветные») — красный, желтый, синий, зеленый и др., а также ахроматические (от греческого «бесцветный, «неокрашенный») – белый, черный, серый и его оттенки.
Цветовой круг и таблица сочетания
Разрабатывая колористическую концепцию интерьера, дизайнеры опираются прежде всего на существующие теоретические знания о цвете – принцип цветового круга и таблицы сочетания цветов.
С принципом цветового круга можно ознакомиться в книге швейцарского художника и теоретика искусства Иоханнеса Иттена «Искусство цвета», настольной для дизайнеров и архитекторов по всему миру. Цветовой круг наглядно демонстрирует схемы сочетания цветов и то, как различные оттенки взаимодействуют друг с другом.
Разобраться с оттенками помогут и таблицы сочетания цветов в интерьере. Их без труда можно найти в интернете, построены они по одному и тому же принципу: таблица показывает, какие цвета гармонируют друг с другом, а какие нет. Например, с красным сочетается зеленый и синий, а фиолетовый и коричневый, наоборот, не сочетаются. К желтому подходят серый и черный, но плохо сочетается бордовый и розовый.
Также в ряде таблиц можно найти примеры того, как разные породы дерева сочетаются с разными оттенками в интерьере, что важно иметь в виду во время разработки дизайн проекта.
Стилистика и тренды
В поисках цветовой гаммы для интерьера можно обратиться к палитре присущей тому или иному стилю.
Классические интерьеры обычно строятся на пастельных и нейтральных сочетаниях. Минимализм предполагает лаконичную гамму на основе ахроматических цветов и минимуме цветных акцентов. В стиле лофт базу колористического решения составляют ахроматические черные и серые цвета в сочетании с хроматическими оттенками красного, оранжевого, синего и зеленого.
Помимо устоявшихся цветовых сочетаний в рамках конкретных стилей каждый год Pantone – институт, исследующий цвета, назначает новый цвет года, который оказывает влияние на индустрию моды и дизайна. В 2017 году главным цветом года был зеленый, а в 2018 — ультрафиолетовый.
Конечно, дизайн не может ограничиться одним цветом. Обычно наряду с «главным» цветом возникает и тренд других актуальных оттенков. Но не стоит также забывать, что мода скоротечна, а тренды изменчивы, поэтому при выборе гаммы для интерьера лучше отдать предпочтение сочетаниям, которые никогда не выйдут из моды.
Беспроигрышное решение
В современных интерьерах дизайнеры очень часто прибегают к использованию нейтральных оттенков в отделке. А все потому что:
• простые, нейтральные цвета создают спокойной фон, от которого сложно устать;
• они подходят для разных интерьерных стилей – от классики до минимализма и прованса;
• нейтральная отделка стен дает возможность сделать акцент на дизайнерской мебели, ярком текстиле, интересном декоре.
Белый, бежевый и серый – самые популярные нейтральные цвета.
Белый
Лаконичные белые стены вошли в моду вместе со скандинавскими интерьерами. Это базовый цвет, который отлично сочетается, как со спокойными оттенками, так и с акцентными, яркими цветами, а также со многими породами дерева. Белый добавляет пространству воздуха, визуально расширяя его, это отличный фон для дизайнерской мебели и декора. При выборе краски стоит учитывать, что белый бывает разным – холодным и теплым. Обязательно делайте выкрасы на объекте, чтобы понять, какой оттенок белого подойдет вашему интерьеру.
Бежевый
Многие любят бежевый за его универсальность. Кажется, что этот цвет никогда не выйдет из моды и подходит для большого количества интерьерных стилей. Бежевый спокойный, мягкий и не раздражающий. Он имеет много сложных оттенков: серо-бежевые, коричнево-бежевые, розово-бежевые и др.
Интерьер с бежевыми стенами теплый и уютный. Но всегда есть опасность, что такой фон будет слишком скучным и заурядным, поэтому рекомендуем сочетать бежевый с оттенками, гармонирующими с ним. С бежевым сочетаются белый, голубой, бирюзовый, коричневый и серый.
Серый
Серый цвет вошел в моду пару лет назад. Он очень простой, но на самом деле может быть очень разным и сложным, поскольку имеет большую градацию оттенков. В зависимости от выбранного оттенка стены могут быть как нейтральными, так и акцентными. При смешении серого с другими цветами возникает много интересных тонов – серо-голубой, серо-бежевый, антрацитовый, цвет мокрого асфальта и многие другие.
Самое интересное, что серый сочетается с большим количеством цветов – как со светлыми, пастельными (розовый, голубой, салатовый), так и с насыщенными, яркими (красный, желтый, синий), а также с белым и черным.
Разрабатывая цветовое решение будущего интерьера, важно помнить о том, что цвета оказывают влияние на наше настроение и самочувствие, поэтому очень важно выбрать именно те оттенки, которые будут способствовать отдыху и комфорту, не будут раздражать и утомлять. Каждый цвет, как и человек, индивидуален, имеет свои неповторимые свойства и особенности!
Что такое теория цвета? | Фонд дизайна взаимодействия (IxDF)
Выбор наилучшего сочетания цветов для интерактивного макета — это не игра в угадывание, как может показаться. Зная, какие из них использовать, вы сэкономите время (и избавитесь от головной боли). Если вы сделаете это правильно, ваши пользователи останутся на связи.
С первых дней развития искусства и дизайна использование цвета следовало многим правилам и рекомендациям, которые в совокупности известны как теория цвета .
Цветовая схема — один из первых элементов, передающих идею дизайна как на визуальном, так и на психологическом уровне.На самом деле цветовая гамма — один из важнейших элементов; это потому, что при правильном использовании цвет может отражать нишу и даже общую маркетинговую стратегию бизнеса.
В этой статье мы кратко рассмотрим различные цветовые классификации, чтобы освежить вашу память о тех классах графического дизайна, которые вы посещали в университете. Мы уверены, что этот контент будет не только звонком, но и вдохновит вас на творчество.
Цветовой круг
Отношения между цветами можно показать с помощью цветового круга.
Цветовой круг показывает связи между разными цветами на основе красного, желтого и синего содержимого каждого цвета. Впервые он был разработан сэром Исааком Ньютоном в 1666 году.
Автор / правообладатель: Maximkaaa. Условия авторского права и лицензия: Public Domain
Самый полезный и наиболее часто используемый вариант цветового круга показан на изображении выше, который включает красный, красно-оранжевый, оранжевый, оранжево-желтый, желтый, желто-зеленый, зеленый, зелено-синие, синие, сине-пурпурные, пурпурные и пурпурно-красные сочетания.(Камень, 2008).
Блейхер (2011) заявил, что цветовое колесо можно разделить на три основных типа цветов на основе комбинации основных цветов, используемых для создания окончательного цвета, следующим образом:
- Основные цвета — желтый, красный и синий. Это основные цвета, которые нельзя разделить на более простые цвета.
- Вторичные цвета — создаются путем смешивания двух основных цветов. Вторичные цвета — оранжевый, зеленый и фиолетовый.Смешивание желтого и красного дает оранжевый; смешивание синего и желтого дает зеленый цвет, а смешивание синего и красного дает фиолетовый.
- Промежуточные или третичные цвета создаются путем смешивания основных и дополнительных цветов для образования гибрида, например желто-оранжевого, красно-оранжевого, красно-фиолетового, сине-фиолетового, сине-зеленого и желто-зеленого. На цветовом круге большего размера, чем показанный выше, смесь промежуточных, вторичных и основных цветов создаст четвертичные цвета.
Тщательное понимание цветового круга и взаимосвязи между цветами позволяет дизайнерам лучше понимать цвет и знать, как выбирать цвета для своего дизайна.Мы скоро к этому вернемся.
Достижение гармонии в цвете
Цвета должны быть выбраны так, чтобы обеспечить повышенную эстетическую привлекательность и удобство использования. Это означает, что неплохо подумать о том, какую цветовую схему вы будете использовать в начале процесса дизайна. То, как сочетаются цвета, может либо улучшить внешний вид, либо ухудшить его.
Автор / правообладатель: Неизвестен. Условия авторского права и лицензия: Неизвестно
Согласно Bleicher (2011), существует пять основных цветовых схем (а также некоторые комбинации и варианты этих схем), которые позволяют дизайнерам достичь гармонии в своих проектах:
Монохроматическая схема
монохроматическая схема основана на цветах, созданных из разных оттенков (созданных путем добавления черного или белого к исходному цвету), тонов и оттенков одного оттенка.Теоретически это самая простая из всех схем. Монохроматическая схема обычно используется в минималистичных дизайнах, потому что один оттенок должен приводить к менее отвлекающему макету.
С другой стороны, эта схема означает, что вы не можете использовать несколько цветов для облегчения визуализации информации в пользовательском интерфейсе (UI). Это единственная цена простоты.
Аналогичная цветовая схема
Аналогичная схема основана на трех цветах, расположенных рядом друг с другом на цветовом круге (например,г., красный, красно-оранжевый и красно-фиолетовый). Эту схему легко найти в природе — представьте себе деревья осенью, когда листья меняют цвет.
Есть вариант этой схемы, аналог «high-key». Это достигается путем смешивания ваших аналогичных оттенков с белым. Эта версия обычно встречается в искусстве импрессионизма, особенно в раннем искусстве импрессионизма. Достигается эффект, при котором цвета кажутся «переливающимися» и «размытыми» друг в друге — если смотреть с расстояния, это может создать иллюзию того, что используется только один цвет.
Дополнительные схемы
Дополнительные цветовые схемы используют одну (или несколько) пар цветов, которые при объединении «нейтрализуют друг друга». Например, когда вы комбинируете два цвета, получается белый или черный (или что-то очень похожее на шкале серого). По этой причине эта схема также известна как схема «противоположных цветов».
Когда вы кладете два дополнительных цвета рядом друг с другом, они показывают наибольший контраст. В современной теории цвета используются пары красный / голубой, зеленый / пурпурный и синий / желтый.
Разделенно-дополнительная (иногда «Составная гармония») Схема
Это комбинация использования дополнительной цветовой схемы и аналогичной цветовой схемы. По сути, выбираются дополнительные цвета, а затем цвета по обе стороны от них на цветовом круге также используются в дизайне. Считается, что это смягчает воздействие дополнительной цветовой схемы, которая в некоторых ситуациях может быть слишком смелой или слишком резкой для глаза зрителя.
Триадический
Триадическая схема основана на использовании трех цветов на равном расстоянии друг от друга на цветовом круге.Самый простой способ найти триадную схему — поставить равносторонний треугольник на колесо так, чтобы каждый угол касался одного цвета. Три цвета будут расположены точно на 120 ° друг от друга.
Эти схемы считаются яркими (даже если сами оттенки нет) — они сохраняют гармонию, но обеспечивают высокий уровень визуального контраста. Вы можете найти триадические схемы во многих произведениях искусства, поскольку с помощью триадной схемы легче добиться приятного визуального результата, чем при использовании дополнительной схемы.
Tetradic
В схемах Tetradic используются два набора дополнительных пар: четыре цвета. Они могут создавать очень интересные визуальные впечатления, но их трудно поддерживать в равновесии. Почему? Это потому, что один цвет тетрадной схемы должен преобладать над другими цветами, не подавляя их полностью. Равное количество каждого цвета часто приводит к очень неловкому виду — это последнее, что вы хотите, чтобы ваши пользователи видели.
Квадрат (вариант тетрадика)
Квадратная схема — это вариант тетрадной схемы.Вместо того, чтобы выбирать две дополнительные пары, вы помещаете квадрат на цветовом круге и выбираете цвета, лежащие в его углах. Таким образом, вы найдете четыре цвета, равномерно разнесенные под углом 90 ° друг от друга. В отличие от четырехцветной цветовой схемы, этот подход часто работает лучше всего, когда все цвета равномерно используются во всем дизайне.
Цветовая температура
Цвета можно использовать для передачи эмоционального контента, а также для улучшения внешнего вида вашего веб-сайта. Сейчас мы говорим о перемещении людей, о пробуждении страстей и чувств у наших пользователей.Здесь стоит отметить, что культура, пол, опыт людей и т. Д. Также будут влиять на то, как цвета будут резонировать с ними, и что исследования пользователей являются лучшим индикатором эмоциональной реакции на цвет, чем следующие рекомендации, основанные на цветовом круге. Например, знаете ли вы, что в Китае красный цвет распространен, потому что он символизирует счастье и процветание, а белый цвет считается погребальным или символизирует несчастье? Кроме того, китайская культура имеет уникальный цвет — qing — что-то вроде голубовато-зеленого серого, или «grue».В Греции желтый цвет означает печаль, а красный — это понятие в Южной Африке. Цвет — это большая проблема в том, как люди из разных уголков мира интерпретируют ваш дизайн. Небольшое исследование имеет большое значение.
Однако, если вы хотите следовать подходу цветового круга, есть три индикатора цветовой температуры: «теплый», «холодный» и «нейтральный»:
- Теплые цвета — Это цвета, расположенные на половине цветовой круг, включающий желтый, оранжевый и красный.Считается, что эти цвета отражают такие чувства, как страсть, сила, счастье и энергия.
- Холодные цвета — Это цвета, расположенные по другую сторону цветового круга, включая зеленый, синий и фиолетовый. Считается, что холодные цвета отражают спокойствие, медитацию и успокаивающие впечатления.
- Нейтральные цвета — Говорят, что они не отражают какие-либо особые эмоции. Эти цвета включают серый, коричневый, белый и черный.
Ваш выбор цветовых категорий будет зависеть от того, чего вы пытаетесь достичь с помощью своего веб-сайта.По возможности всегда следует тестировать свои цветовые палитры с пользователями, чтобы убедиться, что сделанный вами выбор отражает их реалии. Почти всегда легче установить и протестировать цветовую палитру на ранних этапах процесса разработки, чем в конце. Помимо всего прочего, это может сэкономить ваше драгоценное время.
The Take Away
Цвет, несомненно, является важной частью эстетической привлекательности дизайна. Основание вашей цветовой палитры на одной из существующих цветовых схем может облегчить достижение правильного баланса с самого начала.
Цветовой круг — это основной инструмент, созданный сэром Исааком Ньютоном в 1666 году. В нем мы находим:
- Основные цвета
- Вторичные цвета
- Промежуточные или Третичные цвета
Мы должны стремиться точно настроить наш выбор цветов, чтобы создать максимальную гармонию, учитывая в то же время следующее, чтобы выбрать наиболее подходящую схему:
- Монохроматическая схема
- Аналогичная цветовая схема
- Дополнительные схемы
- Сплит-дополнительные (составная гармония) схема
- Триадическая
- Тетрадическая
- Квадрат
Цветовая температура — еще одно важное соображение; это та роль, которая может заинтересовать людей и заставить их увлечься нашей работой.Вы всегда должны проводить пользовательское тестирование цветовых схем, если это возможно, а в идеале — в начале процесса проектирования. Кроме того, всегда помните, что цвета имеют множество культурных коннотаций, поэтому убедитесь, что вы знаете о них!
С другой стороны, помните, что вы должны передавать , а не , то есть , только с цветом. Около 8% людей, в основном мужчины, страдают дальтонизмом, и цвет не всегда доступен. Даже в этом случае цвет — это инструмент, который может улучшить другие элементы вашего дизайна.Считайте его крупным ингредиентом, который может оживить вашу работу и привлечь ваших пользователей, заставив их больше заботиться о вашем продукте, услуге или сообщении.
Где узнать больше
Ссылка
Изображение героя: Автор / Правообладатель: Джордж Филд. Условия авторских прав и лицензия: Public Domain.
Color Wheel Primer | HGTV
В 1666 году сэр Исаак Ньютон провел эксперимент с призмой, в котором он обнаружил, что чистый белый свет содержит полный спектр цветов — по сути, создав первое в мире цветовое колесо.Отсюда философы, ученые, художники и дизайнеры продолжили изучение компонентов цвета и его физических, психологических и философских эффектов.
Колесо Ньютона состоит из 12 цветов, которые подразделяются на три категории:
Вторичные цвета создаются путем смешивания основных цветов.
Третичные цвета — это комбинация вторичного цвета и основного цвета рядом с ним.К ним относятся желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый.
Теперь, когда вы знаете цвета, есть четыре распространенных способа их использования в доме.
Сделайте маленькими шагами к цвету с монохромной схемой. Это просто один цвет с разной интенсивностью от светлого до темного.
Разветвляйтесь на цвета по аналогичной схеме, которая состоит из двух-шести цветов, расположенных рядом друг с другом на колесе.
Хотите получить высококонтрастные цвета? Используйте дополнительную схему — она включает оттенки, которые находятся прямо напротив друг друга на колесе.
Схема триады смелая, но, что более важно, она сбалансирована. Он состоит из трех любых цветов, образующих треугольник в центре колеса.
Помимо понимания того, как цвета работают вместе, также полезно знать три измерения цветов на круге.
Оттенок обычно используется как синоним слова «цвет», но технически относится к цветам чистого спектра в цветовом круге.
Значение оттенка определяется добавлением белого для создания оттенка, черного для создания оттенка или серого для создания оттенка.
Насыщенность — это чистота оттенка. Цвета на круге считаются в чистом виде.Когда цвета перемещаются к центру, как показано на рисунке справа, они считаются ненасыщенными там, где не доминирует ни один оттенок.
Вы дрожите, когда находитесь в голубом пространстве? Проветрите себя в комнате, полной красного? Не волнуйтесь — этому есть научная причина. Цвета неразрывно связаны с природными элементами, такими как огонь, вода, небо, вызывая определенные реакции, как если бы вы видели и испытывали это на собственном опыте.
Холодные цвета, такие как синий и зеленый, делают именно это — охлаждают и успокаивают ваш разум, тело и дух.Неудивительно, что мы устремляемся к океану и горам, чтобы освежить свои чувства. Эти оттенки лучше всего использовать в комнатах, где царит безмятежность.
Если вам нравятся холодные цвета, обратите внимание на эти освежающие комнаты, где можно найти вдохновение для украшения:
Теплые цвета, такие как красный, оранжевый и желтый, излучают энергию и интенсивность, не имеющую себе равных среди их более прохладных собратьев. Используйте эти оттенки в комнатах, где вы ожидаете (и хотите) активности и стимуляции, например на кухне, в детской игровой или в помещении для упражнений.
Если вам нужны теплые тона, обратите внимание на эти номера:
Установка пользовательских цветов диаграммы в конструкторе страниц
Обзор
После добавления диаграммы на страницу портала пользователь может настроить цвета для каждого столбца на диаграмме. Пользователь должен ввести имя столбца при настройке его цвета.
Пример
Чтобы настроить цвета диаграммы, выберите диаграмму в рабочей области конструктора страниц.На панели свойств установите флажок Use Custom Color , затем определите цвета с помощью диалогового окна Pick Color . Некоторые типы диаграмм не позволяют использовать отдельные пользовательские цвета.
Примечание
В этой статье используется уже существующий отчет. Чтобы узнать больше о создании отчетов, перейдите сюда.Цель этого примера:
- Добавить диаграмму на страницу.
- Установите пользовательские цвета для столбцов диаграммы.
Для начала перейдите к папке Designer и перейдите к All> Manage> Page> Add Page button.
В открывшемся диалоговом окне Create New Page назовите страницу и выберите Create , чтобы открыть конструктор страниц.
Начните с панели Page Elements , перетащив компонент диаграммы Pie в рабочую область из категории Reports> [Existing Reports]> [Current Folder]> Report: Report 1> Chart: Count (folder_type_name ) .
На панели свойств в разделе Chart Settings установите флажок Use Custom Colors , затем щелкните селектор Add New .
В диалоговом окне Pick Color выберите цвет и щелкните PICK . Пользователь также может определить собственный цвет, выбрав Advanced . Выберите ОК , чтобы завершить присвоение этому значению цвета. Вернувшись на панель Properties , назначьте больше цветов для определенных значений.
На панели Properties в разделе User Defined Colors назначает больше цветов для определенных значений. Ваши изменения не будут видны в конструкторе страниц.
На этом страница завершена. Сохраните и закройте конструктор страниц.
Для просмотра диаграммы выберите вновь созданную страницу и выберите View> Preview Page в меню Action .
Откроется страница, на которой отображается диаграмма с заданными пользовательскими цветами.
Была ли эта статья полезной?
Да Нет
Общая таблица цветов | 5+ таблиц для печати (Word
Общая таблица цветов вдохновляет дизайнеров.Графическим дизайнерам, дизайнерам интерьеров, веб-дизайнерам, дизайнерам продуктов и т. П. — всем нужны цветовые темы. Вместо того, чтобы по умолчанию использовать свои привычные цвета, дизайнеры могут рискнуть, используя общую цветовую таблицу, чтобы помочь им.
Шаблоны цветовых диаграмм
Скачать
Таблица цветов General Polymers,
Скачать
Шестнадцатеричная диаграмма цветового градиента,
Скачать
Диаграмма PMS с преобразованием RGB HTML,
Скачать
Шаблон цветовой диаграммы PMS,
Скачать
Как могут помочь таблицы цветов?
Схема вашего бизнеса
Общая цветовая диаграмма включает все основные цвета, вторичные цвета и другие цвета.Лучше видеть цвет, чем его воображать. Выбор цвета — это первый шаг. Какой тон или оттенок цвета идеально подойдет для логотипа вашего бизнеса? Что ярко-оранжевый скажет вашим клиентам, если вы используете его для дизайна заголовка канцелярских товаров? Общая таблица цветов поможет вам раскрасить линии. Вы не ошибетесь, если правильно воспользуетесь таблицей.
Улучшение вашего дома
Вы хотите улучшить свой дом? Вы можете вдохновиться цветами для каждой комнаты и каждой детали.Будет ли ваш выбор акцентного цвета стены сочетаться с другими выбранными вами цветами? Вы можете решить, изучив график. Иногда время — это роскошь, и вы не сможете посетить местный хозяйственный магазин, чтобы выбрать образцы. Вы можете скачать диаграмму сегодня и найти цвет, который вам нравится. Завтра отнесите его в хозяйственный магазин, и они вам подберут. Это так просто.
Проектирование Интернета
Если вы веб-дизайнер, графический дизайнер или дизайнер обложек книг, цвет имеет значение.Вы должны убедиться, что выбрали лучшую цветовую тему для своего проекта. У ваших клиентов может быть видение общего дизайна, но ваша работа как дизайнера — убедиться, что дизайн является профессиональным и использует цвет для привлечения внимания. Правильный цвет может помочь обложке книги выделиться на Amazon. Правильный цвет может превратить флаер в настоящую сенсацию. Цвета имеют значение, и вы можете убедиться, что используете правильный, сверяясь с общей таблицей цветов.
Если вы дизайнер, вам необходимо иметь общую цветовую таблицу.Вы можете скачать 5 образцов, которые помогут вам с вашими задачами.
5 лучших составителей схем вязания для дизайнеров трикотажных изделий
Независимо от того, являетесь ли вы профессиональным дизайнером или только начинаете, в конечном итоге вы захотите создать цветовую таблицу или таблицу с символами для таких техник, как кружево или кабели. Есть так много ресурсов для создания этих диаграмм. Это может быть очень ошеломляющим!
Здесь мы разберем пару самых популярных онлайн-производителей схем вязания и дадим вам краткую информацию об их функциях и стоимости.
Хотя существует множество мобильных приложений для создания диаграмм, здесь мы сосредоточимся на онлайн-конструкторах диаграмм, к которым вы можете получить доступ со своего компьютера. У каждого дизайнера разные потребности, поэтому нет единого средства создания волшебных диаграмм, подходящего для всех. Попробуйте несколько из них и посмотрите, какой из них вам больше нравится.
Создатели таблиц для цветного вязания
KnitPro 2.0
Стоимость: Бесплатно
Как это работает: KnitPro берет изображение и превращает его в цветовую таблицу для вязания крючком, спицами или иглой.Программа создает диаграмму PDF, которую вы можете использовать. Я создал диаграмму, изображенную выше, загрузив фотографию лоскутного одеяла, и программа создала эту удобную диаграмму цветовой гаммы, которую я мог использовать для вязания того же рисунка.
Если вы решите использовать эту программу, для достижения наилучшего результата рекомендуются четкие изображения с резкими контрастами.
Ознакомьтесь с KnitPro здесь.
Создатель схем вязания от TricksyKnitter
Стоимость: Бесплатно
Как это работает: Создатель схем вязания позволяет вам создать свою собственную схему, а затем поделиться ею с сообществом вязальщиков.Вы также можете просмотреть другие таблицы, которые вязальщицы бесплатно сделали общедоступными. Этот инструмент очень прост в использовании, и есть обучающее видео, которое покажет вам, как создавать диаграммы в действии.
Ознакомьтесь с создателем схем вязания здесь.
Создатели схем вязания для цветов и символов
Chart Minder
Стоимость: Бесплатно при регистрации учетной записи
Как это работает: Chart Minder позволяет сканировать изображения и фотографии для создания цветовых таблиц, как и Инструмент KnitPro, указанный выше.
Вы также можете создавать диаграммы с помощью символов. Я создал диаграмму символов, изображенную выше, с помощью Chart Minder. Просто поместите курсор на блок, который хотите изменить (см. Пример строки 7, строчка 9), затем выберите символ строчки из палитры. Диаграмма поставляется с предварительно загруженными символами, поэтому вам не нужно обращаться к каким-либо сторонним источникам, чтобы узнать, какой символ вам нужно использовать.
Создателем диаграмм можно пользоваться бесплатно, но для его использования необходимо создать учетную запись. У вас также есть возможность сделать пожертвование, чтобы выразить признательность создателям Эбби и Лорен.
Ознакомьтесь с Chart Minder здесь.
Stitch Fiddle
Стоимость: Бесплатно при регистрации учетной записи
Как это работает: Миссия Stitch Fiddle — упростить проектирование, чтобы дизайнеры тратили меньше времени на графики и больше времени на вязание. Это миссия, которую мы все можем выполнить!
Этот составитель диаграмм имеет простой в использовании интерфейс. Когда вы создаете свою диаграмму, у вас есть возможность поделиться ею, сохранить и распечатать.Как и большинство других производителей цветовых диаграмм, вы также можете загрузить фотографию, чтобы создать собственную цветовую диаграмму.
Проверьте Stitch Fiddle здесь.
Stitch Mastery
Стоимость : 60 британских фунтов (примерно 78 долларов США)
Как это работает: Stitch Mastery — это средство создания диаграмм для многих профессиональных дизайнеров и технических редакторов. Однако он не бесплатный, как остальные упомянутые нами инструменты. Однако, если вы рассматриваете проектирование как бизнес, возможно, стоит инвестировать в это программное обеспечение.
Это программное обеспечение включает в себя множество дополнительных функций, которых нет в бесплатных инструментах, например создание письменных инструкций из диаграммы. Программное обеспечение также выдает предупреждение, если в таблице отсутствует что-то вроде перегиба или уменьшения пряжи. Кроме того, существует множество возможностей настройки, которые не предоставляет бесплатное программное обеспечение, чтобы вы могли постоянно брендировать свои диаграммы.
Проверьте Stitch Mastery здесь.
Принципы дизайна: Цвет — SitePoint
За последние пять недель я написал о простых принципах, которые можно использовать для улучшения дизайна, а именно о контрасте, близости, балансе и ценности.В этой заключительной части серии мы рассмотрим цвет. Цвет в дизайне — огромная тема сама по себе, и я, несомненно, вернусь к ней в будущих сообщениях блога, но сегодня давайте посмотрим, как вы можете использовать цветовые схемы для создания настроения для вашего дизайна.
Цвет — неотъемлемая часть нашей жизни. Природа использует цвет, чтобы предупредить потенциальных хищников, привлечь опылителей, привлечь партнеров и показать, что фрукты готовы к употреблению. Любой, кто водит машину в городе, следует правилам дорожного движения, обозначенным красным, зеленым и желтым цветом, текст не требуется.В рекламе и дизайне цвет используется для привлечения внимания и стимулирования интереса способами, которые было бы трудно создать другими способами. На протяжении всей истории цвет использовался для обозначения статуса, например, дворянство и королевская власть ассоциируются с пурпурным цветом, а цвет был важным источником символизма во многих странах.
Что-то здесь не так.
Итак, как вы подойдете к выбору правильных цветов для вашего дизайна? Не существует единого жесткого правила, но цветовой круг — хорошее место для начала.
Тепло и прохладно
Три традиционных основных цвета — красный, синий и желтый. Когда вы объединяете их, вы получаете три вторичных цвета: оранжевый, фиолетовый и зеленый. Когда вы комбинируете каждый вторичный цвет с соседним основным, вы получаете шесть третичных цветов: желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый, красно-фиолетовый, красно-оранжевый. Вот откуда взялось цветовое колесо.
На изображении выше показаны цвета, расположенные в порядке спектра: красный, оранжевый, желтый, зеленый, синий и фиолетовый (против часовой стрелки).Красный — самый теплый, а синий — самый холодный цвет. Теплые тона появляются в красной, оранжевой и желтой части спектра, а холодные тона появляются на противоположной стороне цветового круга.
Монохроматические цветовые схемы
В монохроматической цветовой схеме используются вариации яркости и насыщенности одного цвета . Эта схема, как правило, выглядит аккуратно, элегантно и оказывает успокаивающее действие. Основной цвет может быть объединен с нейтральными цветами, такими как черный, белый или серый.Обратной стороной монохроматических цветовых схем является то, что иногда им не хватает контраста и они кажутся менее яркими, чем некоторые другие схемы.
Монохромная схема с синей основой
Монохромная схема с красной основой
Аналогичные цветовые схемы
В аналогичной цветовой схеме используются цвета, расположенные рядом друг с другом на цветовом круге. Один цвет устанавливается как доминирующий, другой добавляет насыщенности.Обратной стороной снова является то, что иногда может отсутствовать контраст.
Аналогичная схема с синей основой
Бесплатная цветовая схема
Дополнительная цветовая схема состоит из двух цветов, противоположных друг другу на цветовом круге. Эта схема очень удачна для создания сильного контраста и для привлечения внимания.
Дополнительная схема со светло-зеленой основой
Раздельная дополнительная схема
Дополнительная схема с разделением является разновидностью стандартной дополнительной схемы.Возьмите один цвет на круге и два соседних с ним дополнительных. Преимущество этой схемы перед дополнительной схемой состоит в том, что она может быть немного более сложной, сохраняя при этом сильный визуальный контраст.
Сплит Дополнительная схема со светло-зеленой основой
Триадные цветовые схемы
В трехцветной схеме используются три цвета, равномерно распределенные по цветовому кругу. Он отлично подходит для обеспечения баланса, насыщенности и контраста, хотя и не так сильно, как дополнительная схема.
Triadic схема с синей основой
Советы по использованию этих цветовых схем
1. Выберите один цвет, который будет использоваться в большем количестве, чем другие. Вы получите ужасный беспорядок, если попытаетесь использовать равное количество каждого цвета. Выбирайте основной или базовый цвет избирательно, а затем используйте другие цвета, чтобы добавить интереса.
Сайт The By The Pond оформлен в красивом темно-синем сером цвете с дополнительным горчичным текстом и выделениями.
2. Если цвета выглядят слишком яркими, приглушите их.
3. В сети есть несколько инструментов для создания цветовых схем, мой любимый — Kuler. Это позволяет вам поиграть с цветовым кругом и одним щелчком мыши выбрать обсуждаемые здесь цветовые схемы.
4. * обновлено * Во всех этих цветовых схемах можно использовать черный, белый и серый цвета. Вы можете думать о них как о нейтральных, которые можно использовать с любой цветовой схемой.
На все цвета влияют цвета, расположенные вокруг них.Символ ниже имеет одинаковый оттенок красного слева и справа, но цвет фона резко меняет внешний вид. Цветовая схема слева очень неприятна для глаз, в то время как справа цвета хорошо сочетаются друг с другом и создают ощущение бодрости.
Вдохновение от природы
Если вы ищете вдохновение и советы по выбору цветов, выключите компьютер и выйдите на улицу. Мать-природа дает лучшие сочетания цветов.Посмотрите на животных, растения, птиц и обратите внимание на удивительные цветовые решения. Сфотографируйте их и храните в своем досье в морге. У Color Lovers есть отличная статья о цветовых схемах бабочек, и в прошлом я писал о том, как создавать цветовые палитры из фотографий в Photoshop и цветовые схемы из картин в Kuler.
На что следует обратить внимание при использовании цвета в дизайне:
1. Хорошо сочетаются ли цвета в вашем дизайне или они бросаются в глаза? Сложно читать текст на фоне?
2.Ваш дизайн слишком крут или слишком теплый для того, что вы хотите передать? Вы можете охладить перегретый дизайн небольшими намеками на холодные цвета (и наоборот).
3. Ваш дизайн работает в черно-белом цвете? Если это , то , немного поэкспериментируя с цветом, действительно может раскрыть весь потенциал вашего дизайна.
4. Если вы разрабатываете дизайн для Интернета (или разрабатываете приложения), задумывались ли вы о том, как цвет влияет на удобство использования?
Теория цвета — огромная, огромная тема, и мы вернемся к ней еще много раз.На данный момент я надеюсь, что это был полезный обзор и что вы нашли полезными серию о принципах дизайна. Спасибо за чтение.
Есть ли у вас естественное чутье на выбор цвета? Какие инструменты или методы вы используете для выбора цвета?
50 лучших цветовых схем для веб-сайтов 2021 года
Казалось ли, что определенные цветовые схемы веб-сайтов просто привлекают все внимание? Как и в случае с любым другим аспектом веб-дизайна, есть цветовые схемы, которые имеют тенденцию больше, чем другие.Яркие цвета, резкие палитры и даже некоторые несовпадающие схемы — это элементы цвета, которые имеют тенденцию.
Вот некоторые из лучших цветовых схем веб-сайтов 2021 года (в произвольном порядке). Для каждого из них мы также делимся цветовыми кодами, которые составляют ключевые элементы дизайна, так что с этими цветовыми схемами легко поиграть и самому!
Одна из самых заметных тенденций в цветовой гамме — это использование темно-синего и темно-синего цветов, особенно в качестве доминирующего цвета, и оттенков золота и ярко-красных или розовых оттенков для акцентов.Эта комбинация темного и светлого — это эволюция черного и красного во многих минималистичных дизайнах нескольких лет назад с более современным оттенком.
Вот несколько отличных примеров правильного выбора цвета, которые вдохновят вас на следующий проект.
1. Зои Пеппер
# 361999 # 78fff1 # ff6495
На ярко-синем фоне сложно не заметить забавную цветовую комбинацию Zoe Pepper. Варианты ярких акцентов оживляют цветовую палитру и отлично сочетаются с анимацией на главной странице.Лучшая часть этой цветовой схемы может быть то, что она яркая и веселая, но не слишком яркая. Это показывает истинную универсальность синего при использовании с правильными цветовыми дополнениями.
2. Юкон 1000
# 162b32 # ff4838
Юкон 1000 тоже сгнил на синем фоне; здесь с более бирюзовой окраской. Яркий красно-оранжевый акцент настолько насыщен, что вы не можете не перейти от приглушенного бирюзового к нему. Значения насыщенности для выбора цвета добавляют глубины и почти кажутся похожими на переход от матового оттенка (бирюзовый) к яркому с почти неоновым оттенком (красно-оранжевый).
3. Persoo
# 490b3d # bd1e51 # f1b814
Persoo использует цветовую комбинацию, которую вы, вероятно, не попробовали бы, не увидев ее заранее. Различное цветовое трио имеет несколько женственный оттенок и в то же время кажется легким. Выбор цвета является разрушительным для веб-сайта, потому что финансовые инструменты и инструменты электронной коммерции часто придерживаются безопасной цветовой палитры, основанной на синих тонах.
4. Номер-студио Simpatico
# 1a2238 # 9daaf2 # ff6a3d # f4db7d
Studio Simpatico выводит темно-синий и красный на новый уровень с дополнительными акцентными цветами для более широкой палитры, которая поражает.У каждого цвета есть своя цель — ключ к палитрам с множеством опций — и схожая цветовая насыщенность делает все это сеткой. Каждый из акцентных цветов имеет схожее ощущение в диапазоне средних тонов, но при этом не является слишком тусклым или ярким.
5. Neverheart
# 371bb1 # 05f4b7 # 12151f
Еще одна вещь, которую мы наблюдаем с цветом, — это дизайны, в которых используется насыщенный черный цвет вместо старого режима ожидания # 000000. Насыщенный черный цвет обеспечивает большую глубину визуальным эффектам и отлично подходит для широких полос и фона.Здесь он хорошо сочетается с пурпурно-синим и ярко-мятно-зеленым. Результат современный и интересный.
6. Карнавальные звуки
# 1fc58e # fae62d # 191414
Carnival Sounds удается комбинировать цвета, которые снова кажутся неуместными, когда вы их видите. Глубокий изумруд с желтым и черным легко читается, создает отличный поток взгляда по экрану и заставляет остановиться и посмотреть из-за необычной цветовой схемы.
7. Я взвешиваю Сообщество
# 9cf6fb # e1fcfd # 394f8a # 4a5fc1 # e5b9a8 # ead6cd
Яркий и яркий, возможно, лучший способ описать цветовую схему этого веб-сайта от сообщества I Weigh.Трехцветная схема взрывается до шести отличных вариантов с использованием оттенков каждого оттенка. Результат просто потрясающий, не перегружая вас цветом. Это техника, которую может использовать больше дизайнеров, чтобы создать современный вид с большим количеством цветов.
8. Советский дизайн
# 1a2c42 # be2f29 # ecaf44 # 0c1115
Soviet Design использует классическое трио цветов с более глубоким ощущением насыщенности. Он создает некую тьму и задает настроение проекту. Обратите внимание, что черный здесь также является богатым черным вариантом.Белое пространство объединяет темноту и сдержанность этой цветовой схемы, чтобы она не казалась слишком тяжелой.
9. Уродливые напитки
# 00abe1 # 161f6d
Моно-синие схемы никогда не выходят из моды. Эта темно-голубая комбинация от Ugly Drinks показывает, что синий тоже может быть забавным. Простой цветной фон забавен и позволяет легко читать и понимать остальную часть дизайна. Это также особый вид, который отличается от большого количества белых или фото фонов и заголовков на многих веб-сайтах.
10. Основание Taproot
# 00a9d8 # 0d9edf # 259b9a
Taproot Foundation использует одну из лучших и самых красочных цветовых схем веб-сайтов. Комбинация желтого, синего и зеленого цветов вместе объясняет различные аспекты группы, помогающей некоммерческим организациям. Это не цветовая схема веб-сайта, которую вы часто видите, но яркий цвет на белом фоне — очень модный вариант.
11. Омега дрожжи
# f7f7f7 # 7da2a9
На первый взгляд,Omega Yeast не выглядит так, как будто имеет цветовую палитру, отличную от черного и белого, но этот дизайн веб-сайта делает то, что является важной идеей в цветовых тенденциях.Цветовая схема основана на основном изображении, в данном случае видео, а не на фоне или красочных элементах пользовательского интерфейса. Эта цветовая тенденция становится все более распространенной, потому что дизайнеры используют полноэкранные изображения, чтобы рассказать историю бренда.
12. Farm Food
# ffffff # a7bc5b # 8da242
Farm Food использует простую, естественную палитру с белым минималистичным фоном с яркими оливково-зелеными оттенками, чтобы привлечь внимание. Кроме того, палитра имеет монотонную окраску со светлыми и темными оливковыми элементами.(Легче всего увидеть это изменение цвета при наведении курсора на кнопку.) Это может быть не та цветовая пара, к которой вы пришли первой, но она действительно поразительна.
13. Jebsen Careers
# 3fd2c7 # 99ddff # 00458b
Jebsen Careers использует приглушенные синие и зеленые тона для создания потрясающих цветных наложений и элементов дизайна с более насыщенными цветами. Комбинация отлично работает на белом фоне и действительно показывает, на что вы способны, работая с вариациями одного цвета. Темно-синий, используемый для текстовых элементов и логотипа, еще больше улучшает общее использование цвета.
14. Микросхема Creative
# fb8122 # 1d2228 # e1e2e2
IC Creative использует наложение темного цвета — черный, который не является действительно черным — с ярким акцентным цветом и большим количеством белого, чтобы создать привлекательную сцену. Наложение цвета почти каждого оттенка — основная тенденция в цветовой гамме веб-сайтов, а вариант с насыщенным черным цветом, такой как здесь, — хороший способ предоставить другому контенту много места на экране. Обратите внимание на крупный заголовок, яркие акценты и призывы к действию.
15.Мангров Отель
# d48166 # 373a36 ## e6e2dd
В то время как яркие цветовые палитры практически управляли дизайном веб-сайтов в течение нескольких лет, для некоторых проектов наблюдается возврат к более приглушенным палитрам. Мягкий тон отеля Mangrove Hotel теплый и хорошо дополняет содержание. (Этот же цвет также появлялся в некоторых маркетинговых сообщениях Twitter.)
16. Сон
# 051622 # 1ba098 # deb992
Slumber отлично использует цвет года по версии Pantone — классический синий — в изображениях приложений, а также темные тона фона и логотипа.Сочетание золотого и зеленого супер модно, элегантно и следует вместе с темой ночи и сна.
17. Атланта пивоварня
# e40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945
Atlanta Brewing также использует доминирующий красный с множеством других акцентных цветов. Обратите внимание, что палитра — это не только часть дизайна веб-сайта, но также распространяется на упаковку продукта. У них довольно широкая палитра с основными цветами в качестве основы и насыщенным черно-белым фоном.
18. Кафе «Солнечная улица»
# 5c6e58 # 8aa899 # f2d349
Sunny Street Café ярко оформлено с использованием цветовой палитры, идеально сочетающейся с изображениями и языком дизайна. Зеленый и желтый вместе — необычная комбинация, но она кажется дружелюбной и идеально вписывается в дизайн этого заведения для завтрака и обеда. Цветовая тема также красиво подчеркивает изображения еды.
19. Отличие
# 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576
Distinction использует ту же полностью черную основу для своей цветовой палитры с радугой акцентных цветов.Если вам нужна широкая цветовая палитра, это способ эффективно использовать тренд.
20. Pittori di Cinema
# fdd935 # 000000
Minimalism также может быть полноцветным, о чем свидетельствует Pittori di Cinema. Ярко-желтая цветовая гамма с черным — распространенный вариант высококлассного минимализма. Чем ярче цветовая палитра этого стиля, тем он кажется более модным.
21. Мы (Сердце) UX
# e1f2f7 # ef0d50 # eb3a70 # e5bace
We (Heart) UX использует простую цветовую палитру с бледно-голубым фоном — прекрасный выбор — и оттенками розовато-красного для основного художественного элемента.Сочетание этих цветов в причудливом гео-стиле модно, современно и просто интересно смотреть.
22. Гордый и раздираемый
# 1f3044 # fb9039 # 646c79
Proud & Torn использует ту же концепцию драгоценных камней с немного более приглушенной цветовой комбинацией. Более тонкая цветовая палитра помогает создать визуальный интерес к веб-сайту с большим количеством бесцветных изображений.
23. Баобла
# 56642a # 849531 # 92a332
Baobla отличается забавным градиентом в монотонной цветовой гамме.Этот стиль цветовой палитры идеально подходит для новых брендов или продуктов, или если вы хотите произвести сильное впечатление с помощью смелого оттенка.
24. Центр неотложной помощи для женщин и девочек
# faf0dc # 0b4141 # ff6864
Центр экстренной помощидля женщин и девочек выбрал не слишком женственную цветовую палитру, которая с помощью ярких цветов помогает придать больше силы его посланию. Выбор цвета отличается высокой контрастностью, приятным для глаз и читаемым. Выбор ярких акцентов моден и добавляет акценты этому элементу.
25. Портфолио Жана-Батиста Калойя
# 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea
Жан-Батист Калоя превращает, вероятно, самый популярный цвет в дизайне веб-сайтов в собственную монотонную палитру с различной степенью синего. Также обратите внимание на мягкие градиенты более светлого синего цвета.
26. Игорь
# 000000 # fefefe # fdee30
Игорь демонстрирует, пожалуй, самую популярную цветовую палитру веб-сайтов в 2019 году — черный, белый и желтый.Эта цветовая палитра, хотя и представлена в различных оттенках, широко популярна. Эта комбинация, наверное, одна из самых привлекательных.
27. Ковбойский байк
# 000000 # fa255e # c39ea0 # f8e5e5
Cowboy Bike использует черную и яркую цветовую палитру, которая сразу привлекает внимание. Хотя на большинстве сайтов черный цвет используется только для текста, этот дизайн фактически включает его в яркую монотонную палитру.
28. Габриэль Долан
# e8eae3 # 373833 # fa2742
На веб-сайте Габриэль Долан используется тренд серо-бело-яркой цветовой палитры.Из-за явного отсутствия цвета на большей части дизайна яркий цвет, кажется, соскакивает с экрана. Он создает нужную фокусную область и степень контраста, поэтому это вариант цветовой схемы, который набирает популярность.
29. Пиксельная кладовая
# 9e15bf # 4ac6d2
Pixel Pantry использует отличную цветовую пару, чтобы продемонстрировать эту тенденцию — фиолетовый и бирюзовый. Сочетание этих двух цветов для создания палитры практически нереально. Вы найдете варианты этой схемы почти везде, куда бы вы ни пошли.
30. Одиннадцать растений
# 5daa68 # 3f6844 # faf1cf
Eleven Plants использует полностью нейтральную цветовую схему, которая гармонична и удобна для восприятия. Зеленый цвет хорошо сочетается с содержанием, а цветовые комбинации просты и очаровательны.
31. Qvartz
# ee7879 # 2a3166 # f4abaa # cae7df
Qvartz использует один из самых неожиданных трендовых цветов года, имитируя многие другие проекты. С розовым текстом, розовыми цветовыми блоками и смесью ярких и мягких цветов эта палитра несколько женственна, но не слишком.
32. Sheerlink по RTX
.# 4a2c40 # e9bd43 # 7d3780
Sheelink By RTX использует современный градиент и жирную расцветку, чтобы привлечь внимание к своему продукту. Цвета глубокие и капризные, а бордово-пурпурный имеет отчетливое ощущение царственности и таинственности.
33. Puerto Mate
# 5ce0d8 # 01345b # ffcf43
Puerto Mate использует трендовые цвета, которые выделяются жирным шрифтом, но не слишком сильны. Поскольку центральная панель темно-синего цвета, внешние яркие цвета не так заметны на вашем лице.(Только представьте, что эти оттенки переворачиваются в разные места в дизайне.)
34. Портфолио Loic Sciampagna
# 141824 # ffb600 # 0049ff
В портфолиоLoic Sciampagna используется одна из лучших комбинаций синего и желтого цветов. Контрастные оттенки просты, элегантны и привлекают внимание простым прикосновением света, более яркого синего.
35. Канатал
# 182978 # 6688cc # acbfe6
Canatal хорошо использует в этом дизайне тройные синие фирменные цвета.Это пример того, как использовать монотонную цветовую палитру, не будучи скучной.
36. FFWD Digital
# f1e821 # 487afa # 23c0ad
FFWD Digital использует яркость стильно и классически. На бумаге использование этого трио цветов на темном и светлом фоне может показаться неудобным, но здесь оно действительно бесшовное и красивое.
37. Tappezzeria Novecento
# 191919 # fab162
Tappezzeria Novecento использует цветовую схему, которой многие избегают — и она работает.Яркое сочетание оранжевого и черного цвета простое и привлекательное. Цвета контрастируют ровно настолько, что все легко читается. Также приятно то, что фирменные цвета присутствуют на изображениях.
38. Тэв
# 252669 # 4ecb4a
Tev совсем не скучный с липовым фоном и двухцветным наложением. Он выделен жирным шрифтом, а зеленый цвет заставляет думать о деньгах — именно для этого предназначен сайт.
39. Ниша и культ
# 4e3883 # ffddcc
Niche & Cult использует мягкие оттенки для создания косметического бренда с более женственной атмосферой.Мягкий розовый цвет напоминает оттенки кожи и чистый холст для макияжа, а ярко-фиолетовый соответствует настроению сайта.
40. Sysdoc
# 001730 # 4ad7d1 # fe4a49
Sysdoc создает новое звучание в базовой палитре красного, синего и зеленого цветов с более яркими и менее насыщенными вариантами красного и зеленого. Палитра сильная и мягкая, подходит практически к любому другому набору элементов.
41. Обжарщики кофе Veneziano
# f6f4f2 # 425664 # c6ad8f
Veneziano Coffee Roasters возвращается к более приглушенной палитре с серо-синей и золотой комбинацией, которая является утонченной и стильной.Цвета хорошо сочетаются с изображениями на веб-сайте и создают нужное впечатление.
42. Лучшая энергия
# 11abc1 # df3062 # f5b935 # 4bac3f
Better Energy использует яркие цвета, связанные с природой, взятые из соответствующих изображений, чтобы создать забавную палитру, чтобы рассказать историю того, о чем, возможно, не очень интересно говорить.
43. Взрывная галактика
# 0f0c24 # a350a3 # c1436d
Мы не смогли бы пройти обзор крутых цветовых тенденций, не взглянув на палитру 80-х.Кажется, что все из 1980-х годов в тренде, включая цвета, используемые для Blast Galaxy, обычно наблюдаемое сочетание синего, пурпурного и розового с неоновым свечением.
44. Портфолио Кайла Декера
# f5f5f5 # 8db48e # 4d724d
Портфолио Кайла Декера — еще один веб-сайт с яркой цветовой схемой, потому что он такой простой. Он использует комбинацию нейтральных и только одного истинного цвета, чтобы сфокусировать взгляд пользователя.
45. Винк
# 212221 # 1181b2 # ddedf4 # 44449b
Awink Websolutions также использует монотонную цветовую схему с различными оттенками синего.(Блюз — популярный вариант, когда речь идет о монотонных вариантах.) Этот вариант немного отличается благодаря более глубоким и темным акцентам. Кроме того, темные и светлые области экрана почти воспроизводят оптическую иллюзию, заставляя вас думать, что здесь больше цветов, чем есть на самом деле.
46. Пивоварня Archibald Microbrewery
# d81c23 # 4fa8c2 # d97441 # d29849
Archibald Microbrewery использует все цвета радуги, но палитра удивительно красива. С цветами одинаковой насыщенности и визуально следуя теме, все получается довольно легко.
47. Индеги
# 45af2a # 3fddc1 # d56c06
Indegy использует ярко-зеленый цвет на фоне большого количества фотографий и ярких цветов. Простой цвет в сочетании, в основном, с серым и белым, добавляет современности дизайну и помогает направлять пользователей через контент. (Есть также бирюзовые и оранжевые акценты для едва уловимых ярких акцентов в других местах.)
48. Рюкзак
# ad4328 # b65741
Knapsack использует ярко-красную цветовую схему с градиентами, чтобы добавить интереса к цвету, который может быть трудно использовать.Это работает, потому что не так много ярких визуальных эффектов, конкурирующих с яркой палитрой.
