Рубрика

Как выбрать цвет: Как подобрать гармоничную комбинацию цветов для Web-сайта

Содержание

Как подобрать гармоничную комбинацию цветов для Web-сайта

Теория цвета:


Как подобрать гармоничную комбинацию цветов для Web-сайта

Learning to Use Color on Your Web Site

автор: 2000, Element K Content LLC и Ron Wilder

В данной статье описывается простой процесс подбора гармоничных сочетаний цветов. А что, как не гармоничное сочетание цветов, важно для создания приятного, радующего глаз Web-узла?
Маленькое замечание: в качестве первичных цветов по художеской традиции упоминаются красный, синий, желтый. Но мы-то с вами знаем, что первичными цветами на самом деле являются красный, зеленый, синий.

 

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

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

 

Это синий

Во-первых, давайте разберемся в терминологии, чтобы убедиться, что вы не потеряете нить рассуждений в процессе чтения статьи. Все мы знаем, что первичными (primary) цветами являются красный, желтый и синий. Для того чтобы получить вторичные (secondary) цвета, мы смешиваем один цвет с другим.

Желтый и красный дают нам оранжевый, красный и синий — пурпурный/лиловый, а синий и желтый — зеленый. А что такое третичные (tetriary) цвета? Просто берется первичный цвет и к нему добавляется соседний вторичный. Это означает, что существует шесть третичных цветов (по два цвета от каждого первичного цвета). Рис. А демонстрирует все описанные цвета во всей их красоте.

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

Для того чтобы полностью понять, как эти цвета взаимодействуют друг с другом, лучше всего расположить их по кругу. Такая организация, показанная на рис. В, в мире дизайна называется цветовым кругом. Красиво, не правда ли? Но что действительно впечатляет, это как данный круг будет помогать вам выбирать цвета для вашего Web-сайта.

Рис. В.: собрав воедино первичные, вторичные и третичные цвета, мы получаем цветовой круг.

 

Подбор цветов с помощью цветового круга

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

Рис. С: на цветовом круге существует четыре возможных триады цветов

Но триадами не стоит ограничиваться. Можно выбрать и комплиментарные (complementary) цвета, т.е. те цвета, которые расположены в круге прямо напротив друг друга — например, красный и зеленый. Они называются комплиментарными/дополняющими потому, что, будучи помещенными рядом, они делают друг друга ярче и живее, см. рис. D.

Рис. D.: цвета, противоположные друг другу на круге, называются комплиментарными/дополняющими

 

Различные варианты

На этом этапе мы уже можем приступить к более сложным комбинациям. Например, можно взять две пары комплиментарных цветов, что называется «двойной комплемент» (double complement). Скажем, желтый и пурпурный/лиловый, синий и оранжевый. Другой схемой является альтернативный комплемент (alternate complement), когда комбинируется триада цветов с цветом, комплиментарным одному из цветов триады. Зеленый, красно-пурпурный, красный и оранжевый — пример такой комбинации. Также существует

«расщепленный комплемент» (split complement), когда берется цвет, его комплиментарный цвет и два прилегающих к нему цвета.

И наконец, вы наверное слышали о тетраде: когда берутся четыре цвета, которые расположены прямо напротив друг друга. Т.е. выбираются 1 первичный, 1 вторичный и два третичных цвета. На рис. Е. Показаны примеры вышеперечисленных схем.

Рис. Е.: эти схемы вдохнут жизнь в любой Web-сайт

 

Все семейство

Итак, мы перебрали все возможные комбинации контрастирующих цветов. Теперь обратимся к двум типам схем, где используются родственные цвета — монохроматической (monochromatic) и сходственной (analogous). Монохроматичный набор цветов, как свидетельствует его название, использует один цвет и все его оттенки и вариации. При правильном использовании эта схема может придать Web-сайту аккуратный, чистый вид. Сходственная схема цветов, с другой стороны использует цвета, которые расположены по соседству друг с другом на цветовом круге. Как можно судить по рисунку F. сходственная схема весьма похожа на монохроматическую.

Рис. F.: сходственная схема очень напоминает монохроматическую

 

Итак, все вместе

Теперь, когда мы вывалили вам на голову столько комбинаций цветов, считаем своим долгом дать несколько предостережений. Первое и самое главное: цветовые схемы, упомянутые здесь, сами по себе могут и не сработать. Вам по-прежнему придется кое-что поменять в цветах (насыщенность или яркость), чтобы они «ужились». Приведенные здесь схемы — лишь отправная точка, а не вершина мастерства.

Ведь, в конечном счете, решающим фактором будет читаемость текста на Web-сайте и его внешний вид (look and feel). Чтобы увидеть, как цвета уживаются друг с другом, дизайнеры советуют воспользоваться любой графической программой, где есть функция «слои», и сравнить различные варианты схем, переключаясь между ними. Например, на рис. G, одни комбинации работают нормально, в то время как другие требуют дополнительной обработки.

Рис. G.: не всякая комбинация годится в дело

 

Заключение

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

 

Подробнее!

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

Если вы хотите научиться большему, посетите Web-сайт Color Matters (www.colormatters.com) *. Этот сайт охватывает такие темы, как цвет и Web, цвет и изобразительное искусство, цвет и наука, и даже цвет и еда (непременно почитайте статью о синих спагетти!)

 

Источник: www.webmascon.com

 


* Статьи ресурса Color Matters (www.colormatters.com) доступны на нашем сайте в английском разделе Articles.

 

Facebook

Twitter

Вконтакте

Pinterest

🤷‍♀️ Как подобрать цвет волос к лицу и глазам — окрашивание и стрижки

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

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

Тренд лета — цветные пряди. Какой оттенок подойдет именно вам?

Модные тенденции в окрашивании волос

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

Красить волосы в один тон — заметный тренд. Можно остановиться и на таком варианте, как «бронд». Это нечто среднее между окрашиванием в блондинку и в брюнетку; цвет, который вы получите, будет выглядеть природным. Если хочется глубины и насыщенности, присмотритесь к оттенку марсала. Особенно органичным этот выбор будет ближе к осени. Нужный цвет легко получить с помощью краски Prodigy от L’Oréal Paris в оттенке «Гранат».

© loreal-paris.ru

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

© lorealhair

2020 год разнообразил палитру тенденций таким трендом, как toasted coconut, когда блонд соединяют с оттенком жареного кокоса.

© lorealhair

Что касается более смелых вариантов окрашивания, то девушкам с короткими волосами можно взять на заметку «ледяной» платиновый блонд. Можно красить в этот цвет волосы полностью, от самых корней. А можно акцентировать им корни волос — в сети набирает популярность тренд под названием gem roots. Это переход от яркого цвета на корнях к более нейтральному на середине длины и на кончиках.

Обратите внимание на необычные варианты блонда. В моде светлые оттенки с перламутровым сиянием. Вкрапления зеленого и синего превращают такой блонд в ghosted hair — «призрачный» цвет.

Наряду с необычным оттенком важно и сияние волос, без которого нужного эффекта не добиться. А чтобы волосы сияли, не забывайте про масла и маски. Попробуйте, например, маску «Эликсир сияния» с геранью от L’Oréal Paris для окрашенных волос.

© lorealhair

Советуем почитать:

Вернуться к оглавлению

На что ориентироваться при выборе цвета волос?

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

  1. 1

    Цветотип

    Не обязательно знать, «весна» вы или «лето». Достаточно понимать, какие оттенки преобладают в вашей внешности — теплые или холодные, чтобы найти подходящий оттенок. В первом случае не стоит красить волосы в пепельный блонд или же в русый с серым подтоном. А во втором вы не добьетесь гармонии, если сделаете окрашивание в золотистых тонах.

    © Getty

  2. 2

    Черты лица

    Как бы сильно ни хотелось кардинально измениться, природные данные все же надо обязательно брать в расчет. Например, девушкам с очень светлыми чертами: бледной кожей, белыми бровями и полупрозрачными ресницами — вряд ли пойдет экстремальное окрашивание в черный. Образ не получится гармоничным. Удачно превратиться в блондинку тоже надо уметь. Если в блонд красить отдельные пряди, стоит помнить, что у лица они будут «подсвечивать» его черты, делать заметнее и выразительнее.

    © Makeup.ru

  3. 3

    Качество волос

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

    © lorealhair

  4. 4

    Образ жизни

    Когда хочется стать ярче (и даже хватает смелости кардинально изменить цвет волос — на розовый, синий или, скажем, зеленый), приходится все же соотносить свои желания с жизненными реалиями. Тем, кто ходит в офис со строгим дресс-кодом, такой выбор не подойдет. Правда, с появлением временных красок теперь есть возможность устроить себе яркие выходные. Такие краски можно смыть с помощью шампуня. Попробуйте, например, Colorista Hair Makeup или Colorista Spray от L’Oréal Paris. Подробнее о спрее можно прочитать здесь, а как использовать желе, мы показывали в этом видеоуроке.

Вернуться к оглавлению

Как подобрать цвет волос с учетом тона кожи?

Тон кожи — это главный ориентир, который поможет окончательно определиться с оттенком краски.

Светлая кожа

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

© Makeup. ru

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

Кожа средних тонов

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

© lorealhair

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

© lorealhair

Смелые акценты в виде цветных прядей — фиолетовых, розовых, красных, зеленых, сине-голубых — тоже допустимы. Такие оттенки легко найти в коллекции Washout и Colorista Spray от L’Oréal Paris.

© lorealhair

Смуглая кожа

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

© lorealmakeup

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

© lorealhair

Вернуться к оглавлению

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

Карие глаза

Чаще всего кареглазые девушки брюнетки. Им идут темные цвета вплоть до горького шоколада — такие как оттенок 323 из линейки Casting Creme Gloss от L’Oréal Paris. где найти?

© lorealmakeup

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

© lorealmakeup

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

Зеленые глаза

Среди самых выразительных сочетаний всегда были зеленые глаза и рыжие волосы.

© Getty

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

© lorealhair

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

© lorealhair

Голубые и серые глаза

Холодный цвет глаз чаще всего встречается у девушек с холодным подтоном кожи. Поэтому оттенки для окрашивания в этом случае должны быть также холодными. Или хотя бы нейтральными, как серо-коричневый taupe. Лучше всего образ дополнят оттенки с добавлением пепельного пигмента. Это касается и блонда, и средних оттенков (песочный — один из лучших вариантов), и темной каштановой гаммы.

© lorealhair

У «белоснежек» со светлой кожей и голубыми глазами темные волосы могут быть только с холодным подтоном.

© Getty

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

© lorealhair

Вернуться к оглавлению

Как подобрать цвет волос, учитывая цветотип внешности?

Весна

Такую внешность отличает отсутствие контрастов; преобладают мягкие, светлые оттенки. Типичная «весна» — это девушка с пшеничными волосами, светлой кожей с теплым подтоном и светлыми глазами. Учитывая это, стоит понимать, что окрашивание в темный цвет вряд ли будет удачным.

© lorealhair

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

© lorealhair

Лето

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

© Makeup.ru

Осень

С «осенью» все наоборот: этот цветотип отличается тем, что в его основе лежат как раз теплые оттенки. Так что для окрашивания можно выбрать и рыжий в том числе. Попробуйте, например, оттенок «Янтарный темно-рыжий» из коллекции Garnier. где найти?

© Getty

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

Зима

Зимний цветотип — это контраст светлой кожи, темных волос и нередко еще и ярких глаз (зеленых или синих).

© Getty

Если при такой внешности вам хочется перевоплотиться в блондинку, нужно быть готовой к тому, что ваши черты утратят свою природную яркость и будут менее выразительны. Если вы этого не хотите, добавляйте в образ ярких красок. Синий, зеленый, розовый, фиолетовый, красный можно использовать на прядях во всей их насыщенности. Или же пустить в ход неон: попробуйте, например, оттенки «Неоновый единорог» и «Неоновая русалка» из линейки Colorista Hair Makeup от L’Oréal Paris.

© lorealhair

Вернуться к оглавлению

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

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

    © lorealhair

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

  • Лучший способ освежить образ — добавить несколько светлых прядей у лица. И дело не только в самом окрашивании. Создавая такое «обрамление» лицу, вы как бы подсвечиваете его черты, делаете их ярче, заметнее, выразительнее.

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

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

Вернуться к оглавлению

А как выбирали цвет для окрашивания вы? Напишите комментарий.

Как выбирать цвета для внутренних стен

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

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

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

Глянец и тип краски отражаются на восприятии цвета

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

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

Как быстро выбрать нужный цвет и сочетать его с другими при ремонте

«Какой цвет выбрать?» — это тот вопрос, который многим не дает уснуть по ночам, будоража воображение уставших после работы людей, которые только планируют свой будущий ремонт или находятся в середине этого сложного пути. Этот вопрос характерен еще и тем, что возникает он с завидным постоянством на всех этапах выбора и закупки отделочных материалов, мебели и текстиля, не забывая периодически напоминать нам о том, зачем вообще в этой жизни есть такая профессия как дизайнер интерьера.

Интересно знать: человеческий глаз способен различать от 8 000 000 до 16 000 000 различных оттенков. Неудивительно, что для гармоничного восприятия своего будущего комфортного интерьера мы стремимся выбрать именно то, что создаст гармонию именно для нашего личного восприятия.

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

Сочетаемость цвета в интерьере

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

Актуальность этого особенно важна, если вы собираетесь укладывать во всю квартиру или дом каменный ламинат с без пороговой укладкой одного дизайна. Именно этот декор и станет основополагающим для выбора тональностей обоев, сочетаемости с межкомнатными дверями и мебелью. Запомните одно простое правило: холодные оттенки сочетаем с более холодными, теплые — с теплыми

Цветовой букварь Иоханнеса Иттена

Начинается все с усовершенствованного цветового круга Иоханнеса Иттена (Johannes Itten), швейцарского художника и педагога, одного из создателей школы Баухауз (Высшая школа строительства и художественного конструирования, Германия) который в 1961 году создал так называемый цветовой круг Иттена. Этот круг и стал букварной цветовой азбукой для всех будущих декораторов.

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

Выбираем два базовых интерьерных цвета

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

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

Выбираем сочетающихся между собой цветов

Для этого нужно работать с более сложными фигурами: прямоугольниками, треугольниками и квадратами.

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

Пример работы с кругом Иттена на примере планирования интерьера

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

— ПРЯМАЯ

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

— ПОЛУСФЕРА

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

— КВАДРАТ

Фигура «КВАДРАТ» в круге Иттона поможет вам создать очень категоричный и стильный интерьер, подчеркивающий статус, решительность и стабильность. У вас будет два основных цвета, и два их сочно сочетающихся контраста.

— ПРЯМОУГОЛЬНИК

Отличный вариант, когда 1 цвет ОСНОВНОЙ, два его дополняют, ОДИН расставляет акценты. Как и все прямоугольное в природе, прием работы с фигурой «ПРЯМОУГОЛЬНИК» создаст гармонию и баланс. Рекомендуется использовать при работе с большими интерьерными пространствами.

— ТРЕУГОЛЬНИК

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

Какой цвет ламината выбрать?

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

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

Если вы устали от бежево-коричневой классики, то стоит рассмотреть серые оттенки напольных покрытий, которые станут отличным фоном для более яркой мягкой мебели, корпусной в цвете венге или слоновая кость. Серые холодные оттенки становятся «живыми» при добавлении салатовых декоративных подушек и глянцевых поверхностей яркого цвета.

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

Как выбрать цвет стен в квартире

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

 

1. Источники вдохновения

 

 

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

 

2. Мебель

 

 

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

 

3. Назначение пространства

 

 

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

 

4. День или ночь?

 

 

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

 

5. Закат или восход?

 

 

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

 

Идеи по оформлению стен в помещении

 

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

 

Кухня

 

Каждое наше утро, как правило, начинается здесь, а потому правильно подобранные цвета стен для кухни помогут вам зарядиться необходимой энергией на весь день. Создайте оживлённое и жизнерадостное пространство на кухне, совмещая тёплые нейтральные оттенки и янтарный цвет «Пряный Мёд». Дополнить это сочетание и подчеркнуть динамику в интерьере вам поможет пастельный синий: используйте его, чтобы покрасить фасады кухни и нарисовать на стене графические элементы.

 

Используйте цвета 30GY 88/014, 50BG 62/133, 40YY 41/054 и 00YY 26/220.

 

Гостиная

 

Возьмите яркие светлые оттенки зелёного, чтобы создать освежающую и энергичную атмосферу в гостиной. Усилить эффект поможет дымчато-розовый – включите его в обстановку с помощью геометрических фигур на стене или покрасив детали интерьера.

 

Используйте цвета 10YR 28/072, 70YY 18/152 и 07GG 07/143.

 

Детская

 

Попробуйте создать спокойную и утончённую атмосферу в детской комнате с помощью янтарного оттенка «Пряный Мёд» и контрастного сочетания нежного розового и яркого бордового цветов – так вы получите изящный интерьер, идеальный для маленького ребёнка.

 

Используйте цвета 80YR 59/089, 00YY 26/220 и 78RR 06/137.

 

Спальня

 

Это комната, с которой ассоциируются слова «спокойствие» и «отдых». Дымчато-розовый способен привнести в интерьер необходимую атмосферу покоя и умиротворения. Её прекрасно дополняют чернильно-синие, терракотовые и кофейные оттенки. Используя такое сочетание, вы создадите идеальное пространство для отдыха, наполненное безмятежностью.

 

Используйте цвета 10YR 28/072, 90RR 16/095, 70YR 50/086 и 46RB 06/074.

 

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

Как выбрать цвет для комнаты: популярные решения

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

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

Перед тем, как использовать в комнате определенный цвет, следует знать следующие правила:

  • Светлые цвета, такие как белый, кремовый, серебристо-серый, перламутровый, айвори и прочие подобные оттенки всегда расширяют и увеличивают тесное пространство
  • Темные (синий, фиолетовый, малахитовый и изумрудный, шоколадный, черный), а также, яркие и насыщенные (алый, винный, фуксия, мандариновый) зрительно сделают помещение меньше
  • Теплые тона (персиковый, бежевый, травяной, лососевый, кирпичный) и все производные пастельные оттенки непременно создадут атмосферу тепла и уюта
  • Холодная гамма, к которой относится лазурный, розовый, голубой, мятный, лимонный, — сделают комнату легче, «раздвинут» стены и охладят интерьер
  • Контрастные сочетания, к примеру, светлого с темным, или теплого с холодным наполняют комнату визуальным объемом

 

Просторная комната

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

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

  1. Древесный, коричный, шоколадный сделают интерьер более домашним
  2. Натуральный травяной оттенок будет умиротворяющее воздействовать на психику
  3. Терракотовый и кирпичный добавят респектабельную размеренность загородного дома
  4. Песочный и кремовый оттенки станут наиболее гармоничными компаньонами для всех вышеописанных цветов

3
1

 

Маленькая комната

Если помещение совсем небольшое и в нем могут разместиться только самые необходимые предметы обстановки, возникает совершенно другая задача — сделать так, чтобы пространство превратилось в более объемное и легкое.

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

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

Сделать небольшую комнату объемнее и просторнее помогут холодные светлые тона: голубой, светло-серый, васильковый в сочетании с белым, пастельный розовый, бледный бирюзовый.

Совет:

Поверхности потолка, стен и пола в маленькой комнате рекомендуется оформить преимущественно в светлых тонах:

  1. Светло-серый пол, кремовые стены, белый потолок
  2. Белый пол, бирюзовые стены, белый потолок
  3. Пол из светлого дерева, бледно-серые стены, белый потолок

2

 

Комната с высокими потолками

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

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

Наиболее эффективными способами, которыми можно визуально исправить слишком высокую комнату, являются:

  1. Выбор темного цвета для пола и потолка, при этом, в темный оттенок следует окрасить 20-30 см стены под потолком
  2. Деление комнаты на горизонтали с помощью контрастных сочетаний цветов, например: яркие стен, светлый (нейтральный) потолок, натуральный тон пола. В результате, высота комнаты несколько сократится.


3

 

Комната с низкими потолками

Независимо от того, большая комната или нет, узкая или правильной квадратной формы, если ее потолки низкие, необходимо сделать так, чтобы визуально они «не давили».

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

Можно, однако, поступить иначе и выкрасить 30 см верха стен в цвет потолка (в данном случае он должен быть белым). Так, комната зрительно станет чуть выше и легче.

2
2
2

 

Узкая комната

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

  1. Не рекомендуется использовать темные или яркие цвета для «длинных» стен, — их лучше оформить в светлые прохладные тона (пастельный сиреневый, мятный, голубой, светло-серый)
  2. Торцевые стены, иначе говоря, короткие, нужно окрасить (облицевать, оклеить), используя насыщенные темные, яркие или теплые натуральные цвета, которые зрительно сокращают длинную комнаты.


1

Как выбрать цвет стен? На что обратить внимание в маленьких и больших интерьерах?

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

РАЗМЕР ИНТЕРЬЕРА

Как выбрать цвета для комнаты? Не секрет, что цвета стен влияют на восприятие размеров интерьера. Темные цвета оптически уменьшают пространство, а светлые увеличивают его. Именно поэтому маленькие комнаты хорошо оформлять в светлых тонах. Намного сложнее бывает обустроить просторный интерьер. Здесь нужно будет учитывать направление света, общую площадь и предназначение помещения. Как подобрать цвета в интерьере большой комнаты? Лучшей идеей будет сочетание двух или трех цветов. Здесь хорошо подойдут как комбинации двух светлых тонов (например, бледно-желтый и пастельный оранжевый), темного и светлого (например, алебастровый и фиолетовый), так и двух ярких цветов (например, травяной зеленый плюс серый).

ПЛАНИРОВКА КОМНАТЫ

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

КОЛИЧЕСТВО ДНЕВНОГО СВЕТА

Цвета красок для стен можно использовать по-разному. Как подобрать цвета стен, чтобы сделать интерьер более светлым? Основой будет белый потолок. Хорошо, если пол также будет светлым. Для помещений с небольшим количеством дневного света лучше всего выбирать краски в мягких тонах. Принцип прост: чем больше света, тем темнее цвета. Однако даже в небольших комнатах можно соблазниться на более яркие и смелые цвета. Цвета могут быть немного темнее, если в комнате есть дополнительные зеркала, которые визуально увеличат комнату.

ПРЕДНАЗНАЧЕНИЕ ИНТЕРЬЕРА

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

Руководство дизайнера по теории цвета, цветовым кругам и цветовым схемам

Когда вы просматриваете ленту новостей, что привлекает ваше внимание? Скорее всего, это видео с YouTube, картинки, анимированные GIF-файлы и другой визуальный контент, верно?

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

Я знаю, о чем вы можете подумать: «Я не знаю, как создавать потрясающие визуальные эффекты. Я не креативен».

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

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

И вы можете сделать это, изучив теорию цвета. Считайте это своим вводным курсом, и мы рассмотрим следующие темы:

Что такое теория цвета?

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

Почему теория цвета важна в веб-дизайне?

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

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

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

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

Теория цвета 101

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

Помните, что слышали о первичных, вторичных и третичных цветах? Они очень важны, если вы хотите понять все остальное о цвете.

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

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

Есть три основных цвета:

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

При разработке или даже рисовании основными цветами не ограничивайтесь только тремя основными цветами, перечисленными выше. Например, оранжевый не является основным цветом, но бренды, безусловно, могут использовать оранжевый в качестве основного цвета (поскольку мы в HubSpot это хорошо знаем).

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

Дополнительные цвета

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

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

  • Красный + желтый = Оранжевый
  • Синий + Красный = Фиолетовый
  • Желтый + Синий = Зеленый

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

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

Третичные цвета создаются при смешивании основного цвета со второстепенным.

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

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

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

  • Красный + фиолетовый = Красно-фиолетовый (пурпурный)
  • Красный + оранжевый = Красно-оранжевый (киноварь)
  • Синий + фиолетовый = Сине-фиолетовый (фиолетовый)
  • Синий + зеленый = Сине-зеленый (бирюзовый)
  • желтый + оранжевый = желто-оранжевый (янтарный)
  • Желтый + зеленый = Желто-зеленый (шартрез)

Колесо теории цвета

Хорошо, отлично.Итак, теперь вы знаете, что такое «основные» цвета, но мы с вами оба знаем, что выбор цветовых комбинаций, особенно на компьютере, предполагает гораздо более широкий диапазон, чем 12 основных цветов.

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

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

оттенок

Оттенок в значительной степени является синонимом того, что мы на самом деле имели в виду, когда произносили слово «цвет».«Все основные и второстепенные цвета, например, являются« оттенками ».

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

Если бы вы, например, смешали оттенки красного и синего, вы бы получили фиолетовый, верно? Но смешайте оттенок красного цвета с оттенком синего, и вы получите взамен слегка окрашенный фиолетовый.

оттенок

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

Оттенок

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

Тон (или насыщенность)

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

Аддитивная и субтрактивная теория цвета

Если вы когда-либо играли с цветом в какой-либо компьютерной программе, вы, вероятно, видели модуль, который перечислял цвета RGB или CMYK с некоторыми числами рядом с буквами.

Вы когда-нибудь задумывались, что означают эти буквы?

CMYK

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

CMYK — это субтрактивная цветовая модель . Это так потому, что вам нужно отнять от цветов, чтобы получить белый цвет. Это означает, что верно обратное — чем больше цветов вы добавляете, тем ближе вы становитесь к черному. Непонятно, правда?

Подумайте о печати листа бумаги. Когда вы впервые кладете лист в принтер, вы обычно печатаете на белом листе бумаги. Добавляя цвет, вы блокируете прохождение белых волн.

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

Мне легче думать о CMYK с точки зрения соответствующих ему чисел. CMYK работает по шкале от 0 до 100. Если C = 100, M = 100, Y = 100 и K = 100, вы получите черный цвет. Но если все четыре цвета равны 0, вы получите настоящий белый цвет.

RGB

Цветовые модели

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

RGB означает красный, зеленый, синий и основан на аддитивной цветовой модели световых волн.Это означает, что чем больше цвета вы добавляете , , тем ближе вы подходите к белому. Для компьютеров RGB создается с использованием шкалы от 0 до 255. Таким образом, черный цвет будет R = 0, G = 0 и B = 0. Белый цвет будет R = 255, G = 255 и B = 255.

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

Однако многие веб-программы предоставляют только значения RGB или HEX-код (код, присвоенный цвету для CSS и HTML).Итак, если вы создаете цифровые изображения или веб-дизайн, RGB, вероятно, лучший выбор для выбора цвета.

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

Как выбрать цветовую схему

  1. Учитывайте свой цветовой контекст.
  2. Обратитесь к цветовому кругу для определения аналогичных цветов.
  3. Обратитесь к цветовому кругу для определения дополнительных цветов.
  4. Сделайте акцент на однотонных цветах одного оттенка.
  5. Используйте тройную цветовую схему для создания высокого контраста.
  6. Создайте разделенную дополнительную цветовую схему.
  7. Не ограничивайтесь предустановками, но начните с одного цвета.

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

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

Когда вы решаете, как создать графику, важно помнить, что то, как мы воспринимаем цвета, зависит от контекста, в котором мы их видим.

1. Учитывайте свой цветовой контекст.

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

Середина каждого круга одинакового размера, формы и цвета.Единственное, что меняется — это цвет фона. Тем не менее, средние круги кажутся мягче или ярче в зависимости от контрастного цвета за ними. Вы даже можете заметить движение или изменение глубины только на основе одного изменения цвета.

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

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

Однако выбрать цвета с высокой контрастностью не всегда так сложно, как выбрать цвета, которые хорошо смотрятся вместе.

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

Но на самом деле у меня обычно не бывает часов, чтобы просто выбирать цвета.(И это, вероятно, было бы пустой тратой времени, даже если бы у меня было несколько часов.)

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

2. Для определения аналогичных цветов обратитесь к цветовому кругу.

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

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

Мне нравится использовать эту цветовую схему для создания более теплых (красный, оранжевый и желтый) или более холодных (пурпурный, синий и зеленый) цветовых палитр, подобных приведенной ниже. Между этими цветами нет большого контраста, но разве они просто не смотрятся вместе?

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

3. Для определения дополнительных цветов обратитесь к цветовому кругу.

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

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

Дополнительная цветовая схема также отлично подходит для диаграмм и графиков. Высокая контрастность помогает выделить важные моменты и выводы.

Однако, если бы я использовал эти цвета в инфографике, мне, вероятно, потребовалось бы использовать более светлый цвет для фактического фона. Можете ли вы представить себе выбор одного из апельсинов в качестве фона с синими акцентами и текстом? Вероятно, это было бы слишком сложно и трудно читать.

4. Сосредоточьтесь на однотонных цветах одного оттенка.

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

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

Обратите внимание на все монохромные цвета, которые подпадают под красный оттенок, основной цвет.

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

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

Цветовые схемы

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

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

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

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

6. Создайте разделенную дополнительную цветовую схему.

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

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

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

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

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

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

Я обнаружил, что простое понимание того, как создаются цветовые схемы, имеет большое значение, чтобы помочь мне выбрать правильную цветовую схему. Если я просто подумаю: «Какова цель этого рисунка?» Я могу начать определять, какой (или насколько мало) контраст мне нужен.

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

7. Не ограничивайтесь предустановками, но начните с одного цвета.

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

  • Не придерживайтесь предустановок. Почти каждая программа, которую вы используете, автоматически предоставит вам предустановленные цвета. Избавьтесь от предустановок и исследуйте цвет самостоятельно.Не позволяйте программе решать, как вы используете цвет в своем дизайне.
  • Начните с одного цвета, который вам нравится. Каждый раз, когда я что-то создаю, я начинаю с одного цвета и на его основе строю цветовую схему. Если вы попытаетесь начать с нескольких цветов, вам будет труднее найти гармонию между вашими цветами.
  • Сохраните свои цветовые схемы. Если вы найдете цвет (или цветовую схему), который вам нравится, возможно, он вам пригодится позже. Я бы не предлагал использовать одну и ту же цветовую схему для каждой диаграммы или рисунка, которые вы создаете, но вы всегда можете использовать разные схемы по-разному позже.
  • Практика ведет к совершенству. Чем больше вы играете с цветом и практикуете дизайн, тем лучше у вас получается. Никто не создает свой шедевр с первого раза.

Инструменты цвета

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

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

Adobe Color

Один из моих любимых цветных инструментов, которые я использую при разработке чего-либо — будь то инфографика или просто круговая диаграмма — это Adobe Color (ранее Adobe Kuler).

Этот бесплатный онлайн-инструмент позволяет быстро создавать цветовые схемы на основе цветовых структур, которые были объяснены ранее в этом посте. После того, как вы выбрали цвета в схеме, которые вам нужны, вы можете скопировать и вставить коды HEX или RGB в любую программу, которую вы используете.

Он также содержит сотни готовых цветовых схем, которые вы можете изучить и использовать в своих проектах. Если вы являетесь пользователем Adobe, вы можете легко сохранить свои темы в своей учетной записи.

Справочник цветов Illustrator

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

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

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

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

Руководства по предустановленным цветам

Если вы не являетесь пользователем Adobe, вероятно, вы хотя бы раз использовали продукты Microsoft Office. Во всех продуктах Office есть предустановленные цвета, которые вы можете использовать и экспериментировать для создания цветовых схем. В PowerPoint также есть несколько предустановок цветовой схемы, которые вы можете использовать, чтобы вдохновить вас на создание своего дизайна.

Расположение цветовых схем в PowerPoint будет зависеть от того, какую версию вы используете, но как только вы найдете цветовые «темы» своего документа, вы можете открыть настройки и найти коды RGB и HEX для используемых цветов.

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

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

Примечание редактора: этот пост был первоначально опубликован в октябре 2018 года и был обновлен для полноты.

Все необходимое для выбора цветовой палитры вашего бренда

Чейз. Ситибанк. Barclay’s. Банк Америки. Все банки. Все используют синий в качестве одного из доминирующих цветов бренда. Даже другие финансовые учреждения, такие как Prudential и Merrill Lynch, используют синий цвет.Очевидно, что это более чем совпадение, что все эти компании, связанные с деньгами, выбрали синий цвет для своего бренда. Так что же они все знают, чего не знаешь ты?

Согласно статье Indian Express, потребители считают, что бренды, использующие синий цвет, более экологичны, чем другие цвета, даже зеленый. Вопрос, на который отвечают наши статьи, — почему?

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

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

Почему фирменные цвета имеют значение


— «Цвета, как и черты лица, следуют смене эмоций.»-Пабло Пикассо

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

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

Один из самых известных теоретиков цвета, Фабер Биррен, много писал о связи между цветами и нашим эмоциональным состоянием, особенно в своей книге «Психология цвета и теория цвета ». Так же, как слова «любовь» и «стойка для велосипеда» вызывают разные эмоции, такие цвета, как красный и синий, также вызывают разные человеческие реакции. Что еще более интересно, одни и те же цвета имеют тенденцию вызывать одинаковые реакции у разных людей; Другими словами, желтый вызывает похожие чувства у людей от Монтаны до Тимбукту.Это распространяется даже на оттенки отдельных цветов, поэтому глубокий темно-синий и светло-голубой также будут иметь разные эффекты.

Теория цвета неразрывно связана с историей человечества, как вы можете видеть на странице рукописи Чарльза Хейтера 1826 года.

Теория цвета идет намного глубже, чем «розовый — красивый цвет». Психологи связывают это с самой эволюцией человека; Связь с определенными цветами развивалась после многих лет связывания их с определенными объектами. Кроваво-красный, например, предупреждает людей об опасности поблизости; коричневый цвет грязи и гнилых продуктов обычно не вызывает аппетита.

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

Американцы много работают ради зеленого, а европейцы много работают за синий?

И не забываем о культурных ассоциациях.Ярким примером является то, как американцы ассоциируют зеленый цвет с деньгами, потому что валюта, которую мы используем каждый день, зеленая. Люди из других стран не обязательно поймут фразу «тратить зелень»; однако «зеленая» компания найдет отклик почти у всех.

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

Применение фирменных цветов


Мы только что отправили вам ваш первый урок.

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

Более того, повторение одного и того же цвета может повысить узнаваемость бренда. Когда в последний раз вы видели банку из-под колы, которая не была красной, или птицу Twitter, которая не была небесно-голубой? (Конечно, мир маркетинга усвоил урок из трагического набега Хайнца на фиолетовый кетчуп.При достаточной экспозиции цвета становятся частью бренда, поэтому вы хотите поощрять эту ассоциацию, последовательно используя цвета вашего бренда.

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

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

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

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

Как определить идентичность вашего бренда


Red сотворил чудеса для Target, которые хотят, чтобы их бренд был энергичным, молодым и ярким. Но красный цвет не подходит для такой компании, как матрасы Casper, которые культивируют индивидуальность бренда, которая является спокойной и расслабленной, что означает хороший ночной сон.

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

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

Что означают разные фирменные цвета?


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

  • Красный — Красный символизирует страсть, волнение и гнев. Это может означать важность и привлекать внимание.
  • Оранжевый — Оранжевый символизирует игривость, жизненную силу и дружелюбие. Бодрит и пробуждает энергию.
  • Желтый — Желтый вызывает счастье, молодость и оптимизм, но также может казаться привлекательным или доступным.
  • Зеленый — Зеленый символизирует стабильность, процветание, рост и связь с природой.
  • Light Blue — Светлый оттенок синего излучает спокойствие, доверие, открытость. Это также может означать невиновность.
  • Темно-синий — Темно-синий символизирует профессионализм, безопасность и формальность. Он зрелый и заслуживающий доверия.
  • Фиолетовый — Фиолетовый может обозначать королевскую власть, креативность и роскошь.
  • Pink — Розовый олицетворяет женственность, молодость и невинность.Он варьируется от современного до роскошного.
  • Коричневый — Коричневый создает грубый, землистый, старомодный вид или настроение.
  • Белый — Белый символизирует чистоту, добродетель, здоровье или простоту. Он может варьироваться от доступного до высококлассного.
  • Серый — Серый означает нейтралитет. Он может выглядеть сдержанным, классическим, серьезным, загадочным или зрелым.
  • Черный — Черный вызывает ощущение мощи, утонченности, резкости, роскоши и современности.

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

Когда дело доходит до передачи кому-то всех своих денег, доверие имеет первостепенное значение.Вот почему на веб-сайтах Chase Bank и других финансовых учреждений так много синего цвета.

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

Формула построения цветовой схемы бренда


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

1. План выбора 3 цветов

Ваша база, акцент и нейтраль. Цветовые схемы бренда могут иметь от 1 до 4 цветов в зависимости от типа (см. Ниже), но даже монохромные схемы потребуют некоторого изменения оттенков для разных целей.

2. Выберите свою базу

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

3. Выберите свой акцент

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

4. Выбор нейтрали

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

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

На протяжении всего процесса выбора цветов для брендинга вы должны помнить о конечной цели: какую цветовую схему вы используете? Обычно бренды используют одну из этих распространенных цветовых схем бренда:

При выборе цветов для брендинга цветовой круг — один из ваших главных помощников. Расположение цветов друг к другу на колесе.
  • Монохроматический — Когда у вас есть одна черта личности, на которой вы хотите сосредоточиться, монохромная схема подчеркнет значение этого одного цвета бренда.Хотя это отлично подходит для минималистских брендов, здесь задача состоит в том, чтобы различать оттенки настолько, чтобы ваше зрение не становилось визуально чахлым.
  • Аналогичный — Цвета, расположенные рядом друг с другом на цветовом круге, имеют гармоничные отношения, так как смежные цвета обычно имеют схожие эмоциональные коннотации. Аналогичные схемы — беспроигрышные ставки, но как таковые не самые лучшие для выделения или привлечения внимания.
  • Дополняющий — Дополнительные или противоположные цвета — это цвета, расположенные прямо напротив друг друга на цветовом круге.Поскольку они противоположны, в паре они раскрывают друг в друге лучшее; вы часто видите дополнительные цвета в спортивных командах. Дополнительные цвета отлично подходят для динамичных, стимулирующих визуальных эффектов, но будьте осторожны, чтобы не копировать другой бренд, поскольку они очень популярны.
  • Triadic — Стабильная цветовая схема брендинга, триадные цвета рисуются в равных частях для трех разных частей цветового круга. Триадические схемы устойчивы, как аналогичные темы, но предлагают более стимулирующее разнообразие, например, дополнительные схемы.Самое сложное — добиться, чтобы три цвета совпадали с особенностями вашей торговой марки.

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

by BATHI

Знайте, когда окрашивать за пределами линий


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

Прочтите эту статью, чтобы получить больше советов по брендингу.

Мы только что отправили вам ваш первый урок.

Как выбрать хорошие цветовые схемы для веб-сайтов (2021)

Как выбрать хорошие цветовые схемы для веб-сайтов (2021)

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

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

Почему важны цвета веб-сайта

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

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

Когда некоторые компании экспериментировали с цветами кнопок, они заметили резкий всплеск или снижение конверсии. Например, компания Beamax, производящая проекционные экраны, заметила колоссальный рост числа кликов по красным ссылкам на 53,1% по сравнению с синими ссылками.

И это не просто клики — исследование психологического воздействия цветов показало, что цвета повышают узнаваемость бренда в среднем на 80%. Например, подумайте о Coca-Cola, и вы, скорее всего, вообразите их яркие красные банки.

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

Как выбрать цветовую схему для вашего сайта

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

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

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

Выберите основной цвет

Лучший способ выбрать основной цвет — это подумать об атмосфере вашего продукта или услуги и просмотреть цвета, которые соответствуют этой атмосфере, чтобы найти тот, который вам нравится.Вот несколько примеров:

  • Красный: Coca-Cola или Nintendo — Подразумевает волнение или счастье
  • Оранжевый : Nickelodeon или Fanta — Подразумевает, что впереди дружелюбное, веселое время
  • Желтый: Nikon или McDonalds — Подразумевает оптимизм и счастье
  • Зеленый: Whole Foods or Animal Planet — Подразумевает свежесть и природу
  • Синий: Walmart или American Express — Подразумевает надежность и уверенность
  • Фиолетовый: Hallmark или Cadbury — Подразумевает выдающийся бренд, который имеет историю качества
  • Коричневый: Nespresso или UPS — подразумевает надежный продукт, которым может пользоваться кто угодно
  • Черный: Chanel или Adidas — Подразумевает роскошь или элегантность
  • Белый: Apple или Nike — Подразумевает гладкие, удобные для пользователя продукты

Если у вас уже есть цветной логотип, имеет смысл выбрать основной цвет, который вам подходит • существующий брендинг.Бренд Nintendo очень красный, и это видно на их домашней странице.

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

Выберите дополнительные цвета

После того, как вы определились с основным цветом, пора выбрать другие цвета, которые вы будете использовать. Хорошей отправной точкой здесь является рассмотрение цветовых комплиментов. У каждого цвета есть своя составляющая, которая делает его «популярным», и они известны как цветовые комплименты.

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

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

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

Хорошим примером использования дополнительных цветов является слуховой аппарат Eargo. Его основной цвет — оранжевый, поэтому он использовал этот более тусклый синий цвет, чтобы выделить этот важный раздел своего веб-сайта. Из того, что мы знаем о цветовых комплиментах, мы можем видеть, как этот синий и ярко-оранжевый контрастируют друг с другом. Оранжевый также выделяет важные элементы, такие как кнопка «добавить в корзину» и логотип.

Выберите цвет фона

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

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

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

Посмотрите на наш собственный веб-сайт, чтобы увидеть, что может выделить пустой серый фон.

Выберите цвет шрифта

4. Выберите цвет шрифта

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

Черный шрифт на белом фоне может вызвать утомление глаз, так как здесь 100% контраст — и люди с большей вероятностью отойдут, если ваш веб-сайт трудно читать.

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

Беглый взгляд на эту страницу веб-сайта Penguin Books показывает, что они выбрали более мягкий серый тон для своего текста. Это намного менее агрессивно, чем резкий черно-белый контраст, и позволяет создать более мягкую атмосферу.

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

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

Используйте постоянную насыщенность

Чтобы усилить свой бренд, вы можете использовать разные цвета с одинаковой насыщенностью. Насыщенность — это еще один способ обозначить яркость цвета. Посмотрите, как компания Innocent использует цвета:

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

Используйте один и тот же цвет, но меняйте насыщенность.

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

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

Дополнительные советы

Дополнительные советы см. В нашей инфографике ниже.

Полезные ресурсы, которые помогут вам найти и выбрать цвета

Если вы готовы начать поиск цветов, с чего начать? Может быть сложно определить оттенок, если вам просто дан цветовой круг. Чаще всего вы выбираете что-то, что выглядит совершенно иначе, когда оно реализовано.И даже если вы найдете один цвет, который вам нравится, вы можете найти палитру, которая будет хорошо работать вместе с ним.

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

Существует также Color Safe, еще один веб-сайт, который позволяет вам создавать и просматривать цвета по типу, что позволяет вам найти идеальный красный или зеленый.

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

Как выбрать цвет для вашего веб-сайта: Резюме

Вот шаги, которые вы захотите предпринять при выборе цветов для своего веб-сайта:

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

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

Часто задаваемые вопросы

Сколько цветов должно быть на сайте?

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

Где использовать привлекательные цвета?

Броские цвета следует использовать экономно, иначе они потеряют эффект. Вы хотите, чтобы это влияние сказалось на точках конверсии, таких как кнопки «Купить сейчас». Дополнительные цвета, как мы упоминали выше, — отличный способ выделить цветовую схему вашего веб-сайта и привлечь внимание пользователя к важному моменту.

Какие цвета самые распространенные?

В брендинге наиболее распространенными цветами являются три основных цвета: красный, зеленый и синий. Это также распространяется на цветовые схемы веб-сайта.

Вы можете сломать шаблон и пойти на желтый или фиолетовый веб-сайт, но основные цвета популярны не зря. Убедитесь, что у вашего бренда есть причина использовать менее распространенный цвет.

Получите в свои руки полный контрольный список для создания веб-сайтов — бесплатно!

Не пропустите — откройте 25 экспертных шагов по созданию лучшего веб-сайта, а также получите эксклюзивные предложения и полезные руководства в нашей регулярной новостной рассылке.Мгновенно присоединяйтесь к более 1600 другим читателям, которые уже подписались, чтобы получить доступ к этому бесплатному контрольному списку. Просто введите свой адрес электронной почты ниже!

Введите свой адрес электронной почты

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

О Конни

Проектирование и создание вашего веб-сайта (особенно вашего первого) — непростая задача. Если вы такой же дизайнер, как я, то вы уже далеко впереди всех. Но что, если вы один из 99% владельцев бизнеса, которые не обладают техническими или творческими способностями? Я хочу поделиться с вами своим опытом в дизайне веб-сайтов, чтобы помочь вам создать профессионально выглядящий веб-сайт для развития вашего бизнеса.

Посмотреть все сообщения Конни →

Мы используем куки. Просматривая наш сайт, вы соглашаетесь на использование файлов cookie.

Идеи цветовой палитры — Полное руководство по выбору цветовой палитры

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

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

Будьте в восторге от вашего декора

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

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

Используйте свой взгляд для вдохновения

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

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

Создание цветовой схемы

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

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

  • Выберите более светлые тона для окраски большинства стен, примерно 60 процентов комнаты.
  • Нарисуйте акцентные стены в гостиной и спальне примерно на 30% в среднем цвете.
  • Наконец, сделайте всплеск цвета у входа или одной стены в столовой, только 10 процентов в самом ярком цвете.

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

Играйте с цветовыми тонами

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

Например, если мы думаем о доме с видом на океан, использование темной песчаной ленты для мебели все равно будет в рамках цветовой схемы. То же самое относится и к другому примеру; бесконечное количество зеленых тонов, которые дополнят выбранные вами ранее основные цвета. Когда вы играете с тонами, помните:

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

Помните о вариантах освещения

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

Тенденции цветовой палитры в 2020 году

Если вы все еще не можете найти лучшую цветовую палитру для своего дома, черпайте вдохновение в самых модных цветах года.

Теплый и гостеприимный

Для тех, кто хочет создать уютный и уютный дом, эта цветовая палитра вдохновлена ​​деревенскими тонами, которые привносят природу внутрь. Эта цветовая схема включает в себя румбу-апельсин (M230-7), харизматический (PPU6-14), пузырчатую скорлупу (S160-3), пряный сидр (S210-5) и красный перец (PPU2-02).

Естественный и захватывающий

Если вам нужен естественный и успокаивающий микс, то смесь синего и зеленого из этой коллекции поможет вам создать успокаивающее убежище. В эту цветовую палитру входят Secret Meadow (S360-6), Back To Nature (S340-4), Light Drizzle (N480-1), Bluebird (PPU15-12) и Dragonfly (PPU12-03).

Современные и традиционные

Наконец, если вы ищете современную и традиционную цветовую палитру, сочетающую пасты с нейтральными оттенками, вот коллекция, которая вам поможет.Идеально подходит для многосемейного дома, который хочет быть динамичным, но теплым и красивым. Эта цветовая схема включает в себя: пыльный сиреневый (N110-1), кремовый гриб (PPU5-13), белый цвет художника (PPU18-08), серый линкор (N360-4) и графический уголь (N500-6).

Включение вашей новой цветовой палитры в дизайн вашего дома

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

Простое руководство по выбору цветовой палитры для вашего дизайна

Цвет передается сам по себе, и, в конце концов, первое впечатление имеет значение.Но позвольте мне задать вам быстрый вопрос: , сколько времени вы тратите на выбор цветовой палитры для своих дизайнов?

Как дизайнеры, мы иногда забываем о важности цвета. Выбор правильной цветовой палитры важен, но непрост. Особенно, если вы только начинаете.

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

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

  1. Основные сведения о цветах
  2. Выбор цветовой палитры, подходящей для вашего дизайна
  3. Получите свою цветовую палитру

1. Основные сведения о цветах

Цветовой круг

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

Фото studioworkstock

12 основных цветов одновременно делятся на три категории:

  • Основные цвета (красный, синий и желтый — в зависимости от цветовой системы): это «самые чистые» цвета, которые нельзя сформировать путем добавления вариаций.
  • Вторичные цвета (оранжевый, зеленый и фиолетовый): они создаются путем объединения двух основных цветов.
  • Третичные цвета: они появляются путем объединения смежных основных и дополнительных цветов. Например, сине-зеленый.
Свойства цвета

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

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

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

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

Пример палитры с холодными цветами

Пример палитры с теплыми цветами

Значение цвета

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

Фото macrovector

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

  • Красный : любовь, огонь, энергия, сила
  • Фиолетовый : власть, богатство, амбиции, роялти
  • Синий : спокойствие, стабильность, доверие, глубина
  • Зеленый : свежесть, природа, рост, безопасность
  • Желтый : радость, энергия, позитивизм, яркость
  • Апельсин : тепло, творчество, счастье, успех

Однако очень важно помнить, что значение цветов тесно связано с культурой, окружающей средой и восприятием человека.Для меня один цвет может означать что-то другое.

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

Цветовые отношения

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

  • Монохроматический: t Его цветовая гамма состоит всего из одного оттенка и его вариаций. Обычно выигрышным вариантом являются однотонные цветовые палитры, никаких рисков, цвета идеально сочетаются. Однако иногда они могут быть скучными.

  • Аналог: обозначает цвета, расположенные рядом друг с другом на цветовом круге.

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

Фото bizkette1

  • Разделение дополнительных: эта схема определяет базовый оттенок и сопоставляет его с двумя цветами рядом с его дополнительными.

  • Триадический: он состоит из трех цветов, равномерно разделенных на цветовом круге.


2. Выбор цветовой палитры, подходящей для вашего дизайна

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

Это не то же самое, что создать баннер со скидками на «Обратную пятницу» в качестве приглашения на день рождения для 8-летнего ребенка.Правильно? Хорошо, разница в этом случае может показаться вам логичной. Но иногда все не так просто.

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

  • Подумайте о концепции, теме и стиле

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

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

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

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

  • Кто является целевой аудиторией?

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

Хотите, чтобы он был наряднее или предпочитаете веселый и веселый вид? Цвета имеют значение.

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

Приглашения на свадьбу не обязательно должны быть розовыми или голубыми. Выйди за рамки правил!

3. Получите свою цветовую палитру

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

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

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

→ Совет: если вы не можете выходить на улицу, также можно использовать обои и пейзажи 😉.

  • Использовать генераторы цветовой палитры

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

Вот некоторые из любимых цветовых генераторов наших дизайнеров: Colourlovers, Coolors, Paletton или Adobe. Генератор Adobe весьма полезен, поскольку вы можете исследовать тенденции и сохранять свои цветовые палитры.Помимо этого, в Instagram полно интересных аккаунтов, ориентированных на сочетания цветов.

Другой вариант — извлечь цветовую палитру из изображения (что, кстати, нам очень нравится). Такие сайты, как генератор палитры, позволяют загружать любое изображение и получать цветовую палитру.

Цветов так много, что мы иногда расстраиваемся и не выбираем цветовую палитру. Большинство цветовых палитр состоит из пяти цветов, , и мы тоже согласны с этим числом (можно и меньше).Для начала убедитесь, что ваша цветовая палитра включает следующее:

Основной цвет: выберите цвет в качестве базового оттенка и создайте на его основе свою палитру.

Нейтральные цвета: в том числе нейтральные цвета (серый, бежевый и т. Д.) Помогут вам сохранить баланс в вашей палитре.

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

Освоив сочетания цветов, поиграйте с цветами, рискните и посмотрите, что получится. Практика ведет к совершенству, так что со временем станет легче.

Заключение

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

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

Как вы думаете? Есть ли какой-нибудь совет для создания палитры? Другой инструмент? Оставьте комментарий и поделитесь с нами своими мыслями!

Станьте автором сейчас!

12 основных советов по выбору цветовой схемы веб-сайта

Знаете ли вы, что 85 процентов покупателей принимают решение о покупке товара на цвете?

Это правда.

Сначала я обнаружил, что этот показатель просто потрясающий.

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

Визуальные стимулы направляют почти все, что мы делаем.

Так почему же все должно быть иначе, когда дело доходит до покупки?

И только подумайте о некоторых из крупнейших мировых брендов.

Большинство из них, как правило, имеют четкую цветовую схему, связанную с их фирменным стилем.

В «Макдоналдсе» — красно-желтый.

Для Dell он синий.

И так далее.

Цвет и брендинг

Как мы все знаем, создание прочной торговой марки жизненно важно.

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

А что является неотъемлемой частью бренда?

Его логотип.

Цветовая гамма, которую компания выбирает для своего логотипа, навсегда переплетается с ее фирменным стилем.

Согласно исследованию, «Цвет увеличивает узнаваемость бренда на 80 процентов».

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

Есть еще кое-что, о чем нужно помнить. Цвет бренда коррелирует со значением бренда .

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

Ценные бренды заботятся о цвете . Много!

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

Взгляните на эти примеры с сайта TheLogoFactory.com

Вы можете мгновенно, обнаружить искусственные логотипы, и вы, , почувствуете, что-то другое, окружающее этот бренд!

Цветовая схема сайта

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

Вы не хотите выбирать цветовую схему наугад или основывать ее на том, «что вам нравится».

Конечно, вам нужна потрясающая эстетика и «сделать это популярным», но цветовая схема — это то, о чем вы хотите много подумать.

Почему?

«Люди подсознательно оценивают окружающую среду или продукт в течение 90 секунд после первого просмотра. От 62 до 90 процентов этой оценки основано только на цвете ».

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

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

1. Понять, как цвет влияет на эмоции

Первое, что я рекомендую, — это ознакомиться с тем, как цвет влияет на человека на эмоциональном уровне.

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

Обратите внимание, что влияние цвета может варьироваться в зависимости от географического положения.

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

Я также наткнулся на справочник Color Emotion Guide , в котором объясняются эмоции, которые мы связываем с цветами, и приводятся некоторые примеры брендов, использующих каждый цвет.

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

2. Учитывайте общую демографию

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

С кем вы пытаетесь связаться и продать?

Какие эмоции вы пытаетесь вызвать?

Это чрезвычайно важные вопросы, которые стоит задать себе.

Я рекомендую ознакомиться с этой информацией от Fast Company, которая объясняет эмоции и психологию обычных цветов.

Учитывайте индивидуальность и эмоции вашей целевой аудитории.

Затем выберите лучший цвет, который будет основным цветом для цветовой схемы вашего веб-сайта.

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

3. Учитывать пол

Хотя это не относится ко всем, некоторые компании в основном обслуживают людей определенного пола.

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

Исследование, проведенное Джо Хэллоком « Color Assignments », показало, что в среднем каждый пол имеет определенные цветовые предпочтения.

Вот что я имею в виду.

Как видите, мужчинам очень нравится синий и не нравится коричневый и фиолетовый.

Женщины любят синий и фиолетовый и не любят коричневый и оранжевый.

Это еще один фактор, о котором следует помнить.

4. Учитывать возрастную группу

Здесь есть кое-что, о чем следует подумать, что может быть неочевидным — возрастная группа.

Знаете ли вы, что цветовые предпочтения человека могут меняться с возрастом?

Согласно исследованию Джо Хэллока, это правда.

Вот любимые цвета людей по возрастным группам.

Вот наименее любимый цвет людей по возрастным группам.

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

5. Пройдите «Цветную викторину»

Если вам нужна небольшая помощь в выборе основного цвета, вы можете пройти тест от Grasshopper.

Вас спросят, например, «что лучше всего описывает ваших клиентов» и «какой тип продукта вы предлагаете».

Это быстро и легко (всего семь вопросов), но может указать вам правильное направление, если вы не знаете, в каком направлении двигаться.

6. Избавьтесь от предубеждений

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

И это на основании их личных предпочтений, а не психологии.

Если ваш любимый цвет — синий, очень заманчиво сделать его основным цветом.

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

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

7. Решите, сколько цветов использовать

Итак, на этом этапе вы должны иметь в виду основной цвет.

А теперь пора выяснить, сколько всего цветов вы хотите использовать.

Хотя для этого не существует универсальной формулы, я хотел бы указать на то, что называется правилом 60-30-10.

Короче говоря, это правило используется для создания цветовой схемы в таких областях, как дизайн интерьера и мода, и включает разделение трех цветов на процентное соотношение для создания «идеальной гармонии».

Вот как все это ломается.

  • 60 процентов доминирующего цвета
  • 30 процентов вторичного цвета
  • 10 процентов акцентного цвета

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

Если вам нужен пример правила 60-30-10, не ищите ничего, кроме Quick Sprout.

Обратите внимание на то, что зеленый является основным цветом, белый — второстепенным, а черный — основным.

Итак, когда все это сводится к минимуму, это означает, что идеальное количество цветов для использования было бы … барабанная дробь, пожалуйста!

Три.

Я не говорю, что вам нужно использовать три цвета, но это хорошее число, к которому нужно стремиться.

Использование более четырех цветов может сделать вещи сложными и совершенно уродливыми.

8. Выбери свой набор цветов

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

Я не эксперт по дизайну, но одна вещь, которую вы обязательно захотите, — это контраст.

Лично я предпочитаю сайты со светлым фоном и более темными контрастами на переднем плане.

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

Вот хороший пример.

Однако есть сайты, которые неплохо справляются с темным фоном.

Возьмем, к примеру, «Чудо-хлеб».

9. Проконсультируйтесь с цветовым кругом

Помните, в классе рисования вы узнали о «цветовом круге»?

Что ж, это может быть огромным подспорьем при выборе цветовой схемы сайта.

Что вы хотите сделать, так это выбрать либо «аналогичные цвета», которые похожи и расположены рядом друг с другом на цветовом круге, либо «дополнительные цвета», которые находятся прямо напротив друг друга на цветовом круге.

Вот о чем я.

Один из возможных вариантов дополнительных цветов — желтый и фиолетовый.

Еще бы зеленый и оранжевый.

Один из вариантов аналогичных цветов — оранжевый и красный.

Другой будет зелено-синим.

10. Используйте вспомогательные инструменты

Вот совет по оптимизации процесса.

Используйте такой инструмент, как Colorspire.

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

Это поможет вам сэкономить много времени и поможет подобрать подходящую цветовую комбинацию.

Или, если Colorspire вам не нравится, я рекомендую посмотреть этот список отличных инструментов для выбора цветовой схемы веб-сайта.

11. Ознакомьтесь с конкурентами

Вы также можете многому научиться у конкурентов в вашей отрасли.

Я рекомендую проверить по крайней мере три веб-сайта прямых конкурентов и поискать общие закономерности в их цветовой гамме.

Это должно дать вам представление о том, какие типы тонов они используют.

Оттуда у вас есть один из двух вариантов.

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

Я лично сторонник второго варианта, если вы хотите создать свой собственный бренд.

12. Сравните несколько разных цветовых схем

Вот в чем дело.

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

На самом деле, это может быть очень ограничивающим фактором.

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

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

Затем сузьте его, пока не найдете цветовую схему, подходящую для вашего бренда, до T.

Заключение

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

Это просто вопрос понимания психологии цвета и эмоций, которые вызывают различные цвета.

Вы также захотите получить базовое представление о правиле 60-30-10 и о том, как работает цветовое колесо.

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

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

Все это может иметь огромное влияние на ваш бизнес.

Какие факторы вы учитываете при выборе цветовой схемы?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

9 шагов к выбору идеальной цветовой палитры

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

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

Выбор цветовой палитры

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

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

Стиль и тема

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

Выберите анкерную ткань

Имея в виду стиль и тему, выберите «якорную» ткань трех или более цветов.Это будет главным источником вдохновения для комнаты. Разместите анкерную ткань как минимум в трех местах в комнате, например, на обивке, подушках или шторах.

Цвет стены

Выберите цвет фона из якорной ткани в качестве цвета стены для вашей комнаты. Вам нужно разделить использование цвета примерно на 60 процентов комнаты на фоновый (самый светлый) цвет, на 30 процентов на средние тона и на 10 процентов на самые яркие акцентные цвета.

Полы и мебель

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

Аксессуары и акценты

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

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

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

.

Добавить комментарий

Ваш адрес email не будет опубликован.