СОЧЕТАНИЯ ЦВЕТОВ или ЦВЕТОВЫЕ КОМБИНАЦИИ
Курс о ТЕОРИИ ЦВЕТА завершен, но я еще хочу к нему вернуться, что бы облегчить работу с Вашими новыми индивидуальными палитрами.
Как формировать сочетания цветов в ансамбле?
Началась весна, солнце и очень хочется ЦВЕТА!
Как не испортить ваш наряд, а подчеркнуть его гармонию при помощи цвета?
Вам поможет все тот же цветовой круг Итена:
Рассмотрим 10 типов цветовых сочетаний:
1. Ахроматический
2. Основные
3. Составные
4. Сложные
5. Контрастные
6. Дополнительные
7. Монохраматические
8. Родственные
9. Нейтральные
10. Родственно-контрастные
Эти цвета вы в спектральном круге не найдете, эти цвета получаются путем смешивания хроматических/цветных тонов.
В природе не встречается чистых ахроматических цветов, всегда черный/серый цвет будет иметь какой-то цветной подтон.
При уменьшении яркости цветного оттенка цвет будет стремиться стать черным, так же и при увеличении яркости цвет будет стремиться стать белым цветом.
Основные
Как мы помним основные цвета цветового круга по Иттену: желтый, синий и красный.
При смешивании с их помощью можно создавать массу оттенков.
Составные
Составные цвета — это цвета полученные от смешивании основных: оранжевый (красный и желтый), зеленый (желтый и синий) и фиолетовый (красный и синий).
Сложные
Далее смешиваем уже составные цвета с основными в равной пропорции и получаем еще 6 сложных цветов.
На цветовом круге сложные оттенки находятся между составными цветами.
Если менять пропорция смешивания цветов осветлять/затемнять цвета, мы получим массу новых оттенков и объемную картинку цветового шара.
Три сложных цвета, пример:
Так же можно смешивать не только три основные цвета и на базе их составлять сложные и составные, но всегда ЧИСТЫЕ хроматические цвета, но так же можно добавлять в чистые цветные оттенки ахроматические цвета (черный/белый цвет) и получать цвета приглушенные или темные оттенки, пример:
Рассмотрим расположение цветов на ПОЛНОМ цветовом круге более детально:
Контрастные
Два цвета находящиеся на цветовом круге через ТРИ ПРОМЕЖУТОЧНЫХ цвета называются контрастные. Их 6 пар, по количеству цветов в основном круге.
Это НЕ дополнительные цвета, а именно контрастные, пример:
Что бы сделать свой образ более кричащим, театральный даже цирковым можно использовать эти сочетания. Но будьте осторожны, не переусердствуйте, помните, что эти сочетания очень акцентирующее внимание!
При добавлении ахроматических цветов в контрастные сочетания, их яркость можно приручить и приспособить к будничной жизни.
Дополнительные
Цвета противоположные друг другу на цветовом круге называются дополнительными/комплиментарными. Смешивание двух дополнительных цветов дает нам чистый белый цвет!
Идеально чистые дополнительные цвета часто не украшают друг друга. Смягченные/разбеленные дополнительн
Родственные
Любые три цвета, которые идут один за другим на цветовом круге называются родственными или гармоничными. Вариантов всего 12 троек, пример:
Нейтральные
Два цвета рядом расположенные на цветовом круге в пределах двух полос цветов, смешанные с ахроматическим цветом (белый/черным) или при добавлении родственных оттенков дадут нам нейтральные цвета, пример:
Родственно-контрастные
Цвета и их оттенки, расположенными на цветовом круге слева и справа от дополнительного цвета называются родственно-контрастные, пример:
авт. Копылова И.В.
(любое копирование текста без разрешения автора ЗАПРЕЩЕНО)
Цветовые сочетания | Высоцкая Life
Многие замечали, что в однотонном помещении долго находиться некомфортно, что обилие одного цвета усыпляет, а другой может, наоборот, вызывать раздражение. Оказывается, цвет влияет на наше психофизическое состояние. Дизайнеры интерьеров успешно используют в работе эти знания.
Согласно цветовому кругу, цвета делятся на две группы: активные теплые тона и успокаивающие холодные. Белый, серый и черный составляют группу нейтральных цветов. Красный цвет — самый стимулирующий, его переизбыток часто утомляет людей возбудимых и склонных к тревожности. Однако грамотно распределенная в пространстве красная гамма способна пробудить оптимизм и уверенность. Красный цвет в интерьере подходит для кухни, прихожей, спортивного зала или офиса. Оранжевый цвет создает дружелюбную атмосферу и заряжает бодростью. Его часто применяют в оформлении офисов, кабинетов, библиотек или столовых. Желтый цвет улучшает память и способствует самореализации, этот цвет солнца, свободы и веселья идеально смотрится в детской комнате, главное — выбрать правильный оттенок и не переусердствовать с количеством, иначе эффект может быть обратным.
Голубой цвет успокаивает и помогает от бессонницы, а значит, хорошо подходит для оформления спален или интерьеров лечебниц и курортов. Синий цвет — воплощение спокойствия и безмятежности, он хорош в интерьере ванной комнаты или детской, если ребенок чересчур активен. Кстати, синий цвет визуально увеличивает пространство, однако в больших количествах может вызывать апатию и уныние. Зеленый цвет универсален: в спальне и гостиной он приносит ощущение спокойствия, в офисе, на кухне или в ресторане способен побуждать к действию. Фиолетовый цвет в интерьере смотрится неестественно, а потому уместен только в качестве экстравагантного акцента.
Белый цвет подходит для помещений любого размера. Он имеет свойство заряжать энергией, но в случае переизбытка может вызвать ощущение отрешенности или пустоты. Зато белый хорош в качестве фона для ярких акцентов. Интерьер в черных тонах — смелый выбор. Обычно черный цвет используют в контрастных сочетаниях и в небольшом количестве, чтобы избежать состояния подавленности.
Теория цвета и цветовые сочетания
Цвет – это волны определенного рода электромагнитной энергии, которые после восприятия глазом человека преобразуются в цветовые ощущения.
Цвет доступен не всем животным на Земле. Полное цветное зрение есть у птиц и приматов, остальные в лучшем случае различают некоторые оттенки, в основном красный.
Появление цветного зрения связано с образом питания. Считается, что у приматов оно появилось в процессе поиска съедобных листьев и зрелых плодов. В дальнейшей эволюции цвет стал помогать человеку определять опасность, запоминать местность, различать растения, определять погоду по цвету облаков.
Цвет- это носитель информации и в жизни человека стал играть огромную роль.
Цвет –
Пример: Красный цвет светофора – предупреждение об опасности. С помощью цветовых образов можно донести до человека больше информации.
Цвет вызывает эстетическое удовлетворение или неудовольствие.
Цвет влияет на нашу нервную систему, заставляет учащаться или замедляться сердцебиение, влияет на обмен веществ и т. д. Например: в комнате, выкрашенной в синий цвет, кажется прохладней, чем есть на самом деле, потому что, синий замедляет наше сердцебиение, погружает нас в покой.
С каждым столетием цвет все больше и больше несет для нас информации, и теперь есть такое понятие как «цвет культуры», цвет в политических движении и обществ.
Три свойства цвета, которые представляют собой общий язык теории цвета:
Цветовой тон–это основная характеристика, по которой называют цвета (например, красный, синий, желтый). Существует обширная палитра цветов, основой которой являются 3 цвета (синий, желтый и красный)
они, в свою очередь, являются сокращением от 7
основных цветов радуги (потому что, смешивая основные цвета можно получить недостающие 4).
Тона получают смешиванием в разных пропорциях основных цветов. Тона и оттенки – синонимы.
Яркость – это бледность или затемненность оттенка (цвета). Яркими считается «чистые» цвета, без примеси белого или черного. У каждого тона максимальная яркость наблюдается при разной светлоте: тон/светлота. Полутонами называется незначительное, но уловимое глазом изменение в цвете
Насыщенность — степень отличия хроматического цвета от равного ему по светлоте ахроматического, «глубина» цвета. Два оттенка одного тона могут различаться степенью блёклости. При уменьшении насыщенности каждый хроматический цвет приближается к серому
Цветовые сочетания
Существует множество способов сочетать цвета, остановимся на трёх самых успешных и часто используемых.
Триада (тройная гармония, треугольник)
Триада — основная и самая сбалансированная система из трёх цветов. В ней используется резонанс и дополнение цветов, но нет сложного контраста, из-за чего триада является самой надёжной гаммой.
На цветовом круге из 12 цветов нужно выбрать любые три, расположенные в 120 градусах друг от друга.
Двойная комплиментарная система
Используется четыре цвета: два контрастных и два дополнительных.
Аналоги (последовательная система)
Гамма аналогичных цветов использует в основном дополняющие друг друга оттенки. Это позволяет особенно ярко подчеркнуть какие-то качества и вызвать определённые эмоции.
Инструменты-помощники для выбора цвета
Есть несколько инструментов, которые помогают воплотить теорию цвета на практике. Попробуйте эти палитры, чтобы не надо было начинать с нуля в создании своей цветовой комбинации:
- Adobe Color CC, ранее известный как Adobe Kuler. Это один из самых надёжных инструментов в выборе цвета.
- Paletton. Если вам нужен простой инструмент для максимально быстрого выбора цвета, Paletton отлично подойдёт.
- Flat UI Color Picker
hiddenИспользуемые источники
Теория цвета. Цветовые сочетания в фото
Вдумчивое сочетание цветов в кадре может благотворно повлиять на композицию Ваших снимков. В этом уроке Вы узнаете о наиболее значимых для фотографии принципах цветовой гармонии – все они согласуются с теорией цвета – и как с помощью них вывести свои снимки на новый уровень.
Большинство из нас не задумываются о роли цвета в фотографиях. Как только Вы скажите себе «Стоп!» и по-настоящему уделите внимание этому вопросу, начнёте внимательнее относится к поиску цветовых решений в кадре, Вы увидите радикальные изменения в Ваших снимках.
В этом уроке мы коснёмся базовых идей теории цвета. Покажем, как пользоваться цветовым кругом, гармонично сочетать цвета и искать оттенки, соответствующие какому-либо заданному цвету. Затем сконцентрируемся на том, как создавать привлекательные красочные снимки, управляя цветом.
Вам понадобится яркая одежда и отрезы разноцветных материй. В секонд-хендах и магазинах тканей Вы без проблем подберёте подходящие элементы.
Сначала мы покажем, как добавить один-два пятна одного насыщенного цвета к существующему нейтральному цветовому решению, чтобы придать портретам искромётной выразительности. Затем мы поэкспериментируем с комплементарными цветами (они располагаются на цветовом круге противоположно друг другу), будем сочетать их в кадре. На третьем этапе мы смешаем разные тона одно и того же цвета, чтобы произвести глубокое впечатление на зрителя. Напоследок повеселимся: перемешаем цвета в кадре, чтобы придать фотографиям радужное настроение.
Ещё мы изучим влияние освещения на восприятие цветов. Вы сможете увидеть, насколько огромна роль света в жизни цветов на изображении.
Цвета мистическим образом оказывают воздействие на наше настроение. Управляя цветами на фотографии, Вы управляете настроением зрителя.
Совет 1. Прикоснитесь цветом
Начнём с самого простого пути: добавим цветовой акцент к нейтральной по цвету композиции. Красный цвет – беспроигрышный вариант. Однако любые тёплые оттенки, например оранжевый и розовый, тоже сделают большое дело. Своим присутствием в кадре они создадут центр внимания.
Красная помада на губах нашей модели и алый шарф, повязанный на шее, выделяются на нейтральном фоне чёрного пальто и сероватых стен. Цветовые пятна приковывают к себе взгляд и порхают словно весенние ласточки, норовя вылететь за пределы кадра, в пространство зрителя.
Совет 2. Сочетайте комплементарные цвета
Как только Вы освоили создание цветовых акцентов, переходите к сочетанию двух цветов. Комбинация комплементарных цветов придаст сочности и выразительности портрету.
Самый простой способ подобрать дополняющие друг друга оттенки – обратиться к цветовому кругу. Противоположные на круге цвета, такие как оранжевый и синий, красный и зелёный, являются комплементарными и образуют гармоничные цветовые сочетания.
Совет 3. Используйте тона одного цвета
Цвета способны пробудить сильные эмоции. Например, красный цвет стимулирует нервную систему, символизирует страсть и опасность; синий, напротив, вызывает мгновенный успокаивающий эффект.
Играйте чувствами зрителя, сочетая различные тона одного цвета. В нашем случае мы использовали оттенки зелёного цвета, чтобы создать расслабляющий эффект.
Позаботьтесь о корректном балансе белого
Вы можете видеть на двух верхних портретах, насколько сильно баланс белого влияет на цветовое решение снимка. Для первой фотографии мы использовали настройку «Лампа накаливания» (Tungsten), чтобы приглушить фиолетовый оттенок в платье модели и сделать изображение более холодным. Для второй фотографии мы выбрали «Дневной свет» (Daylight), чтобы, наоборот, придать теплоты.
Совет 4. Создавайте цветовой диссонанс
И в построении кадра, и в сочетании цветов Вам иногда следует нарушать правила. Смешивайте цвета и оценивайте визуальный эффект. Чем больше Вы экспериментируете, тем легче определяете, какое сочетание гармонично, а какое выглядит нелепо.
В этом портрете комбинация голубых стен, зелёного платья, фиолетовой шали и жёлтых тюльпанов нарушает правила. Однако, столкнув цвета вместе под мягким освещением, мы создали привлекательный своей радужностью диссонанс.
На заметку. Используйте Kuler для подбора двух комплементарных цветов. Это излюбленный инструмент дизайнеров: он помогает быстро составлять целые цветовые палитры.
Совет 5. Усильте цветовой эффект с помощью освещения
Поиск удачного цветового решения включает в себя работу со светом. Например, одни и те же цвета, сфотографированные под жёсткими прямыми лучами солнца, выглядят совершенно иначе, чем в мягком обволакивающем свете внутри помещения. Также, на восприятие цветов влияет положение источника света относительно модели. Покажем это.
Посмотрите на три снимка ниже. Цвета на шарфе выглядят по-разному, в зависимости от направления световых лучей. В то время как фронтальное освещение проявляет цвета точно, заднее освещение приглушает насыщенность, превращая сочные оттенки в пастельные тона. Наконец, боковое освещение создаёт контрастирующие цветовые области.
Мы фотографировали с естественным светом, но те же эффекты возникают при искусственном освещении.
Фронтальное освещение
Пока Вы держите свет перед моделью, цвета изображаются на фотографии такими, какими Вы видите их в жизни. Цветовые тона и насыщенности остаются неизменными для любого участка шарфа.
Заднее (контровое) освещение
Заднее освещение – солнце располагается позади модели – уменьшает насыщенность и светлоту цветов. На снимке выше мягкий отражённый на модель свет деликатно проявляет цвета шарфа, придавая снимку романтическое и равновесное настроение.
Боковое освещение
Оно резко подчёркивает текстуры и создаёт цветовые контрасты. Части шарфа, обращённые к солнцу, окрашены в сочные и светлые краски, в то время как, на противоположной стороне цвета выглядят тёмными.
Автор статьи: Jeff Meyer
Цветовые сочетания, которые вы захотите попробовать и не пожалеете.
Цветовые сочетания, которые вы захотите попробовать и не пожалеете.
Существует целый ряд классических цветовых сочетаний, которые можно встретить в интерьерах любого бюджета и стиля. Они проверены, безопасны, универсальны, и в этом их неоспоримое достоинство. Но всем иногда хочется чего-то новенького (особенно если вы вот уже пятый год смотрите на один и тот же бежевый диван), и здесь на помощь приходят новые, свежие и необычные цветовые комбинации.
Семь сочетаний, которые точно стоит попробовать у себя дома.
Голубой + красный
Тандем красного и голубого нечасто встретишь в интерьере: из-за стереотипов о несочетаемости холодных и тёплых цветов «лёд и пламя» просто боятся смешивать в одном помещении. На самом же деле, если правильно подобрать оттенки, риск почти всегда оказывается оправдан. К тому же необязательно смешивать эти цвета в равных пропорциях: можно взять нейтральный голубой в качестве фона, а холодный оттенок красного использовать для акцентов.
Лаймовый + голубой
Ярко-голубой и оттенок лайма — свежее, динамичное и по-настоящему летнее сочетание, которое будет наполнять комнату красками даже в пасмурные дни. Чтобы такая насыщенная цветовая пара не утомляла, рекомендуем использовать её локально, разбавив белым и любыми светлыми пастельными тонами.
Серый + чёрный + белый
Нет ничего более классического, чем чёрно-белое сочетание, так что же оно делает в нашей подборке? Как ни странно, его часто считают слишком официозным и холодным для жилых помещений. Именно поэтому предлагаем разбавить чёрно-белую гамму и добавить интерьеру объёма с помощью оттенков серого. Кому-то такая палитра может показаться скучной, но европейские интерьеры каждый раз убедительно доказывают, что это не так. Оживят монохромную гамму разнообразные фактуры, интересный декор и живые растения.
Серый + изумрудный
Главное достоинство серого цвета — его благородство при общей нейтральности. Вы можете выкрасить в него все стены или выбрать только один предмет серого цвета, он будет в любом случае смотреться шикарно. А вот подчеркнуть элегантность и добавить палитре глубины может зелёный цвет, особенно его насыщенный изумрудный оттенок. Используйте его в качестве акцентов на сером фоне и сочетайте с холодными металлами, зеркальными поверхностями и контрастным чёрно-белым ансамблем.
Бургунди + оттенки белого
Мало кто может устоять перед цветом бургунди, но также немногие осмеливаются вводить его в интерьер, особенно в больших объёмах. Однако если уравновесить этот активный цвет белым, серым или пастельными оттенками белого, получится очень женственное, необычное и немного загадочное сочетание, от которого при этом не будут уставать глаза.
Светлые цвета добавляют помещению света и простора. Они прекрасно справляются с ролью основного цвета в любом помещении и любом стиле. Белый и его производные оттенки послужат отличным холстом, на котором с помощью яркой мебели и декора можно создать неповторимую картину вашего интерьера. Кроме того, белый прекрасно сочетается с любыми другими цветами. С его помощью можно оформить яркий интерьер, используя довольно простые приёмы декорирования.
Кобальтовый + бирюзовый
Сочетанием нескольких оттенков одного цвета давно никого не удивишь, но что если речь идёт про активные и яркие тона? Скомбинировать в одном интерьере бирюзовый и кобальтовый синий решится далеко не каждый: оба оттенка самодостаточные и очень насыщенные. Бояться их, впрочем, не стоит: если вы не поклонник ярких цветов, использовать кобальт и бирюзу можно либо в качестве небольших акцентов, либо в приглушённом варианте. Разбавлять же это сочетание однозначно стоит воздушным и освежающим белым цветом.
Шартрез + лавандовый
Шартрез — жёлто-зелёный цвет, получивший своё название от одноимённого французского ликёра. Уникален он тем, что лучше всего распознаётся рецепторами мозга и благодаря этому является самым заметным для человека оттенком. В интерьере шартрез, который психологи используют как успокаивающий цвет, прекрасно подойдёт для приватных помещений, а с лавандой образует интересное и уютное сочетание, напоминающее о прованских полях.
Так, в юбилейной коллекции, посвящённой 70-летию знаменитых английских красок, можно найти сочетание сине-зелёного (Vardo) и серо-голубого (Inchyra Blue) цветов. Цыганское вардо — особый вид жилых вагончиков на колёсах, украшение которых считалось важнейшим аспектом культуры этого народа. Насыщенный сине-зелёный цвет хорошо сочетается с красными и тёмно-серыми оттенками. А винтажный серо-голубой оттенок Inchyra Blue обязан своим названием деревне Инчайра, где был впервые использован в классическом доме в эпоху короля Георга, чтобы цвета интерьера гармонировали с переменчивой погодой Шотландии.
Cочетание цветов в интерьере
Человек знает больше, чем может объяснить. Это явление называют по-разному: интуицией, шестым чувством, подсознанием, зовом сердца — как угодно. И вы его переживали неоднократно. Например, когда вы смотрите на фото интерьера, видите обстановку, цвет и чувствуете: что-то не так — или наоборот: отлично — а объяснить почему, не можете. К выбору цвета люди также подходят интуитивно: почему-то нравиться, а почему?… Но, сегодня мы постараемся сделать так, чтобы одной загадкой стало меньше.
Что означает сочетание цветов. Для чего сочетать?
Сочетание цветов — это результат взаимодействия всех используемых цветов и оттенков.
Чтобы разобраться с сочетанием цвета нужно вникнуть для чего это делать. Цвет в интерьере воздействует на визуальное восприятие человеком — это не только красиво и не красиво, но и направленные визуальные восприятия: пространства, перспективы, баланса, настроения, температуры.
Пространство — цветом можно визуально увеличить или уменьшить пространство.
Перспектива — цветом можно удалить или приблизить предметы в интерьере, сочетанием цветов можно создать передний и задний планы.
Баланс — цветом и сочетанием цветов, уравновешивают общее восприятие интерьера, или вводят дисбаланс, чтобы изменить характер интерьера.
Настроение — есть легкие радостные цвета и противоположные им: тяжёлые, угрюмые, строгие.
Температура — цветом воздействуют на восприятие человеком тепла в помещении: утепляют и охлаждают интерьер.
Также, цветом можно выразить различные ассоциации: небо, землю, песок, отношение историческому периоду или региону.
Цвета, которые мы используем в интерьере работают совместно. Один цвет может усилить, ослабить или видоизменить другой цвет и его восприятие. Например, нейтральный ахроматический серый цвет заиграет розоватыми оттенками в окружении ярко-желтого цвета:
И в окружении красного, он таким уже не является:
Хотя, это одинаковый однотонный серый цвет, а изменённая цветовая тональность возникает только в наших глазах. Также присмотритесь, в окружении жёлтого цвета, серый выглядит темнее, а в окружении красного светлее, но опять же — это изменение происходит только в наших глазах.
Если неосмысленно наполнять интерьер разными цветами, то в конечном итоге, можно получить цветовой хаос. Чтобы этого не произошло, следуйте правилам гармоничных сочетаний. О них и пойдет речь далее.
Правила гармоничных сочетаний
Гармоничные сочетания — это сочетания между собой отличающихся цветов для создания визуального балансового единства и уравновешивания всей цветовой композиции в интерьере. Отличия в цветах называются контрастом.
Контраст — визуальная разница между цветами относительно друг друга. Чем больше отличие в цветах, тем больший между ними контраст или по-другому можно сказать — цвета больше контрастируют друг с другом. Когда отличия в цветах достигают предела — это называется полярный контраст. Самый сильный полярный контраст — контраст сочетания чёрного и белого цвета.
В понимании большинства людей гармоничные цвета это похожие цвета. От части, это верно, но, лишь от маленькой части. Гармоничные цветовые сочетания работают как в близких цветовых комбинациях, так и далёких. Рассмотрим варианты цветовых сочетаний и начнём с самых понятных и привычных.
Монохромное сочетание цветов
Монохромное сочетание происходит от понятия один цвет. Этот вариант сочетаний разделяется на два вида: чёрно-белое сочетание, и сочетание в рамках одного цветового тона хроматического цвета.
Чёрно-белое сочетание цветов
Чёрно-белое монохромное сочетание — происходит при использовании чёрного, белого и серого цвета производного от чёрного и белого. Контраст между белым и чёрным цветом самый сильный из всех контрастов.
Сочетание чёрного и белого цвета изначально гармонично.
Чёрно-белым может быть как весь интерьер, так и отдельная часть интерьера, в этом случае, произойдет визуальное цветовое зонирование.
Если вы выбрали чёрно-белый интерьер, то, при последующем желании, его можно трансформировать в другую цветовую комбинацию, так как чёрный и белый цвета универсальны и совместимы со всеми цветами.
Чёрный, белый, серый цвет — могут присутствовать при любом цветовом сочетании, не нарушая гармоничности.
Монохромное сочетание цветов с одним хроматическим цветом
Монохромное сочетание происходит при использовании одного цветового тона хроматического цвета с последующим его осветлением, затемнением, или изменением насыщенности. Цветовой тон — это любой оттенок из хроматических цветов, то есть любой цветной. Хроматические цвета и оттенки рассматривали в прошлой статье.
В монохромной цветовой палитре гармония достигается за счёт гармоничности близких цветов. Посмотрим на примерах, какие цветовые вариации приобретает жёлтый цвет в монохромной цветовой палитре.
Осветление жёлтого белым:
Затемнение жёлтого чёрным:
Изменение жёлтого по насыщенности — затемнение жёлтого серым:
Монохромное цветовое сочетание выбирают люди, которым нравиться один определённый цвет. Присмотритесь, сколько вариаций возникает с одним цветом при простых процедурах: изменения насыщенности, осветления, затемнения — может быть этого разнообразия и вам окажется достаточно.
Контрастные сочетания хроматических цветов и оттенков
Контрастные сочетания хроматических цветов, основаны на сочетании противоположных цветов цветового круга:
Цвета, расположенные напротив, являются максимально контрастными. Применение чистых хроматических цветов в интерьере не всегда удобно из-за излишней яркости. Чтобы сделать цвета более приглушенными их осветляют или затемняют и сочетания цветов строятся по цветам соответствующей светлоты, для этого применяют цветовой круг с осветлённой и затемнённой палитрой:
Сочетание хроматических цветов считается гармоничным, когда при, условном, смешении всех используемых цветов получатся чёрный или серый цвет без цветного оттенка.
Под условным смешение цветов подразумевается то, что цвет уже содержится в материальном объекте, и смешать механически его нельзя, можно только, мысленно представить.
Рассмотрим как образуются контрастные сочетания хроматических цветов.
Сочетание двух цветов. Контраст дополнительных цветов
Контрастное сочетание двух цветов строится на противопоставлении противоположных цветов в цветовом круге:
Для чистого жёлтого цвета, противоположным будет фиолетовый цвет. Для осветленного жёлтого осветлённый фиолетовый.
Противоположный цвет в интерьере вводится, для создания сильного акцента или визуального балансового равновесия.
Сочетание трёх цветов
Для определения трехцветного гармоничного сочетания, цвета в цветовом круге соединяются равносторонним или равнобедренным треугольником.
Трехцветная модель гармоничного сочетания, делает интерьеры разнообразнее и богаче по цветам. Если ваш любимый цвет жёлтый и зелёный, то третьим дополнительным цветом к нему будет красно-оранжевый. Если эта вариация не подходит, то посмотрите на цветовые комбинации из четырёх цветов.
Сочетание четырёх и более цветов
Аналогично, если вписывать в цветовой круг: квадрат, прямоугольник, шестиугольник — образуются равновесные цветовые комбинации.
Многоцветные модели уводят в большую цветовую вариативность. Однако, стоит не забывать, что вариативность рассеивает взгляд, а чрезмерное разнообразие цветов может привести к цветовому хаосу.
Однополярное сочетание или сочетание аналогичных цветов
Модель полярного или аналогичного сочетания строится вокруг одного основного цвета и близких к нему оттенков, содержащих, дополняющие цвета.
Аналогичная модель для основного жёлтого цвета состоит из сочетания: жёлтого, зелёного и оранжевого цветов:
Если ваши цветовые вкусы лежат в области похожих цветов, то вы можете воспользоваться моделью аналогичного сочетания.
Созвучное сочетания цветов и оттенков. Цветовой шар Иттена
Созвучное сочетание цветов отличается от контраста дополнительных цветов тем, что правила контрастов учитывают дополнительную контрастность между затемнёнными и осветленными хроматическими цветами, и участие ахроматических: белого, серого и чёрного цвета — в комбинации цветовых сочетаний. Для определения цветового созвучия применяется цветовой шар Иттена, от имени художника и колориста, изучавшего теорию цветового воздействия на человека.
Середина шара —линия экватора, это хроматические основные и дополнительные цвета, в их максимальной тональности.
При движении от экватора к условному северу, хроматические цвета осветляются добавлением белого цвета, полюс имеет естественный белый цвет.
При движении от экватора к южному полюсу, хроматические цвета затемняются и на полюсе образуется естественный чёрный цвет.
Для упрощения представления шара отобразим его развертку на плоскости:
Чтобы определить созвучность цветов, нужно мысленно представить, что центральная точка шара — это точка баланса. Далее, соединяя цвета по линии экватора или под углами, мы определяем созвучные контрастные цвета. Как и в случае с сочетанием противоположных цветов, применяются модели: двух, трёх, четырёх и многоцветных сочетаний. Рассмотрим некоторые варианты на примерах.
Созвучное сочетание двух цветов
Контрастное сочетание двух цветов строится на противопоставлении противоположных цветов в цветовом шаре. Соединив два цвета на экваторе — получаем контраст дополнительного цвета. Далее, переместив один конец стрелки к северу, второй конец переместится к югу, то есть, осветлённый цвет будет сочетаться с его противоположным затемнённым. Рассмотрим на примере жёлтого цвета. Для чистого жёлтого цвета противоположный — фиолетовый цвет:
Переместимся по жёлтому на один уровень вверх к белому и, соответственно, на один уровень вниз сместится фиолетовый, то есть затемнится. Получаем сочетание: осветлённый жёлтый — затемнённый фиолетовый.
Созвучное сочетание трёх цветов
Контрастное сочетание трёх цветов строится на противопоставлении трёх дополнительных цветов в цветовом шаре, соединённых, вершинами равностороннего и равнобедренного треугольника. Соединив три цвета на экваторе, мы получим контраст дополнительных цветов. Далее, вращая треугольники, мы получаем множественно созвучных цветовых оттенков.
Для чистого жёлтого цвета, как и в контрасте дополнительных цветов, противоположные — чистый синий и чистый красные цвета:
Сместимся к северу по жёлтому — к югу по синему и красному и получим сочетания: осветлённого жёлтого, с затемнёнными синим и красным:
Аналогично, можно смещать и вращать треугольник как угодно внутри шара, изучая получившиеся цветовые созвучия.
Созвучие дополнительных цветов поможет создать в интерьере четкие цветовые акценты.
Созвучное сочетание цветов четырёх и многоцветных моделей
Также, как мы вписывали в шар треугольник, и находили цветовые созвучия, аналогично вписав: квадрат, четырёхугольник, трапецию — вы получите цветовые созвучия четырёх цветов.
Последовательно вписывая в шар многоугольные геометрические фигуры, вы найдёте множество вариаций цветовых созвучий.
Отличия созвучного сочетания от сочетания дополнительных цветов, в том что задача созвучия не противопоставить цвета, а усилить значение заданного цвета за счет ослабления контрастного ему цвета или группы цветов.
Как применить знания
Для тех, кто внимательно дочитал до этих строк, напомним, в начале статьи мы обещали, что цветовой мир вокруг вас измениться. И, чтобы вы это осознали, попробуйте сейчас посмотреть на интерьерные фотографии, которые вы уже видели до этого, но уже опытным взглядом. Например на ту же, что была вначале статьи:
Оцените, как расположены те или иные элементы, в каких они выполнены цветах, почему так. Какие модели цветовых сочетаний применили дизайнеры. Найдите какого цвета может не хватать. Попробуйте мысленно представить, что бы вы поменяли.
Воспользуйтесь цветовым кругом или цветовым шаром подбирая краску или обои. Возможно, теперь у вас появилась точка опоры, и выбрать варианты сочетания цветов будет легче.
Для тех, кто работает или собирается работать с дизайнерами, теперь будет намного проще понять друг друга, и создать совместно интерьер, в котором вам будет максимально комфортно. Начинайте творить!
В ближайших статьях посвященных сочетаниям цветов мы сделаем более подробные обзоры цветовых вариаций по популярным интерьерным цветам с примерами и рекомендациями.
Вопросы пишите в комментариях к статье. Наиболее непонятные моменты будут поводом написать новые статьи.
Подписывайтесь на уведомления о новых публикациях по электронной почте, или в социальных сетях:
| Добавляйтесь в наши группы в социальных сетях: |
Если статья была полезна, поделитесь информацией с друзьями:
Цветовые сочетания в одежде — образы
В этой статье вы найдете красивые цветовые палитры, которые помогут подобрать красивые сочетания для наряда.
Как правильно подбирать цвета в одежде? Наверное, каждая из нас периодически задается этим вопросом собираясь на очередное мероприятие. Иногда бывает очень непросто объединить оттенки в одном наряде так, чтобы они вместе смотрелись гармонично. Кажется, что каждый цвет красив уже сам по себе и от сочетания с другим только выиграет, но это не всегда так. Часто по отдельности они вам очень нравятся, а вместе никак не хотят комбинироваться и образ смотрится разбитым или дисгармоничным.
Для того, чтобы правильно и гармонично сочетать цвета в одежде вовсе не обязательно ходить на дорогие курсы по колористике, можно просто воспользоваться уже готовыми палитрами (подборками). Это сделает подбор намного проще и вы сразу сможете выбрать подходящее решение, которое вам больше всего понравится.
Цветовые сочетания в одежде — образы
1.Горчичный +Серый
Это очень красивая и «теплая» комбинация. Оно универсально и его легко можно использовать в своих повседневных нарядах.
Только серый лучше выбирайте более светлых тонов.
2. Оливковый + Золотой
Мягкое и теплое сочетание цветов, которое смотрится очень естественно и гармонично, поскольку его часто можно встретить в природе. Подойдет такой вариант всем, независимо от типа внешности и возраста.
3. Коралловый + Цвет морской волны
Выглядит достаточно гармонично не слишком ярко, но выразительно и приятно для глаз. Легкий цветовой контраст прекрасно подчеркнет вашу индивидуальность.
4. Деним +Бордовый
Деним в данном случае представляет собой серо-синий оттенок, который идеально смотрится вместе с бордовым. Третий цвет в этой паре Бежевый, можно также добавить вещь Черного цвета.
5. Бирюзовый + Коричневый
Беспроигрышное сочетание для любого случая. С бирюзовым особенно удачно смотрятся красно-коричневый и желто-коричневый оттенки. Дополнительным цветом может стать Серый.
6. Горчичный + Бордовый
Осенняя гамма гармонично, а сдержанный красный оттенок привнесет в комплект немного динамики. Дополнительные цвета: Коричневый и Бежевый.
7. Бледно-розовый + Camel
Смотрится такое сочетание цветов очень нежно и женственно и его можно использовать в одежде достаточно часто. Хотите создать романтичный образ — выбирайте эти оттенки.
8. Фиолетовый + Темно-синий
Красивый и изысканный вариант в вашем комплекте будет выглядеть дорого и роскошно. Если вам захочется немного разбавить эти цвета, то добавьте Бежевый — он смягчит фиолетово-синюю гамму и сделает ваш наряд зрительно более легким.
9. Черный + Розовый
Краснова-то розовый оттенок в паре с черным цветом смотрится контрастно, ярко и непосредственно и привлекает к себе внимание. Важно какой именно оттенок розового вы выберите, потому что именно от этого будет зависеть, куда можно пойти в таком наряде. Более яркие оттенки розового в сочетании с черным больше подойдут для неформальной встречи с друзьями, а с помощью более светлых вполне можно создать комплект для офиса или деловой встречи.
10. Оливковый + Бордовый
Это весьма сдержанное сочетание выглядит по-своему привлекательно. Если захотите его немного «оживить» добавьте яркий аксессуар или вещь с принтом или узором в тех же, только более ярких, тонах.
11. Camel + Коричневый
Здесь по сути мы сочетаем между собой один и тот же цвет только в разных оттенках и такие сочетания всегда (если правильно подобрать оттенки) смотрятся оригинально.
Дополнительными цветами могут быть Серый или Деним.
12. Голубой + Черная кожа
Мягкий и не слишком яркий голубой цвет в паре с вещью черного цвета из кожи будут отлично смотреться вместе. Почему бы не попробовать?! А захотите еще цветов добавить, отличный вариант — Светло-коричневый, Персиковый или Бежевый.
13. Оранжевый + Винный
Приятное для глаз, насыщенное и теплое сочетание выглядит ярко и выразительно, но не слишком. К нему можно смело добавлять вещ черного или серого цвета.
14. Мятный + Сливовый
Встретить такой вариант можно не часто. И очень напрасно! Оно смотрится просто великолепно, особенно для, тех, кто любит сложные цветовые сочетания в одежде.
15. Розовый + Снег
Нежностью и мягкостью пронизана эта цветовая гамма. Если вы в душе романтик, то такой набор станет прекрасным выбором для вас.
16. Леопардовый принт + Бордовый
В малых дозах леопардовый принт можно прекрасно совмещать с бордовым. Главное — это не слишком увлекаться «леопардом», достаточно одной вещи или аксессуара. Серый и цвет Денима послужат отличным дополнением наряда.
17. Персиковый + Серый
Все мы давно привыкли к варианту Серый + Розовый, а давайте в этот раз попробуем заменить розовый персиковым, ведь он смотрится рядом с серым ничуть не хуже.
18. Зеленый + Мятный
Мятный — один из оттенков зеленого и такое сочетание цветов можно назвать монохромным. Выглядит оно очень свежо и привлекательно. Дополнить образ можно при помощи вещей бежевого или денима.
19. Красный + Коричневый
Что-то в этом варианте есть природное, и поэтому выглядит оно гармонично, но при этом, благодаря красному, еще и динамично.
20. Горчичный + Оливковый
Наверное, вы уже заметили, что в нашей сегодняшней подборке много где присутствует Оливковый цвет и в этом нет ничего удивительного, ведь он универсален и хорошо сочетается со многими цветами и горчичный — не исключение.
21. Мятный + Желтый
Сочное летнее сочетание безусловно поднимет настроение, особенно в зимнее время года. Почему зимой и осенью нужно обязательно одеваться тускло и сдержанно, ведь необходимо как-то прогонять тоску по теплым летним денькам.
Попробуйте эту подборку в одежде, если вам захочется его немного «успокоить», вас выручат Бордовый или Темно-синий цвета.
22. Изумрудный + Черный
Глубокий, красивый, насыщенный изумрудный принадлежит к темно-зеленым оттенкам. Вместе с черным этот цвет смотрится очень элегантно, изыскано и дорого. Подойдет и для повседневных комплектов и для вечернего образа.
23. Бледно-розовый + Оливковый
Еще одна замечательная пара. К ним можно добавить Серый и Белый цвета.
24. Деним + Горчичный
Серо-синий классический оттенок денима в сочетании с горчичным представляет собой очень интересное решение. Цвет денима в этом тандеме выглядит более глубоким и спокойным, а горчичный становится ярче. Дополнительный цвет: Коричневый.
25. Черный + Голубой
Холодный оттенок серо-голубого очень изысканно смотрится с черным, но, если вдруг ват такой вариант покажется слишком серьезным, можете смело добавлять к нему Белый, и он мгновенно «оживет».
26. Бежевый + Коралловый
Прекрасный универсальный вариант на любой случай. Комплект в этих цветах можно поддержать Черным или Светло-серым.
Эти простые, но интересные цветовые сочетания в одежде помогут вам всегда выглядеть оригинально и одеваться со вкусом. Вы можете подбирать вещи точно как на наших картинках, а можете взять за основу эти пары цветов и создавать свои собственные неповторимые образы.
Цветовое колесо — теория цвета и калькулятор
Теория цвета и цветовое колесо
Вы когда-нибудь задумывались, как дизайнеры и художники находят идеальное сочетание цветов?
Они используют теорию цвета. Теория цвета — это практическое сочетание искусства и науки, которое используется для определения того, какие цвета хорошо сочетаются друг с другом. Цветовой круг был изобретен в 1666 году Исааком Ньютоном, который нанес цветовой спектр на круг. Цветовой круг — это основа теории цвета, потому что он показывает взаимосвязь между цветами.
Цвета, которые хорошо смотрятся вместе, называются цветовой гармонией. Художники и дизайнеры используют их для создания определенного внешнего вида или ощущений. Вы можете использовать цветовое колесо, чтобы находить цветовые гармонии, используя правила цветовых сочетаний. Сочетания цветов определяют взаимное расположение разных цветов, чтобы найти цвета, создающие приятный эффект.
Существует два типа цветового круга. Художники обычно используют RYB или красный, желтый, синий цветовой круг, поскольку он помогает комбинировать цвета краски.Кроме того, существует цветовое колесо RGB (красный, зеленый и синий), которое предназначено для использования в Интернете, поскольку оно относится к смешиванию света — как на экране компьютера или телевизора. Цветовое колесо Canva — это цветовое колесо RGB, поскольку оно предназначено для использования в Интернете.
Сочетания цветов
Дополнительные
Два цвета, которые находятся на противоположных сторонах цветового круга. Эта комбинация обеспечивает высокую контрастность и эффектную цветовую комбинацию — вместе эти цвета будут казаться ярче и заметнее.
Монохроматический
Три оттенка, тона и оттенка одного основного цвета. Обеспечивает изысканное и консервативное цветовое сочетание. Это универсальное цветовое сочетание, которое легко применить в дизайнерских проектах для создания гармоничного образа.
Аналог
Три цвета, расположенные рядом на цветовом круге. Эта цветовая комбинация универсальна, но может подавлять. Чтобы сбалансировать аналогичную цветовую схему, выберите один доминирующий цвет и используйте другие в качестве акцентов.
Triadic
Три цвета, равномерно распределенные на цветовом круге.Это обеспечивает высококонтрастную цветовую схему, но в меньшей степени, чем дополнительная цветовая комбинация, что делает ее более универсальной. Эта комбинация создает смелые, яркие цветовые палитры.
Tetradic
Четыре цвета, равномерно распределенные на цветовом круге. Тетрадические цветовые схемы смелые и работают лучше всего, если вы позволяете одному цвету быть доминирующим, а другие используете в качестве акцентов. Чем больше цветов у вас в палитре, тем сложнее сбалансировать
Основные, второстепенные и третичные цвета
На цветовом круге 12 основных цветов.В цветовом круге RGB это оттенки красного, оранжевого, желтого, зеленовато-зеленого, зеленого, весеннего зеленого, голубого, лазурного, синего, фиолетового, пурпурного и розового.
Цветовой круг можно разделить на основные, второстепенные и третичные цвета.
Основные цвета в цветовом круге RGB — это цвета, которые вместе создают чистый белый свет. Это красный, зеленый и синий цвета.
В цветовом круге RYB основные цвета — это цвета, которые нельзя смешивать с другими цветами.Есть три основных цвета: красный, желтый и синий.
Дополнительные цвета — это цвета, полученные в результате смешивания двух основных цветов. Есть три вторичных цвета. В цветовом круге RGB это голубой, пурпурный и желтый. Когда вы смешиваете свет, красный и зеленый образуют желтый, зеленый и синий — голубой, а синий и красный — пурпурный.
В цветовом круге RYB вторичными цветами являются фиолетовый (красный смешанный с синим), оранжевый (красный смешанный с желтым) и зеленый (желтый смешанный с синим).
Третичные цвета — это цвета, полученные путем комбинирования вторичного цвета с основным цветом. Есть шесть третичных цветов. В цветовом круге RGB это оранжевый, зеленовато-зеленый, весенний зеленый, лазурный, фиолетовый и розовый.
В цветовом круге RYB третичными цветами являются красно-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый.
Теплые и холодные цвета
Цветовой круг также можно разделить на теплые и холодные цвета.Теплота или холодность цвета также называется его цветовой температурой. Цветовые комбинации, встречающиеся на цветовом круге, часто имеют баланс теплых и холодных цветов. Согласно психологии цвета, разная цветовая температура вызывает разные чувства. Например, теплые цвета вызывают ощущение уюта и энергии, а холодные цвета ассоциируются с безмятежностью и уединением.
Теплые цвета — это цвета от красного до желтого. Говорят, что эти цвета напоминают тепло, как солнце.
Холодные цвета — это цвета от синего до зеленого и фиолетового. Говорят, что эти цвета напоминают прохладу, как вода.
Оттенки, оттенки и тона
Вы можете создавать оттенки, оттенки и тона цвета, добавляя черный, серый и белый к базовому оттенку.
Оттенок
Оттенок создается путем добавления черного к базовому оттенку, затемняющего цвет. Это создает более глубокий и насыщенный цвет. Оттенки могут быть довольно драматичными и подавляющими.
Оттенок
Оттенок создается путем добавления белого к базовому оттенку и осветления цвета.Это может сделать цвет менее интенсивным и полезно при уравновешивании более ярких цветовых комбинаций.
Тона
Тон создается путем сочетания черного и белого (или серого) с базовым оттенком. Как и оттенки, оттенки являются более тонкими версиями исходного цвета. Тона с меньшей вероятностью будут выглядеть пастельными и могут выявить сложности, не очевидные в основном цвете.
Оттенок, насыщенность и яркость
Оттенок — это практически любой цвет на цветовом круге. Когда вы используете цветовое колесо или палитру цветов, вы можете настроить насыщенность и яркость оттенка.
Насыщенность — это интенсивность или чистота цвета.
Яркость — это количество яркости или света в цвете.
Значения цвета и цветовые схемы
Это всего лишь введение в увлекательный мир цвета. Есть еще много всего, что нужно узнать! Например, знаете ли вы, что королевский синий цвет был создан в 1800-х годах для королевы Шарлотты? Если вы хотите узнать больше о цветах, посетите нашу страницу «Значения цветов» — на ней рассказывается об истории и значении сотен цветов.Или, если вы ищете более великолепные цветовые комбинации, воспользуйтесь нашим Генератором цветовой палитры или просмотрите тысячи вдохновляющих цветовых схем.
Сочетание цветов: руководство для новичков
У каждого есть любимые цвета, которые они обычно используют для дизайна интерьера, одежды и т. Д. В некотором смысле цвет представляет человека и может многое сказать о его характере и предпочтениях. Что касается дизайна UX, опытные дизайнеры UX должны забыть о своих цветовых вкусах и сосредоточиться на оценке бизнес-целей, значений цвета и их влияния на покупательское поведение.Сочетание цветов должно представлять бренд без какого-либо текста. Конечная цель дизайнера состоит в том, чтобы клиенты могли описать компанию, просто глядя на цветовую комбинацию, которую компания использует для своего веб-сайта или мобильного приложения.
Перед тем, как начать процесс, дизайнеры должны провести некоторое исследование UX, чтобы лучше узнать свою цель, а затем протестировать свой дизайн, свой выбор цветов. A / B-тестирование очень помогает, когда исследование связано с влиянием цвета на коэффициент конверсии. Это поможет дизайнерам определить, какое сочетание цветов и мест размещения генерирует больше всего потенциальных клиентов и трафика.
Идеальная цветовая комбинация очень эффективна, потому что она может влиять на настроение и эмоции клиентов. Люди в основном покупают из-за фактора эмоций, а не из-за самого продукта или услуги. Успешные бренды, такие как, например, Harley Davidson, продают не только мотоциклы, они продают стиль жизни, и их цветовое сочетание поддерживает это.
Кроме того, цвет является важным инструментом, поскольку он влияет на то, как мы думаем и ведем себя. Цвет указывает нашему клиенту, куда смотреть, что делать и как что-то интерпретировать.Он помещает контент в контекст. Это помогает нашим клиентам увидеть, что является наиболее важным, и упростить навигацию. Взаимодействие с брендом становится намного веселее и интереснее.
В наши дни люди перегружены множеством вещей в своей повседневной жизни, и поэтому все движется в сторону простоты, людям нравится простота! Сделайте взаимодействие с вашим брендом более простым и в то же время интересным! Четкое сообщение, понятная структура, понятный интерфейс!
ТЕОРИЯ ЦВЕТА
Теория цвета — сложный предмет, который анализирует, как различные оттенки, банки и т. Д. Взаимодействуют друг с другом.Теория цвета — это наука.
По данным Canva, сообщество Colourlovers проиндексировало около 8 миллионов названных пользователем цветов, при этом существует более 16 миллионов возможных шестнадцатеричных цветовых комбинаций.
Изучение того, как цвета влияют на разных людей, — это то, на чем люди строят свою карьеру. Что-то очень простое, например, изменение точного оттенка или насыщенности цвета, может вызвать совершенно другое ощущение. Цвет в дизайне очень субъективен. То, что вызывает одну реакцию у одного человека, может вызывать совсем другую у других.Иногда это связано с личными предпочтениями и культурным происхождением.
Чтобы оставаться на той же странице, давайте рассмотрим некоторую теорию, которая могла бы стать прочной основой для ваших дизайнерских проектов.
ЛИСТ С ЦВЕТОВОЙ ТЕРМИНОЛОГИЕЙ
- Оттенок — цвет объекта, чистый цвет. Например, все основные и второстепенные цвета являются синонимами цвета и являются оттенками.
- Chroma — чистота цвета. В оттенке с высокой насыщенностью нет черного, белого или серого.Добавление белого, черного или серого снижает его цветность. Chroma — это яркость цвета по сравнению с белым.
- Насыщенность — как оттенок появляется при определенных условиях освещения. Подумайте о насыщенности как о слабом и сильном.
- Значение — еще можно назвать легкостью. Это относится к тому, насколько светлый или темный цвет. Более светлые цвета имеют более высокие значения. Например, желтый цвет имеет более высокое значение, чем темно-зеленый или темно-синий. Белый цвет имеет наивысшее значение из всех оттенков, а черный — самое низкое.
- Тона — когда к оттенку добавлен серый цвет. Тона обычно выглядят мягче, чем чистые оттенки.
Тона с большим количеством серого могут создать винтажный стиль. - Оттенок — когда к оттенку добавляют черный, делая его темнее.
- Оттенок — когда к оттенку добавляют белый цвет, осветляя его. Очень светлые оттенки иногда называют пастельными.
ЦВЕТОВЫЕ СИСТЕМЫ: RGB VS CMYK
Если вы когда-либо играли с цветами в какой-либо компьютерной программе или на презентации Power Point, вы, вероятно, видели модуль, который перечислял цвета RGB или CMYK с некоторыми числами рядом к буквам.
CMYK ДЛЯ ПЕЧАТИCMYK означает голубой, пурпурный, желтый, ключевой (черный). Это те цвета, которые указаны на ваших чернильных картриджах для вашего принтера.
CMYK — это субтрактивная цветовая модель. Это называется так, потому что вам нужно вычесть цвета, чтобы получить белый цвет.
Давайте посмотрим на это с соответствующими числами. CMYK работает по шкале от 0 до 100. Если C = 100, M = 100, Y = 100 и K = 100, вы получите черный цвет.Но если все четыре цвета равны 0, вы получите настоящий белый цвет.
RGB ДЛЯ ЭКРАНОВRGB означает красный, зеленый, синий и основан на аддитивной цветовой модели световых волн. Это означает, что чем больше цвета вы добавляете, тем ближе вы подходите к белому цвету.
Давайте посмотрим на это с соответствующими числами, RGB работает по шкале от 0 до 255. Итак, черный будет R = 0, G = 0 и B = 0. Белый цвет будет R = 255, G = 255 и B = 255.
Из-за этих различий дизайнерам нужен способ получения согласованных цветовых результатов при работе с обеими системами, например, если вы разрабатываете логотип для использования на своем веб-сайте, но также хотите напечатать визитную карточку с тем же логотипом. , у вас есть Pantone Matching System (или PMS) для решения этой проблемы.Цвета могут быть подобраны для Интернета и для печати, чтобы обеспечить единообразный внешний вид. Система Pantone упрощает сотрудничество дизайнеров, клиентов и типографий и гарантирует, что конечный продукт будет выглядеть должным образом.
ЦВЕТОВАЯ КОМБИНАЦИЯ, ЦВЕТОВАЯ ГАРМОНИЯ
Фотография взята из школы дизайна Canva
- Монохромная палитра использует оттенки или оттенки одного и того же оттенка. близко друг к другу на цветовом круге.Эти палитры обычно создают ощущение последовательности и единообразия в дизайне. Аналогичные комбинации не создают темы с высококонтрастными цветами, поэтому они обычно используются для создания более мягкого дизайна.
- Дополнительные палитры создаются с цветами, противоположными друг другу на колесе. Обычно оттенки и оттенки используются, чтобы избежать резкого контраста, который может вызвать утомление глаз, когда два противоположных цвета расположены рядом друг с другом
- Разделение — дополнительная палитра использует один оттенок вместе с двумя другими, одинаково расположенными от его дополнения
- Триадический палитра состоит из трех основных цветов, равномерно расположенных на колесе. Если вы нарисуете равносторонний треугольник из выбранного цвета, вы увидите 3 разных цвета, с которыми можно работать.Обычно они смягчаются оттенками и оттенками.
- Double — дополнительные палитры — два дополнительных набора цветов, расстояние между выбранными дополнительными парами влияет на общий контраст конечной композиции. Лучший способ использовать двойное дополнение — это сделать цветовую комбинацию, используя один цвет в качестве основного цвета в дизайне, а другие — в качестве акцентов. Не забывайте о цветности, значении и насыщенности при создании таких цветовых схем. другие цвета.Когда цвета противоположны друг другу, они заставляют людей считать дизайн визуально привлекательным, устанавливая уравновешивающую среду.
- Vibrancy задает эмоциональную окраску вашего дизайна. Более яркие цвета заставляют пользователя чувствовать себя более энергичным, они обычно используются для эмоциональной реакции, а также для кнопок CTA. Яркие цвета побуждают к действию. Более темные оттенки расслабляют пользователей, позволяя им сосредоточиться на других, более важных вещах.
- Contrast снижает утомляемость глаз и привлекает внимание пользователя за счет четкого разделения элементов на странице.
Если вы сомневаетесь, какие цвета использовать, лучше всего выбрать очень светлый цвет для фона и очень темный цвет для самого текста. Использование различных контрастных цветов также может помочь сосредоточить внимание зрителя на определенных элементах страницы, например, если вы поместите кнопку «подписаться» оранжевым цветом, а цвет фона станет светло-серым, это сразу же привлечет внимание пользователя. - Что такое теория цвета?
- Введение в цветовое колесо
- Важность цветовой гармонии
- Аддитивные и субтрактивные цветовые модели
- Введение в цветовые палитры
- Какие бывают типы цветовых палитр?
- Как выбрать цветовую палитру
- Лучшие онлайн-инструменты для выбора цветовой палитры
- Заключительные мысли
- Основные цвета — это цвета, которые нельзя создать, комбинируя два или более других цветов.Основные цвета — красный, синий и желтый.
- Вторичные цвета — оранжевый, пурпурный и зеленый — другими словами, цвета, которые могут быть созданы путем комбинирования любых двух из трех основных цветов.
- Третичные цвета создаются путем смешивания основного цвета со второстепенным цветом. Третичные цвета — пурпурный, киноварь, фиолетовый, бирюзовый, янтарный и зеленовато-желтый.
- Оранжевый — энергичный и теплый.Некоторые общие ассоциации с оранжевым включают творчество, энтузиазм, беззаботность и доступность.
- Красный — цвет крови, поэтому он часто ассоциируется с энергией, войной, опасностью и силой, а также страстью, желанием и любовью. Некоторые общие ассоциации с красным включают действие, приключения, агрессию и азарт.
- Желтый пробуждает позитив, молодость, радость, игривость, солнечный свет и тепло.
- Розовый пробуждает чувства невинности и нежности, благодарности, романтики, мягкости и признательности.
- Синий воспринимается как авторитетный, надежный и заслуживающий доверия. Общие ассоциации с синим включают спокойствие, безмятежность, уверенность, достоинство и безопасность.
- Зеленый — цвет природы. Он символизирует рост, свежесть, безмятежность, деньги, здоровье и исцеление.
- Черный олицетворяет силу, элегантность и авторитет. Общие ассоциации с черным также включают класс, различие, формальность, загадочность, секретность и серьезность.
- Использование темного цвета для текста для обеспечения читаемости
- Сохранение светлых цветов для фона
- Использование контрастных цветов для акцентов (как упомянуто выше)
- цвета действий — например, красный для предупреждающего знака
Как вы можете видеть на картинке, середина каждого из кругов имеет одинаковый размер, форму и цвет.Единственное, что меняется — это цвет фона. Как видите, средние круги кажутся мягче или ярче в зависимости от контрастной цветовой комбинации за ними.
ЦВЕТ ЗНАЧЕНИЕ — И ЧТО ЭТО ОЗНАЧАЕТ ДЛЯ ДИЗАЙНА
Хотя сочетание цветов может быть привлекательным для нас визуально, за кулисами происходит гораздо больше, чем просто эстетика. Было проведено множество исследований того, как цвета влияют на нас психологически и какие ассоциации у людей возникают при взгляде на определенные из них.Знание силы психологии цвета может помочь вам принимать более правильные решения для достижения ваших целей:
КРАСНЫЙ
Это очень горячий и мощный цвет. Красный может оказывать физическое воздействие на людей, повышая кровяное давление, дыхание и частоту сердечных сокращений. Это создает срочность и в основном используется импульсивными покупателями. Он также улучшает метаболизм человека и стимулирует аппетит.
Красный может ассоциироваться с гневом, опасностью, но также связан с важностью. В восточном мире этот цвет ассоциируется с достатком и удачей.
В брендинге красный часто символизирует силу, уверенность и мощь и является хорошо заметным цветом, среди всех цветов он привлекает наибольшее внимание людей.
ОРАНЖЕВЫЙ
Это очень яркий и энергичный цвет. Оранжевый символизирует изменение и движение.
Поскольку апельсин ассоциируется с одноименным фруктом, он также ассоциируется со здоровьем и жизненной силой. В дизайне оранжевый привлекает внимание, не будучи таким подавляющим, как красный. Его часто считают более дружелюбным, привлекательным и менее вызывающим.
Он передает активность, энергию и оптимизм.
В брендинге: оранжевый часто олицетворяет молодость и креативность.
ЖЕЛТЫЙ
Он ассоциируется со счастьем, дружелюбием и солнечным светом.
В некоторых восточных и азиатских культурах желтый цвет ассоциируется с королевской семьей или высоким рангом. В некоторых частях Африки и Латинской Америки желтый — традиционный цвет траура.
В брендинге: желтый используется для привлечения внимания, но всегда должен использоваться на контрасте.
ЗЕЛЕНЫЙ
Он олицетворяет новые начинания и рост. Зеленый также может символизировать ревность и недостаток опыта.
В дизайне зеленый может иметь балансирующий и гармонизирующий эффект, и он очень стабилен.
Обычно используется для дизайна, связанного с богатством, стабильностью, обновлением, здоровьем и природой.
В брендинге: бренды, которые хотят, чтобы их считали «зелеными» в смысле естественных, здоровых, устойчивых, экологически чистых, органических и т. Д., Часто используют вдохновленные природой цвета, такие как зеленый и коричневый.
СИНИЙ
Часто ассоциируется с грустью. Синий также используется для обозначения спокойствия и ответственности.
Светло-синий может быть освежающим и дружелюбным. Темный синий цвет более сильный и надежный.
Синий также ассоциируется с миром и имеет духовные и религиозные коннотации во многих культурах и традициях.
В брендинге: обычно используется для обозначения надежности, безопасности и стабильности. Синий — любимый цвет мужчин, бренды используют его, когда их основная цель — мужчины.
ФИОЛЕТОВЫЙ
Он ассоциируется с творчеством, романтикой, антивозрастным действием, женственностью и воображением. Во многих странах он ассоциируется с королевской семьей.
Но в Таиланде фиолетовый — это цвет траура.
В брендинге: фиолетовый используется, когда основная цель — женщины.
ЧЕРНЫЙ
Самый сильный из нейтральных цветов. С другой стороны, это обычно ассоциируется с силой, элегантностью, роскошью и формальностью. С другой стороны, это может быть связано со злом, смертью и тайной.Черный — традиционный цвет траура во многих западных странах.
Черный обычно используется в элегантных дизайнах. Он может быть как консервативным, так и современным, в зависимости от цветов, с которыми он сочетается.
В дизайне черный обычно используется для типографики и других функциональных элементов из-за его нейтральности.
В некоторых азиатских и латиноамериканских культурах черный считается мужским цветом. Также в некоторых странах это ассоциируется с невезением.
В фирменном стиле: цвета всегда выглядят ярче и насыщеннее на фоне черного.Черный — один из любимых цветов мужчин, он часто используется в повседневной жизни мужчин и женщин, а черный используется, если цель — показать формальность, консерватизм и элегантность.
БЕЛЫЙ
Белый часто ассоциируется с чистотой и чистотой.
Это также связано с индустрией здравоохранения и свадьбой.
В дизайне белый обычно считается нейтральным фоном, что позволяет другим цветам в дизайне иметь более широкое значение. С его помощью можно добиться чистоты и простоты, он популярен в минималистичном дизайне.
В Китае белый цвет — цвет траура.
В брендинге: белый часто используется для обозначения простоты. Дизайнеры, работающие над минималистичным дизайном, часто используют много белого цвета.
СЕРЫЙ
Очень часто его считают удручающим цветом, ассоциируют со старостью и плохим настроением. Также он считается формальным цветом, который обычно используется в корпоративных целях. Светло-серые оттенки можно использовать вместо белого в некоторых дизайнах, а темно-серые можно использовать вместо черного.
Серый обычно консервативен и формален, но также может быть современным.
В брендинге: обычно используется в корпоративном дизайне, выражает формальность и профессионализм.
КОРИЧНЕВЫЙ
Он ассоциируется с землей, деревом и шоколадом.
В дизайне коричневый обычно используется в качестве цвета фона. Это также заметно в дизайне из дерева и камня.
В брендинге: используется в основном, когда речь идет о десертах и мебельной тематике.
Надеюсь, эта теория была вам полезна.Мои следующие статьи будут об инструментах, советах, вдохновении, тенденциях и статистике в отношении сочетания цветов. Я покажу вам успешные примеры из практики, которые, надеюсь, вдохновят вас на создание чего-то потрясающего, что также окажет положительное влияние на конверсию.
Не пропустите и подпишитесь на нашу ежемесячную рассылку новостей!
Что такое цветовая схема: определения, типы и примеры
Из этой подробной статьи вы узнаете все, что вам нужно знать о цветовых схемах и о том, как применять их в своем следующем дизайнерском проекте.
Цветовая схема состоит из комбинации цветов, используемых в различных областях дизайна, от изобразительного искусства до дизайна интерьера и графического дизайна. Каждая цветовая схема состоит из одного или нескольких из двенадцати цветов, представленных на цветовом круге. Комбинируя разные цвета друг с другом, вы можете создавать бесконечные цветовые палитры для использования в любой композиции. Различные цветовые комбинации вызывают разные настроения или тона, используя теорию цвета и психологию цвета.
Цветовое колесо через picoStudio.
Придумывание цветовой палитры для вашей работы может быть утомительным и трудоемким. К счастью, вам не придется часами сидеть, пробуя каждую цветовую комбинацию, чтобы найти ту, которая хорошо смотрится. Вы можете использовать проверенные цветовые схемы, чтобы найти комбинацию, которая работает, или вы можете использовать этот инструмент цветовой схемы и выбрать из огромного диапазона оттенков и найти его монохромные, дополнительные, аналогичные или триадные аналоги.
Прочтите, чтобы узнать об основных цветовых схемах ниже, а также найдите несколько советов о том, как максимально использовать каждую цветовую схему.
Монохромная цветовая схема
Монохроматические цветовые схемы фокусируются на одном цвете, часто с использованием вариаций этого оттенка за счет включения оттенков, тонов и оттенков. Добавляя оттенки белого, серого или черного, этот единственный цвет расширяется до всей палитры с разной степенью значимости. Эти оттенки, тона и оттенки создают блики и тени, чтобы украсить в остальном плоскую цветовую палитру.
Эта цветовая схема чрезвычайно универсальна и приятна для глаз.Использование множества оттенков в дизайне часто может привести к конфликту цветов и затруднить внешний вид дизайна; контрастные цветовые вариации одного оттенка помогают упростить дизайн, не делая его слишком плоским. На иллюстрации ниже сочетание более темных оранжевых и коричневых оттенков обеспечивает визуальный интерес, сохраняя при этом минимальную общую цветовую схему.
Монохромные цветовые схемы также набирают популярность из-за роста минимализма во всех аспектах дизайна, от дизайна интерьера до дизайна упаковки и дизайна веб-сайтов.Эта цветовая схема также предоставляет достаточно места для содержания или важной информации на веб-сайтах или в рекламных объявлениях.
Вектор через Дарко 1981.
Монохромная палитра не означает, что выбор цвета должен быть скучным или ожидаемым; выбор цвета просто должен работать в контексте бренда или дизайна. Используя эту цветовую схему, убедитесь, что вы знаете психологию основного цвета и то, как он влияет на тон и настроение продукта или дизайна. Поскольку обычно есть только один оттенок, на котором нужно сосредоточиться, очень важно включить элементы контраста, чтобы направлять взгляд на всем протяжении.Использование цветовой палитры с одинаковыми оттенками сделает ваш дизайн плоским и одномерным.
Дополнительная цветовая схема
Дополнительные цвета существуют на противоположных сторонах цветового круга; один цвет обычно является основным, а другой — второстепенным. Основными дополнительными цветами обычно являются синий и оранжевый, красный и зеленый, желтый и фиолетовый.
Цвета, расположенные напротив друг друга на цветовом круге, обычно обеспечивают высокий контраст в сочетании друг с другом.При полной насыщенности дополнительные оттенки могут быть слишком интенсивными для зрителя. Чтобы снизить интенсивность, добавьте оттенки, тона и оттенки, чтобы расширить палитру, как мы это сделали с монохроматической цветовой схемой. Например, в представленном ниже дизайне бренда Rico Rico используются более светлые и темные оттенки оранжевого и синего, чтобы дополнительная палитра была удобнее для глаз.
Если все сделано успешно, дополнительные палитры могут оказать огромное влияние на дизайн. Сочетание теплого и холодного оттенков создает богатый и привлекательный контраст.Поначалу использование дополнительных схем может быть непосильным; применяйте метод проб и ошибок и экспериментируйте с различными палитрами. Используйте этот практичный инструмент, чтобы подобрать цвета для вашей следующей цветовой палитры.
Аналогичная цветовая схема
Аналогичные цвета состоят из группы из трех цветов, граничащих друг с другом в цветовом круге. Эта цветовая схема начинается с базового оттенка и расширяется двумя соседними оттенками. Слово «аналогичный» означает близкое родство, поэтому сочетание этих оттенков имеет гармоничное обращение, подобное монохроматическим цветовым схемам.
Эти палитры, как известно, приятны для глаз, поэтому, если вы не уверены, какую цветовую схему использовать в своем следующем проекте, аналогичная цветовая палитра вас никогда не разочарует. Выбирая аналогичные группы для своего проекта, держите свою палитру основанной, используя вместе исключительно холодные или теплые цвета.
Если вам нужно вдохновение в цвете, оглянитесь вокруг. Аналогичные палитры обычно встречаются в природе: от сочных закатов до соблазнительных птичьих перьев и завораживающих океанов, дающих вам ощущение спокойствия и умиротворения.Например, этот дизайн визитной карточки для Talkfest, представленный выше, включает красные, розовые и оранжевые оттенки, что придает дизайну качество заката.
Триадическая цветовая схема
Триада состоит из трех цветов, которые расположены на равном расстоянии друг от друга на цветовом круге, образуя треугольник, как показано ниже. Триадные цветовые схемы могут включать три основных, вторичных или третичных цвета. Общие триадные палитры состоят из синего, красного и желтого или фиолетового, зеленого и оранжевого цветов.
Большинство триадных палитр яркие, и их трудно сбалансировать.Назначьте один базовый оттенок, а затем используйте остальные оттенки в качестве цветов акцента. Когда все цвета в триадной схеме используются одинаково, каждый оттенок часто борется за внимание. Хороший способ предотвратить столкновение цветов — установить иерархию цветов в композиции.
Как и в случае с другими цветовыми схемами, избегайте использования всех трех оттенков в их полностью насыщенном состоянии. Добавьте оттенки белого, серого или черного, чтобы смягчить яркость и расширить палитру.
Нейтральная цветовая схема
Нейтральные цветовые палитры недавно получили распространение во всех областях дизайна.Популярная цветовая схема обычно состоит из ахроматических оттенков (белого, серого и черного), а также почти нейтральных (бежевых, коричневых, коричневых и других темных оттенков). Все нейтральные цвета имеют одну общую черту: они обычно обесцвечиваются с помощью оттенков, тонов и оттенков.
Нейтральные оттенки взяты из Shutterstock Color Tool.
Эта цветовая схема подходит для множества приложений и носителей; Нейтральная эстетика нашла свое место в дизайне брендов, канцелярских принадлежностях, декоре интерьера и в социальных сетях.Прелесть этой цветовой схемы в том, что сложно переборщить с цветами, но, как правило, старайтесь придерживаться четырех или менее оттенков.
Подобно монохроматическим цветовым схемам, нейтральные палитры вызывают чувство спокойствия и безмятежности. Ненасыщенные тона приятны глазу и не вписываются в конкретный тренд.
Изображение на обложке — Бернд Шмидт.
Хотите узнать больше о мире цвета? Ознакомьтесь с этими статьями:
цветовое колесо и поиск дополнительных цветов
Луис Гонсалес, старший дизайнер бренда InVision, предлагает вам упражнение: подумайте о красном цвете.Что приходит в голову? Возможно, такие чувства, как гнев, страсть, энергия, всплывают на поверхность. Или, может быть, в вашей голове проносятся образы покрасневших щек, оттенка вишневой помады, знака остановки, крови или сердца.
Хотя это могут быть не те мысли и чувства, которые вызывает у вас красный цвет, вероятно, вы связали этот цвет с определенными эмоциями, идеями и объектами. Вы не одиноки: это универсальный человеческий опыт, и это мощный инструмент, который вы можете использовать в качестве дизайнера. Понимание того, что выбор цвета выходит за рамки личных предпочтений, может помочь вам не только повысить удобство использования продукта, но и психологически повлиять на ваших пользователей.
Чтобы раскрыть силу цвета, вам сначала нужно начать с понимания теории цвета, цветового круга, того, как использовать дополнительные цвета для создания впечатляющей цветовой схемы, и психологического воздействия этих цветов. Если вы впервые погрузились в тему (или просто хотите освежить в памяти), вот как начать:
Понимание теории цветаТеория цвета может помочь дизайнерам определить, какие цвета хорошо сочетаются друг с другом. Однако теория цвета выходит за рамки простого «присмотра» за цветовыми комбинациями, и здесь на помощь приходит научная часть.
В основе теории цвета лежит цветовое колесо, созданное в конце 17 века сэром Исааком Ньютоном. Ньютон, наиболее известный своими открытиями в области физики, поместил цветовую гамму в круг.
Сегодня цветовое колесо может помочь художникам и дизайнерам находить гармоничные цветовые комбинации на основе геометрических соотношений, представленных на цветовом круге. Например, триадная цветовая схема включает три равномерно расположенных цвета на цветовом круге, что дает смелую комбинацию.Между тем, четырехцветная цветовая схема включает четыре цвета, равномерно распределенные на цветовом круге, и может работать, если вы хотите использовать доминирующий цвет с поддерживающими акцентными цветами.
По словам Гонсалеса, дизайнеры, которые хотят экспериментировать с цветами, могут использовать расширения палитры цветов, генераторы цветовых палитр, такие как Muzli, или даже обращаться к доскам Pinterest.
InVision Cloud
Зарегистрироваться бесплатно
«Моя самая большая рекомендация — вернуться к основам и взглянуть на цветовое колесо», — говорит он.
Его рекомендуемая литература? Книга Йозефа Альберса «« Взаимодействие цвета », учебник по искусству, излагающий сложные принципы теории цвета.
Цветовой кругЦветовой круг — это визуальное представление цветов с оттенками, расположенными в соответствии с длиной волны. Цветовые круги позволяют отображать отношения цветов геометрически и показывают отношения между основными цветами, вторичными цветами и третичными цветами.
В традиционном цветовом круге RYB основными цветами являются красный, желтый и синий.Вы можете создать вторичные цвета — оранжевый, зеленый и фиолетовый — путем смешивания основных цветов. Красный и желтый создают оранжевый. Желтый и синий создают зеленый цвет. Красный и синий создают фиолетовый. Вы ведь помните это из начальной школы?
Затем смешивание вторичных цветов и основных цветов создает третичные цвета.
Существует множество различных итераций цветового круга, но многие из них, в которых используются эти три типа отношений, отображают дюжину цветов.
Современная теория цветаЦифровые дизайнеры могут быть более знакомы с цветовой моделью RGB с красным, зеленым и синим для смешивания света.Голубой пурпурный Желтый Черный или CMYK — это четыре основных цвета для печати изображений, которые, как субтрактивные цвета, становятся темнее при смешивании.
Принципы теории цветаВероятно, вы впервые познакомились с самой базовой концепцией теории цвета еще в начальной школе, когда вам дали палитру основных цветов для рисования. Красный, синий и желтый — основные цвета, и их нельзя создать путем смешивания цветов. Смешайте их все вместе, и вы получите коричневый цвет. Но смешайте их, и вы сможете создать все остальные цвета.
Теория цвета также включает в себя темноту или светлоту цвета или значения цвета. Вы можете изменить оттенок цвета, добавив белый для оттенка, который даст вам более светлые пастельные тона, и черный для оттенка, чтобы сделать цвет темнее и тусклым. Когда серый цвет добавляется к основному, второстепенному или третичному цвету, он создает тон. Если цвет смягчается, его яркость и интенсивность уменьшаются.
После добавления оттенков, оттенков и тонов вы получите расширенное цветовое колесо.
Кроме того, теория цвета включает в себя то, как вы расставляете цвета вместе для создания схем.Например, монохромная цветовая схема — это цветовая схема с разными оттенками и оттенками. Или аналогичная цветовая схема включает соседние цвета на колесе, такие как красный, оранжевый и желтый.
Дополнительные цветаКогда вы сочетаете цвета, вы можете найти гармонию, выбирая дополнительные цвета. В этом случае притягиваются противоположности. Эта конкретная цветовая схема основана на двух цветах на противоположной стороне цветового круга. Когда вы это сделаете, в результате получится высококонтрастная цветовая комбинация, яркая и эффектная.
Примеры дополнительных цветовых комбинаций: красный и зеленый; желтый и фиолетовый; оранжевый и синий; зеленый и пурпурный. Дополнительные цветовые комбинации, как правило, выделяются жирным шрифтом, поэтому спортивные команды часто используют эту формулу для своих цветов.
Чтобы добавить третий цвет и сделать цветовую схему менее насыщенной, можно использовать разделенную дополнительную цветовую схему. Он использует один цвет в качестве основы и два цвета, смежные с его дополнением.
Дополнительные соображения по теории цветаТеперь давайте рассмотрим, как дизайнеры могут использовать теорию цвета для улучшения своих проектов.Вспомните, когда вы в последний раз заполняли контактную форму на веб-сайте. Пропустите поле, и, скорее всего, появится красное сообщение об ошибке. Напротив, если вам нужно повторно ввести пароль для проверки, и вы вводите все правильно, зеленое сообщение сигнализирует вам о необходимости продолжить. В этом случае цвет не только сообщает, как использовать ваш продукт, но также использует психологию, чтобы вызвать эмоциональные реакции (зеленый = хорошо, красный = плохо).
Красный и зеленый — не единственные цвета, обладающие психологической силой: цветовое колесо также можно разделить на теплые и холодные цвета.Люди ассоциируют более холодные цвета, такие как синий, с умиротворением и спокойствием. Теплые цвета, такие как красный, более энергичны и ассоциируются со страстью.
И цвет влияет на сами продукты. Исследования показывают, что люди делают подсознательное суждение о продукте в течение 90 секунд, и 62–90% этой оценки основаны только на цвете, согласно CCICOLOR — Институту исследований цвета. Другое исследование 2011 года, опубликованное в журнале Академии маркетинговых наук , показало, что цвет является важным фактором в том, как потребители воспринимают бренды.
Согласно исследованию Джо Хэллока, проведенному в 2003 году для защиты диссертации в Вашингтонском университете, 34% участников исследования связали синий цвет с доверием; 28% ассоциировали синий цвет с безопасностью; 75% ассоциировали красный цвет со скоростью; 42% ассоциируют черный цвет с высоким качеством; и 26% ассоциировали апельсин с дешевизной или недорогой.
Когда дело доходит до любимых цветов, исследования 1990-х годов показывают, что мужчины предпочитают более смелые цвета, а женщины — более мягкие.
Теория цвета дизайнеров бросает вызовНо дизайнеры могут столкнуться с трудностями, выбирая единообразную цветовую схему.
«У каждого свои предпочтения в цветах, будь то определенный цвет или группа цветов, например, более теплые или более холодные цвета». Гонсалес говорит. По его словам, обращение к экспертам по брендингу поможет исключить предпочтения из уравнения и поможет соответствовать спецификациям бренда. Также есть шанс, что ваша цветовая палитра будет включена в дизайн-систему вашей команды.
Это здесь: новый InVision DSM.
Создавайте, создавайте и пропагандируйте свою дизайн-систему с помощью улучшенных возможностей адаптации и более гибкой документации в Интернете.
Получить ранний доступ
Читаемость также важна, говорит Гонсалес, и ее нужно учитывать в первую очередь. Цветовая схема может быть красивой и инновационной, но если она заставляет пользователей напрягать глаза при расшифровке текста, вернитесь к доске для рисования. Также учтите, что от 4 до 5 процентов населения страдают дальтонизмом. Имея это в виду, вы можете использовать альтернативные цвета, чтобы помочь пользователю. Например, для обозначения обязательных полей можно полагаться на звездочку, а не на цвет, — говорит Сорен Хэмби, защитник дизайна в InVision.
Как и мода, цветовые схемы могут быть модными, а «его» цвета появляются каждый сезон. Дизайнерам стоит подумать о том, чтобы более модные цвета оставались стойкими. Спросите себя: будет ли он выпущен через год? Кроме того, знайте, что цвет может интерпретироваться по-разному в разных культурах. В зависимости от того, где находятся ваши клиенты, красный цвет может символизировать страсть, любовь, удачу, процветание, агрессию или смерть.
Однако, в конце концов, если вы стремитесь угодить всем, вы в конечном итоге никому не угодите, — говорит Гонсалес.Он предлагает найти вашу целевую аудиторию и протестировать свои цветовые схемы с вашей аудиторией.
Теория цвета и цветовые палитры — Полное руководство [2021]
Вы когда-нибудь видели цвет, который сразу напомнил вам об определенном бренде? Возможно, вы изо всех сил пытались расслабиться в комнате с противоречивой цветовой схемой или вернули вещь, которую вы получили в подарок, потому что цвет был не совсем подходящим.
Цвета обладают неизмеримой силой сообщать нам настроение, эмоции и мысли.Исследование, проведенное Институтом исследований цвета, показывает, что люди подсознательно оценивают продукт в течение 90 секунд после его просмотра, и от 62% до 90% этой оценки основываются только на цвете.
Перед дизайнерами пользовательского интерфейса (UI) стоит непростая задача — включить цвет в свой интерфейс таким образом, чтобы ярко передать визуальную идентичность бренда. Хотя может показаться, что цветовая палитра веб-сайта — это вопрос личного вкуса клиента, в действительности дизайнеры пользовательского интерфейса полагаются на структуру, называемую теорией цвета: многослойный набор руководящих принципов, которые определяют использование цвета в дизайне.
В этом руководстве мы познакомим вас со всем, что вам нужно знать о теории цвета — от освоения основ цветовых вариантов до выбора правильной цветовой палитры для вашего пользовательского интерфейса.
Вот что мы рассмотрим:
Прежде чем мы начнем, посмотрите это видео, представленное Ольгой, наставником по дизайну пользовательского интерфейса CareerFoundry.Ольга объясняет, что нужно учитывать при выборе цветовой палитры, чего следует избегать, а также основные советы по выбору правильной цветовой схемы:
1. Что такое теория цвета?
Давайте начнем с основ: что такое теория цвета?
Теория цвета — это основа, которая информирует об использовании цвета в искусстве и дизайне, направляет выбор цветовых палитр и способствует эффективной передаче идеи дизайна как на эстетическом, так и на психологическом уровне.
Современная теория цвета в значительной степени основана на цветовом круге Исаака Ньютона, который он создал еще в 1666 году. Основное цветовое колесо отображает три категории цвета; основные цвета, вторичные цвета и третичные цвета. Если вы помните, как узнавали об этом на уроке искусства, молодец — вы уже постигли основы теории цвета!
Давайте кратко рассмотрим, что влекут за собой эти цветовые категории:
2. Знакомство с цветовым кругом
Вы можете подумать: «Существует более 12 цветов.«Вы правы — и все их можно найти в более продвинутой версии цветового круга.
Цветовой круг не просто отображает каждый первичный, вторичный и третичный цвет — он также отображает их соответствующие оттенки, оттенки, тона и оттенки. Визуализируя, как каждый цвет соотносится с цветом, который идет рядом с ним на цветовой шкале радуги, цветовое колесо помогает дизайнерам создавать индивидуальные цветовые палитры, которые способствуют эстетической гармонии. Давайте углубимся в эти цветовые варианты немного глубже:
Оттенок
Оттенок относится к чистому пигменту цвета без оттенка или оттенка.В этом отношении оттенок можно интерпретировать как источник цвета. Любой из шести основных и дополнительных цветов является оттенком.
Оттенок
Оттенок означает, сколько черного добавлено в оттенок. Таким образом, оттенок затемняет цвет.
Оттенок
Оттенок, противоположный оттенку, указывает на то, сколько белого добавлено к цвету. Таким образом, оттенок осветляет цвет.
Тон
Тон — это результат цвета, к которому были добавлены как белый, так и черный. Другими словами, тон относится к любому оттенку, который был изменен с добавлением серого — при условии, что серый является чисто нейтральным (содержит только белый и черный).
Цветовая температура
Даже если вы новичок в дизайне, вы, вероятно, слышали термины «теплый, холодный и нейтральный», связанные с цветом. Это называется цветовой температурой и является важным фактором, когда речь идет о теории цвета.
Теплые тона содержат оттенки желтого и красного; холодные цвета имеют синий, зеленый или фиолетовый оттенок; а нейтральные цвета включают коричневый, серый, черный и белый. Температура цвета существенно влияет на нашу эмоциональную реакцию на него.Например, с точки зрения психологии цветов теплые цвета демонстрируют волнение, оптимизм и творчество, тогда как холодные цвета символизируют мир, спокойствие и гармонию. Но мы поговорим немного о психологии цвета позже!
3. Важность цветовой гармонии
Пожалуй, наиболее важный аспект теории цвета. Цветовая гармония относится к использованию цветовых комбинаций, которые визуально приятны для человеческого глаза. Цветовые палитры могут способствовать контрасту или созвучию, но пока они имеют смысл вместе, они все равно могут давать визуально удовлетворительный эффект.
Когда дело доходит до дизайна пользовательского интерфейса, гармония цветов — это то, к чему стремятся все дизайнеры. Цветовая гармония, основанная на психологической потребности в балансе, привлекает зрителя и устанавливает чувство порядка. Отсутствие гармонии в цветовой палитре может привести к тому, что интерфейс будет либо недостаточно стимулирующим (скучным), либо чрезмерно стимулирующим (хаотичным и беспорядочным).
Не знаете, как выглядит пользовательский интерфейс? Ознакомьтесь с нашим руководством о том, что такое пользовательский интерфейс и что вы можете найти в нем.
4.Аддитивные и вычитающие цветовые модели
Теперь, когда мы освоили варианты цвета, мы можем переходить к добавлению и вычитанию цвета. Цвет имеет две разные природы: осязаемые цвета, которые можно увидеть на поверхности предметов, и цвета, создаваемые светом. Эти два типа цвета известны как аддитивная и субтрактивная цветовые модели. Давайте подробнее рассмотрим, что они означают.
Аддитивная цветовая модель (RGB)
RGB означает красный, зеленый и синий и основана на аддитивной цветовой модели световых волн, согласно которой чем больше цвета вы добавляете, тем ближе цвет к белому.Цветовая модель RGB составляет основу всех электронных экранов и, как следствие, является моделью, наиболее часто используемой дизайнерами пользовательского интерфейса.
Субтрактивная цветовая модель (CMYK)
С другой стороны, CMYK известна как субтрактивная цветовая модель, которая получает цвета путем вычитания света. CMYK означает голубой, пурпурный, желтый и черный, и в основном он используется при физической печати.
5. Введение в цветовые палитры
До сих пор мы исследовали различные формы, которые может принимать цвет, и познакомились с цветовой моделью, которую вы будете использовать в качестве дизайнера пользовательского интерфейса.А теперь перейдем к самому интересному: цветовым палитрам!
Цветовая палитра — это комбинация цветов, используемая дизайнерами пользовательского интерфейса при разработке интерфейса. При правильном использовании цветовые палитры образуют визуальную основу вашего бренда, помогают поддерживать согласованность и делают ваш пользовательский интерфейс эстетически приятным и приятным в использовании.
Хотя цветовые палитры насчитывают тысячи лет, цветовые палитры обычно используются в цифровом дизайне и представлены как комбинация HEX-кодов. Шестнадцатеричные коды сообщают компьютеру, какой цвет вы хотите отобразить, используя шестнадцатеричные значения.Еще в 90-х большинство цифровых цветовых палитр включало только восемь цветов. Теперь дизайнеры могут выбирать из множества оттенков и оттенков цветового круга.
В следующих нескольких разделах мы узнаем, как выбирать и интерпретировать цветовую палитру, чтобы обеспечить создание наилучшего интерфейса для своих пользователей.
6. Какие бывают типы цветовых палитр?
Цвета можно комбинировать, чтобы сформировать одну из пяти цветовых палитр, которые обычно используются дизайнерами пользовательского интерфейса.Давайте вместе пройдемся по ним.
Монохроматический
Популярный выбор дизайнеров, монохромные цветовые схемы формируются с использованием различных тонов и оттенков одного цвета.
Аналог
Аналогичная цветовая схема формируется из трех цветов, расположенных рядом друг с другом на цветовом круге. Аналогичные цветовые палитры обычно используются, когда не требуется контраста, например, на фоне веб-страниц или баннеров.
Дополнительные
Дополнительные цветовые палитры состоят из цветов, помещенных друг перед другом на цветовом круге.Хотя название может предполагать иное, дополнительные цветовые палитры на самом деле противоположны аналогичным и монохроматическим цветовым палитрам, поскольку они нацелены на создание контраста. Например, красная кнопка на синем фоне будет выделяться на любом интерфейсе.
Раздельно-дополнительная
Палитра дополнительных цветов отличается от дополнительной цветовой палитры только тем, что в ней используется большее количество цветов. Например, если вы выберете синий цвет, вам нужно будет взять два цвета, которые соседствуют с его противоположным цветом, который в данном случае будет желтым и красным.
Triadic
Трехмерная цветовая схема основана на трех отдельных цветах, которые равноудалены на цветовом круге. Большинство дизайнеров используют триадную цветовую схему, выбирая один доминирующий цвет и используя два других цвета в качестве акцентов.
Tetradic
Обычно используемая более опытными дизайнерами четырехцветная цветовая схема включает два набора дополнительных пар — всего четыре цвета из цветового круга, которые должны образовывать прямоугольник при соединении.Хотя балансировать немного сложнее, это дает визуально ошеломляющий конечный эффект!
7. Как выбрать цветовую палитру
Теперь, когда мы освоили основы теории цвета, давайте посмотрим, как вы можете использовать эти новые знания для выбора цветовой палитры, которая рассказывает историю вашего бренда и находит отклик у вашей аудитории.
При выборе цветовой палитры для пользовательского интерфейса следует учитывать несколько моментов:
Изучите свою аудиторию
Эмоциональная реакция на цвета может зависеть от ряда личных факторов, включая пол, культурный опыт и возраст.Прежде чем приступить к выбору цветовой палитры, обязательно определите, кто ваша аудитория. Каковы их общие черты и каковы их ожидания? Какие бренды, относящиеся к вашему, популярны среди вашей целевой аудитории, и как вы можете превзойти их дизайн?
Проведение структурированного, тщательного исследования вашей целевой аудитории не только поможет вам точно настроить историю, которую вы хотите сообщить, но также поможет вам предотвратить потенциально катастрофический сбой дизайна.
Чтобы узнать больше о том, как стать лучшим дизайнером, ознакомьтесь с нашей статьей о том, как избежать 10 наиболее распространенных ошибок дизайна пользовательского интерфейса!
Подумайте о психологии цвета
Разобравшись с целевой аудиторией, пора взглянуть на психологию, лежащую в основе потенциальных цветов вашего бренда.Психология цвета — это раздел психологии, изучающий влияние цветов на настроение и поведение человека. Согласно психологии цвета, человеческий разум подсознательно реагирует и интерпретирует цвета таким образом, что влияет на наши действия.
Если вы хотите создать цветовую палитру, которая привлекает вашу целевую аудиторию и точно рассказывает историю вашего бренда, важно иметь базовое понимание психологии цвета. Чтобы вы быстрее освоились, давайте взглянем на некоторые из наиболее распространенных цветовых ассоциаций ниже:
Выбирайте цвета с умом
Обычно цветовые палитры состоят из шести цветов. Эти цвета должны включать один доминирующий цвет, четыре основных цвета и один стандартный цвет для вашего текста (обычно черный или серый). Ваш доминирующий цвет — это то, что ваши клиенты всегда будут ассоциировать с брендом, поэтому будьте очень осторожны, размышляя о том, каким должен быть этот цвет. Не торопитесь, чтобы вдохновиться, помните о цветовых ассоциациях и при необходимости проведите пользовательское тестирование.
Примечание. Вы можете добавлять больше или меньше цветов в зависимости от индивидуальности вашего бренда и эстетики, к которой вы стремитесь. Выбор монохроматических, аналогичных или дополнительных цветов поможет вам добиться оптимальной цветовой палитры. Помните: здесь главная цель — цветовая гармония!
Не экономьте на контрасте
Цветовой контраст — это основа любого интерфейса, так как он делает каждый элемент интерфейса заметным и отличным. Пользовательские интерфейсы, содержащие только оттенки из одного и того же цветового семейства, вряд ли привлекут внимание пользователей и, более того, рискуют стать полной головной болью при навигации.С другой стороны, если цвета копии и фона слишком сильно контрастируют друг с другом, текст может стать неразборчивым.
Дизайнеры контролируют уровень контрастности в зависимости от того, чего стремится достичь интерфейс. Опытные дизайнеры стремятся создать умеренный уровень контраста и применять высококонтрастные цвета только для элементов, которые должны выделяться, например, для призыва к действию. Это связано с моим следующим тезисом…
Придерживайтесь условных обозначений пользовательского интерфейса
При работе с цветами легко увлечься эстетикой, а не практичностью.Конечно, ваш интерфейс должен быть приятным визуально, но он также должен быть доступным, простым в навигации и приятным в использовании. Конечно, экспериментировать — это здорово, но сложные дизайнерские соглашения с «острым» дизайном могут сбить с толку ваших пользователей и заставить их работать больше, чем им нужно.
Некоторые общие цветовые соглашения дизайна пользовательского интерфейса включают:
Соблюдение этих соглашений снизит когнитивную нагрузку на пользователей и позволит им интуитивно ориентироваться в интерфейсе.
Получите отзыв
Хотите узнать, выберете ли вы лучшую цветовую палитру? Проведите пользовательское тестирование! Цветовые палитры никогда не должны зависеть от личных предпочтений, независимо от того, насколько вы обожаете выбранные вами цвета. Как мы видели при обсуждении цветовых ассоциаций, к эмоциональной реакции, которую цвет может противопоставить, нельзя относиться легкомысленно; он может в значительной степени улучшить или разрушить отношения бренда со своей клиентской базой.
Получение отзывов пользователей при первой же возможности гарантирует, что вы создадите интерфейс с использованием цветов, которые понравятся вашим пользователям.Узнайте, как провести сеанс пользовательского тестирования в этом подробном руководстве.
Когда дело доходит до фактической задачи по выбору цветовой палитры для вашего интерфейса, легко кажется, что вы не знаете, с чего начать. К счастью, в настоящее время доступно множество полезных инструментов и онлайн-генераторов цветовых палитр, которые вдохновят вас и помогут выбрать цветовую палитру для вашего дизайна.
Ниже мы собрали три лучших инструмента для создания цветовых палитр в Интернете.Выбирайте!
Adobe Color
Будучи «источником хлеба с маслом» для всех цифровых креативов, Adobe Color предлагает практически любую цветовую палитру. По сравнению с другими генераторами цветовых схем Adobe Color намного более комплексный, поэтому не выбирайте его, если вам нужно что-то быстрое и простое. Среди ключевых функций Adobe Colors — генератор цветовой палитры, который извлекает цвета из загружаемых вами изображений.
Coolors
Coolors — это полезный и удобный для начинающих генератор цветовой палитры, идеально подходящий для знакомства с HEX-кодами.Вы можете просматривать случайные готовые цветовые палитры, экспериментировать с оттенками и оттенками и сохранять свои любимые цвета, чтобы создать свою собственную палитру. Но с их генератором еще веселее поиграться. Как только вы найдете цвет, который вам нравится, просто скопируйте его и вставьте в любое внешнее приложение и приступайте к дизайну!
Справочник цветов Adobe Illustrator
Справочник цветов Adobe Illustrator выделяется своей популярной функцией «Справочник цветов». После того, как вы выбрали цвет, справочник цветов сгенерирует для вас пятицветную палитру.Он также предоставит вам ряд оттенков и оттенков для каждого цвета в палитре. Если вы переключите основной цвет, цветовая шкала автоматически обновит соответствующие цвета, чтобы ваши акцентные цвета были дополнительными.
9. Заключительные мысли
Если вам кажется, что это много информации, которую нужно усвоить, не волнуйтесь! Вам не нужно становиться экспертом в теории цвета, чтобы стать успешным дизайнером пользовательского интерфейса. Теория цвета — чрезвычайно сложная наука, изучению которой многие люди посвящают всю свою жизнь.Знание основ поможет вам понять психологию выбора идеальной цветовой палитры для вашего веб-сайта или приложения.
Ищете вдохновение для дизайна пользовательского интерфейса? Ознакомьтесь с этими сообщениями в блоге:
The Designers Republic: Руководство по броским сочетаниям цветов
Хотите, чтобы ваши дизайны выделялись больше? Броское сочетание цветов — отличный и простой способ добиться этого. И нет лучшего способа найти привлекательное сочетание, чем обратиться к мастерам дизайна: The Designers Republic.
Вместо того, чтобы использовать метод проб и ошибок или сталкиваться с бесконечным множеством вариантов, вы можете просто использовать источник дизайнерского вдохновения, чтобы быстро отточить цветовую комбинацию, которая работает. Так родилась эта статья: Руководство по броским сочетаниям цветов The Designers Republic.
Дизайнеры Кто?
Не знаете, кто такая The Designers Republic? Это одна из самых знаковых и влиятельных студий графического дизайна конца 20 — начала 21 века.Он был основан в 1986 году в Шеффилде, Англия, Яном Андерсоном, который начал с разработки флаеров для музыкальных групп. Рост славы TDR пришелся на дизайн обложек оригинального электронного лейбла Warp (который также из Шеффилда), создание стиля для серии видеоигр Wipeout и работа для таких корпораций, как Sony и Coca Cola.
The Designers Republic стала очень влиятельной студией графического дизайна. Вся электронная музыкальная сцена использовала многие футуристические элементы TDR для обложек альбомов и тому подобное, как и многие участники сообщества веб-дизайнеров.Можно с уверенностью сказать, что TDR кое-что знает об эффективном дизайне, включая броские цветовые сочетания.
The Designers Republic умеет подбирать простые, но очень привлекательные цветовые комбинации. И это тема этой статьи: что мы можем узнать из выбора цвета TDR.
The Designers Republic Руководство по броским сочетаниям цветов
1. Синий + коричневый + черный + белый
Эта цветовая комбинация вызывает веселое, но серьезное отношение. Идеально для случаев, когда у вас есть что-то деловое, но с игривой ухмылкой.
Самое интересное — это цвета, напоминающие мороженое (белый — ваниль, коричневый — шоколад, синий — конфеты или черничный топпинг) . И что самое серьезное, ни один из цветов не является слишком ярким (например, красным, оранжевым, желтым) .
Шоколадный блюз
2. Синий + серый + белый
Эта цветовая комбинация гладкая, профессиональная, легкая и стильная. Если бы он был просто серо-белым, то он был бы гладким и профессиональным, но не более того.Тем не менее, оттенок синего придает не только больше цвета, но и ощущение воздушности и свежести.
Отлично подходит для случаев, когда вы хотите, чтобы ваш дизайн оставался ультрачистым, но при этом оставался в нем изюминкой.
Twitter
3. Синий + белый
Когда белый текст находится на ровном синем фоне, создается ощущение океана. Как будто контент плывет по бесконечному холсту. Обычно этот оттенок синего не часто выбирают для фона, так как он достаточно интенсивный.Но в отличие от более горячего цвета, такого как красный, синий остается спокойным, что делает текст более читабельным для более длинного текста.
Если вы хотите создать интенсивную, но спокойную, сфокусированную, но парящую энергию, эта цветовая комбинация вам подойдет.
Skype
4. Сине-зеленый + белый
Вариант предыдущего # 3. Вместо прямого синего вы можете использовать сине-зеленый, чтобы придать ему еще более спокойный и пасторальный вид. Менее плавающая и более отражающая атмосфера.
Детская тема раннего утра
5.Темно-серый + светло-серый + зеленый
Темно-серый текст и объекты на светло-сером фоне создают более мягкую профессиональную атмосферу, чем черно-белый. Причина этого заключается в меньшей контрастности. Но, как и в случае с номером 2, оттенок зеленого создает технологичный, но естественный сплав.
Зеленый создает определенное заземление из-за ассоциации земли / травы / природы. Он не дает преобладать всем оттенкам серого.
Bleep
6. Оранжевый + белый
Здесь ничего шокирующего — белый текст и объекты поверх яркого цвета.Но оранжевый — часто неиспользуемый цвет для фона, а красный — более популярный выбор. Оранжевый делает фон менее интенсивным и более теплым, чем красный.
Идеально подходит для создания чего-то теплого, ассоциирующегося с осенью или едой, или для ироничного использования этого, чтобы подорвать в остальном детский образ (как The Designers Republic сделали с этим вращением своего дизайна Nickelodeon) .
Белый Оранжевый
7. Розовый + Белый
Как и в предыдущем пункте 6, еще одна простая комбинация белого текста и объектов одного цвета.И, как и в случае с №6, розовый — еще один недостаточно используемый цвет фона. Парни в основном избегают этого из-за девчачьего подтекста — они хотят чего-то «круче» или покрепче. Но подобно тому, как невероятно уверенный в себе мужчина может с комфортом носить розовое, уверенный дизайн может раскачать розовый фон.
Здесь нет скрытой цветовой комбинации. Розовый просто используется недостаточно, поэтому, используя его для дизайна, не связанного с парфюмерией, конфетами и т. Д., Вы автоматически сделаете свою работу более заметной. А менее используемые цвета — больше привлекательности для глаз.
Одопод
8. Красный + черный + белый
Очень часто используется красный и белый (Кока-кола) . Так почему же здесь представлена эта чрезмерно часто используемая цветовая комбинация? Ответ: черный.
Добавление черного делает эту цветовую комбинацию более привлекательной. Это немного сбивает вас с толку, потому что вы привыкли видеть только красное и белое. Вот почему это работает: черный цвет нейтрален и не конфликтует с красным, как другие цвета или даже серый. Но этого дополнительного тонкого прикосновения достаточно, чтобы отделить ваш дизайн от бесчисленных черно-белых дизайнов.
Whitestripes
9. Белый + серый + зеленый
Аналогичен №6, но перевернут. Белый текст на сером фоне — это не слишком распространенная, но все же достаточно распространенная цветовая комбинация. Популярный пример — Джон Грубер, использующий его в своем блоге Daring Fireball.
Но опять же, как и в пункте 6, эту цветовую комбинацию больше отличает добавление легкого оттенка зеленого. Зеленый придает землистость технологичным оттенкам серого. Вы видите, что возникает закономерность? Добавьте немного заземленного цвета, такого как зеленый, и вы сможете выделить более обычную цветовую комбинацию, не делая ее слишком очевидной.
Bigdada
10. Желто-зеленый + серый
Это красивая научно-фантастическая и захватывающая комбинация цветов. Желто-зеленый вызывает ощущение токсичности, а серый создает иллюзию металла. В сочетании вы получите дизайн в стиле комиксов или видеоигр. Как супергерой, который вступил в контакт с ядовитой слизью и приобрел некоторые способности.
Что хорошо, так это то, что серый делает цветовую комбинацию более изысканной. Рядом с желто-зеленым он становится металлическим из-за токсичной темы.Но здесь нет ни синего, ни красного, ни оранжевого, ни пурпурного, ни каких-либо других цветов.
Таким образом, хотя фантастический элемент остается нетронутым, вы все равно получаете тонкую и сдержанную цветовую комбинацию, которая будет работать в более профессиональных и приглушенных настройках. Идеально подходит для тех моментов, когда вам нужно проникнуть немного аромата Toxic Avenger на сайт корпоративного клиента.
Live 93
Броские цветовые комбинации
Вот и все. Яркие цветовые комбинации, созданные непосредственно из уникальных работ The Designers Republic.Если вы хотите, чтобы ваш следующий дизайн выделялся и был немного более уникальным, подумайте об использовании одной из этих цветовых комбинаций, вдохновленных TDR.
Как насчет вас: какие ваши любимые броские цветовые сочетания?
Используйте теорию цвета для создания наилучших цветовых комбинаций для вашего дизайна.
Понимание теории цвета и ее стратегического использования в процессе дизайна вашего веб-сайта является ключевым. Это первое, что кто-то видит при посещении вашего веб-сайта. Как вы хотите, чтобы они чувствовали себя? Давайте погрузимся в чудесный мир цвета.
Цвет вызывает эмоции, вызывает волнение и привлекает внимание. Цвет может помочь привлечь ваше внимание туда, где вы хотите, на чем угодно, от плаката или рекламного щита до электронного письма в вашем почтовом ящике. Цвет может даже повлиять на ваше настроение. Знаете ли вы, что цветовая психология, лежащая в основе сочетания красного и желтого, вызывает у вас чувство голода? Неудивительно, что известные сети быстрого питания, такие как McDonald’s, используют эти цвета в своем логотипе.
Цвет теория — это набор принципов для создания гармоничных цветовых сочетаний.Это смесь науки и искусства. Понимание основ теории цвета и того, откуда берется цвет, важно знать как дизайнеру. Освоив его, вы будете знать, как создавать лучшие цветовые комбинации для ваших проектов графического и веб-дизайна.
Если вы не верите, что цвет влияет на ваш дизайн, взгляните на этот пример. Это точно такая же иллюстрация, разница только в цветах. На какой приятно смотреть, а от чего хочется взорвать глаза?
Цветовой кругВажной частью теории цвета является понимание цветового круга.Вы, наверное, видели такой на уроках раннего рисования в школе, но для чего он нужен и как вы можете использовать его для улучшения своих дизайнов? Когда вы поймете цвета на цветовом круге, основные свойства цвета и способы их смешивания, вы поймете, как создавать богатые цветовые комбинации, которые не только выделяют ваш дизайн, но и улучшают взаимодействие с пользователем.
Существует много версий цветового круга, но в этой статье мы рассмотрим базовую версию. Цветовой круг делится на 3 основные категории: основной, вторичный и третичный цвет.
Основные цвета — красный, синий и желтый. Это три основных цвета, которые вы используете для смешивания и создания других цветов. Если вы хоть немного рисовали, вы не понаслышке знаете, как смешать достаточно синего с желтым, чтобы получился зеленый.
Когда вы смешиваете два основных цвета, вы получаете вторичный цвет : зеленый, оранжевый и фиолетовый.
Идя еще дальше, когда вы смешиваете основной цвет со второстепенным, вы получаете третичный цвет .Эти цвета названы в честь их родителей: желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый.
Оцените этот инструмент цветового круга, созданный Canva. Вы можете начать с одного цвета, выбирать варианты для создания монохроматических, дополнительных, аналоговых, триадных и тетрадных комбинаций.
Цветовая температура: теплый против холодногоЦветовой круг делится пополам на теплые и холодные цвета. Теплота или холодность цвета называется цветовой температурой.Подумайте, как вы можете использовать теплые и холодные цвета в своих проектах веб-дизайна, чтобы достичь определенного настроения.
Если вы занимаетесь фотографией, вы знаете, как освещение и цветовая температура влияют на то, как ваша камера делает снимок. Использование баланса белого и редактирование в посте помогает исправить некоторые из этих дисбалансов.
Как создать более насыщенные цветаПрежде чем мы сможем создавать более богатые цветовые комбинации, нам нужно понять несколько основных терминов теории цвета, что они собой представляют и как они влияют на цвет.
Оттенок, насыщенность и яркостьОттенок — чистый цвет. По сути, это любой из цветов на цветовом круге.
Насыщенность означает интенсивность цвета. Когда вы используете корректирующий слой насыщенности в Photoshop, вы можете точно увидеть, как это влияет на интенсивность цвета вашей фотографии. Переместите ползунок вправо, чтобы получить яркие насыщенные цвета. Переместите ползунок влево для ненасыщенности или оттенков серого.
Яркость означает количество яркости или света в цвете.
Оттенки, тона и оттенкиВы понимаете основные, вторичные и третичные цвета, но как получить более глубокие и сложные цвета? Здесь в игру вступают оттенки, тона и оттенки. Как только вы начнете играть с ними, вы откроете бесконечное количество вариантов цвета.
Оттенок создается путем добавления белого к базовому оттенку и осветления цвета. Это делает цвет менее интенсивным и полезно при уравновешивании более ярких цветовых комбинаций.
Тон создается путем сочетания черного и белого — или серого — с базовым оттенком.Как и оттенки, оттенки являются более тонкими версиями исходного цвета. Тона с меньшей вероятностью будут выглядеть пастельными и могут выявить сложности, не очевидные в основном цвете.
Оттенок создается путем добавления черного к базовому оттенку, по сути, он затемняет цвет. Это создает более глубокий и насыщенный цвет.
Используйте цветовые схемы для создания гармоничных цветов.Цветовые схемы — важный аспект теории цвета. Цветовая гамма — это сочетание цветов, которые в совокупности создают гармоничное сочетание.Как дизайнер, вы сами решаете, какая цветовая схема соответствует цели вашего проекта. Давайте разберем несколько основных цветовых схем.
Монохроматический«Монохромный» — это префикс, означающий только один или только, в этом примере один цвет. Для этой цветовой схемы вы начинаете с одного оттенка (например, красного), затем используете оттенки, оттенки и тона, чтобы осветлить или затемнить, чтобы создать гармоничную цветовую комбинацию.
Монохромные цветовые палитры могут радовать глаз, но не забывайте добавлять контраст, особенно когда дело касается веб-дизайна.Если весь веб-сайт выполнен в монохромной цветовой схеме, пользователю может быть сложно найти то, что он ищет.
Via Neha Nagar on Dribbble
ДополнительныеДополнительные цвета — это два цвета на противоположных сторонах цветового круга. Примеры дополнительных комбинаций: желтый и фиолетовый, синий и оранжевый, красный и зеленый.
Благодаря высокому контрасту дополнительные цвета могут сделать веб-сайты интереснее и интереснее, но, как и в случае с монохромной цветовой палитрой, используйте их с умом.Вы также захотите добавить еще несколько цветов, особенно для типографики.
Via Ghilman Aminullah on Dribbble
Split-ComplementaryСплит-дополнительная цветовая схема — это шаг за пределы дополнительной схемы. Вместо того, чтобы использовать только один цвет в качестве дополнения, вы используете два цвета рядом друг с другом на колесе, чтобы дополнить ваш основной цвет.
Via Alina Zhaivoron on Dribbble
АналогичныйЭто три цвета, которые находятся рядом друг с другом на цветовом круге.Примером аналогичных цветов является желтый, желто-оранжевый и оранжевый.
Мне очень нравятся аналогичные цветовые палитры! Сочетание этой цветовой схемы с нейтральным и базовыми, такими как белый, черный и серый, может создать красивые веб-сайты.
Via Outcrowd на Dribbble
TriadicTriadic — это любые три цвета, равномерно расположенные на цветовом круге. Когда вы соединяете точки, они образуют треугольник.
Виа Леван Лорткипанидзе на Dribbble
Когда использовать RGB и CMYKИспользование RGB или CMYK во многом зависит от того, для чего вы разрабатываете.Важно иметь базовое представление об обеих цветовых моделях, чтобы убедиться, что вы работаете в правильной. Последнее, что вы хотите, — это передать неверные файлы вашему клиенту.
RGBЦветовая модель RGB — это аддитивная цветовая модель. Красный, зеленый и синий свет комбинируются различными способами, чтобы создать широкий спектр цветов. RGB — это инициалы трех дополнительных основных цветов: красного, зеленого и синего. Чем больше света вы добавите, тем ярче станет цветовое сочетание.Если смешать все три цвета света, получится чистый белый свет.
Камеры, телевизоры и экраны компьютеров используют RGB для создания своих цветов. Если вы откроете фотографию в Photoshop, вы заметите, что цветовое пространство установлено на RGB.
Если вы в основном пользователь интерфейса или веб-дизайнер, вы проектируете в RGB. Но если вы все время работаете над проектом печати, вы будете использовать цветовое пространство CMYK.
CMYKВ то время как RGB — это аддитивная цветовая модель, CMYK — это субтрактивная цветовая модель. CMYK означает голубой, пурпурный, желтый и черный.Когда вы покупаете чернила для принтера, обычно вам нужно покупать чернильный картридж для каждого из них.
Печатная машина создает изображения, комбинируя цвета CMYK в различной степени с физическими чернилами. Это называется субтрактивным смешиванием. Все цвета начинаются с чистого белого цвета, и каждый слой чернил снижает исходную яркость для создания предпочтительного цвета. Когда все цвета смешиваются вместе, получается чистый черный.
Для любого дизайн-проекта, который вы собираетесь напечатать, убедитесь, что цветовое пространство вашего документа установлено на CMYK.Для этого в любой программе Adobe выберите «Файл»> «Цветовой режим документа». Если вы используете программное обеспечение, используемое специально для дизайна экрана, такое как Figma или Sketch, вы можете пропустить этот шаг. Для другого программного обеспечения с двойным дизайном должна быть аналогичная опция для переключения цветового режима документа.
Советы по выбору цветовых комбинаций Избегайте ярких цветовВы когда-нибудь замечали, что некоторые цветовые комбинации вредны для глаз? Вибрирующие цвета — это сочетание двух высококонтрастных цветов.Некоторые примеры этих комбинаций — синий и розовый, зеленый и оранжевый или красный и фиолетовый. Избегайте использования этих цветовых комбинаций для удобного взаимодействия с пользователем.
Создание контрастаСтарайтесь не выбирать цвета, которые слишком похожи по оттенку или значению. Вы хотите, чтобы ваши цвета обеспечивали контраст. Когда дело доходит до веб-дизайна, для типографики еще важнее помнить о контрасте.
Взгляните на этот пример, какой из них вам трудно читать? Какой из них приятен для глаз и хорошо читается? Если пользователь не может прочитать ваше сообщение, значит, вы плохо взаимодействуете с вашим дизайном.
Используйте этот инструмент для проверки контрастности вашего дизайна. После того, как вы добавите цвет переднего плана и фона, убедитесь, что он прошел тест. Они также объясняют требования к контрастности, которые важны для цифрового дизайна.
Фактор психологии цветаЦвет влияет на настроение вашего дизайна, поэтому вы хотите иметь общее представление о психологии цвета при выборе основных цветов. Например, красный часто ассоциируется с гневом, опасностью, жарой и страстью.Сколько раз вас просили сделать кнопку CTA красной? Да, красный цвет может помочь привлечь внимание к целевой странице, но если все красное, то ничего важного. Это яркий цвет, поэтому используйте его экономно, чтобы привлечь внимание.
Синий ассоциируется с водой, миром и спокойствием. Исследования показали, что он даже снижает частоту сердечных сокращений (по сравнению с красным, который повышает частоту сердечных сокращений). Корпоративные компании часто используют синий цвет для своих логотипов и брендов, это безопасный выбор цвета.Однако, если вы разрабатываете логотип для компании и хотите выделиться, вы можете изменить отрасль, выбрав совершенно другой цвет.
Чтобы узнать больше о психологии цвета и о том, как использовать ее в качестве веб-дизайнера, ознакомьтесь с нашей публикацией, чтобы узнать больше.
Сделайте мудбордМожет быть, вам сложно придумывать цветовые комбинации с нуля самостоятельно. Совет, который вдохновит и поможет вам найти хорошую цветовую палитру для вашего следующего дизайн-проекта, — это создать доску настроения.
Соберите несколько фотографий, иллюстраций и рисунков. Какое настроение подходит вам? Обязательно задайте клиенту эти вопросы, прежде чем приступить к поиску, чтобы убедиться, что вы на правильном пути. Как только вы начнете собирать вдохновение, вы найдете несколько различных комбинаций.
Используйте Adobe ColorAdobe Color — это инструмент, к которому я постоянно возвращаюсь (ранее назывался Adobe Kuler). В поисках вдохновения для дизайна, возможно, вы наткнетесь на фотографию с очаровательными цветами.Фактически вы можете загрузить фотографию прямо в Adobe Color и извлечь из нее цветовую палитру! Инструмент даже предоставляет вам шестнадцатеричные цветовые коды, которые можно легко скопировать и вставить в ваше программное обеспечение для дизайна.
Вы также можете использовать цветовое колесо для исследования и создания монохроматических, дополнительных, аналоговых и других цветовых схем. Создав понравившуюся цветовую палитру, вы можете сохранить ее, войдя в свою учетную запись Adobe.
Процесс Рана по выбору цветов для дизайна веб-сайтовОзнакомьтесь с этим уроком нашего бесплатного курса веб-дизайна, где Ран рассказывает, как выбрать правильные цвета для ваших веб-сайтов, как комбинировать их с другими цветами, чтобы создать удобство для пользователей. и как объяснить клиентам, почему вы выбрали именно те цвета, которые выбрали.
Узнайте о цвете, типографике и многом другом в нашем курсе веб-дизайна.
Теория цвета, такая как типографика или кодирование, — это навык, которым вы можете овладеть. Начните замечать, как цвет используется вокруг вас. Если вы обнаружите, что что-то бросается в глаза, это может быть используемый цвет. Примите к сведению, извлеките уроки из этого и примените в своем следующем дизайне.