Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard : «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».
Проектируя новый продукт, дизайнеры часто затрудняются с составлением цветовой гаммы, так как существует неограниченное число возможных сочетаний. В этой статье мы рассмотрим восемь основных правил, которые могут помочь вам с выбором.
1. Ограничьте количество цветов
При добавлении цветов в дизайн крайне важно выдерживать баланс; и чем их больше, тем сложнее становится этого добиться. Результат получится лучше, если вы будете придерживаться правила «максимум три основных цвета», формируя палитру. В ходе исследования от специалистов из Торонтского университета , посвященного тому, как люди пользуются Adobe Color CC , большинство респондентов сказали, что предпочитают простые сочетания на основе двух-трех цветов.Если вам нужны дополнительные цвета, помимо тех, которые уже добавлены в палитру, используйте различные оттенки.
Как выстроить палитру
Но как выбрать эти два-три цвета? Тут вам поможет цветовой круг.
Такой круг из 12 цветов - один из основных материалов для составления палитры.
Существует целый ряд готовых стандартных схем, которые могут облегчить процесс создания палитры, особенно для новичков:
Одноцветные палитры
Одноцветные схемы оставляют очень приятное впечатление (особенно если выполнены в оттенках синего или зеленого). Как вы видите на примере Facebook, палитра выглядит очень аккуратно и элегантно.
С одноцветными палитрами работать проще всего: они содержат в себе только один цвет с различными вариациями в оттенках и насыщенности. Все оттенки цвета хорошо сочетаются друг с другом и создают успокаивающий эффект.
Палитры из родственных цветов
Родственные цвета - это те, которые располагаются рядом друг с другом на круге.
Такие гаммы строятся на базе родственных цветов: один из них становится опорным, а остальные используются, чтобы обогатить палитру. Здесь все тоже достаточно просто, но фокус заключается в том, чтобы правильно выбрать яркость используемых цветов - она будет задавать тон для всей гаммы. Например, Clear , утилита для организации списка дел с жестовым управлением, использует кричащие цвета, чтобы визуально привлечь внимание к тем задачам, которые пользователь выполняет в данный момент. Напротив, в приложении для медитации Calm предпочтение отдается паре родственных цветов «синий+зеленый», чтобы создать у пользователей ощущение покоя и умиротворения.
Палитры из комплементарных цветов
Используя комплементарные (противоположные) цвета, вы легко можете визуально выделить элемент.
Самые простые разновидности данного типа состоят из двух цветов, которые резко контрастируют друг с другом. Эта схема позволяет привлечь внимание смотрящего. При использовании комплементарной палитры необходимо определиться с основным цветом, а дополнительный применять, чтобы подчеркнуть ключевые элементы. Скажем, когда человеческий глаз видит какой-то объект, раскрашенный в разных оттенках зеленого цвета, мазок красного будет очень сильно выделяться на его фоне.
Кастомизированные палитры
Всплески цвета на сером фоне - отличный способ притянуть взгляд. Дизайн, выполненный в белом и сером цветах с синими акцентами, мы можем видеть на сайте Dropbox.
Создать собственную палитру не так трудно, как думают многие. Есть очень простой способ, которым вы можете воспользоваться, чтобы получить отличный вариант: просто добавьте яркие акценты в нейтральную гамму (то есть такую, которую обычно называют черно-белой). Полученная палитра будет смотреться очень эффектно.
2. Черпайте вдохновение в природе
Лучшие сочетания цветов - те, которые мы берем из мира природы. Почему? Потому что для нашего глаза они выглядят наиболее естественно. Достаточно просто оглядеться, чтобы почерпнуть идеи. Если в повседневной жизни вы заметите какой-то особенно красивый или цепляющий глаз оттенок, попробуйте создать цветовую гамму на его основе. Просто делайте фото красивых пейзажей и выбирайте из них цвета для палитры.
Природа создает лучшие сочетания цветов. Из этой фотографии может получиться отличная цветовая схема.
3. Старайтесь придерживаться пропорции 6/3/1
При составлении палитры вам также пригодится вечно актуальное правило от дизайнеров интерьеров: пропорция 6/3/1 позволяет создать идеальный баланс цветов в любом пространстве.Воплотить эту концепцию в реальность очень просто: ваш опорный цвет должен занимать 60% процентов, дополнительный - 30%, а 10% отводится на акценты. Основная идея состоит в том, что дополнительный цвет должен служить поддержкой для основного, но при этом быть легко различимым на его фоне. На цвет для визуального выделения отдельных областей приходится 10% экрана - можете использовать его для призыва к действию или же любого другого элемента.
4. Сначала проектируйте в черно-белой гамме
Играть с цветами - это весело. Неудивительно, что работа над проектом нередко начинается именно с выбора палитры. Искушение поставить поиск идеальной цветовой гаммы первым шагом велико, но я бы посоветовал вам побороть себя и для начала спроектировать интерфейс в оттенках серого. Сделайте черно-белый прототип приложения и используйте его как базовый вариант. В отсутствие цветов вы вынуждены будете сосредоточиться на расстояниях и расположении элементов.Вводите цвет в последнюю очередь и очень целенаправленно.
Яркое пятно на сером фоне - простой и эффективный способ направить взгляд на нужный объект.
5. Избегайте черного цвета
В реальности черный цвет практически не встречается. Все «черные» предметы, которые нам попадаются в окружающем мире, отражают какое-то количество света, а это значит, что они уже не черные, а темно-серые. Свежий асфальт, например, вовсе не черного цвета. И тени тоже.Если добавить в ваш комплект тщательно отобранных цветов черный, он «задавит» собой все остальные. Он так сильно бросается в глаза именно потому, что не воспринимается как естественный. Многие приложения, которыми мы пользуемся изо дня в день, добавляют в интерфейс якобы черные цвета, которые на самом деле темно-серые. Например, самый темный цвет в верхней панели приложения Asos - не #000000, а #242424. Так что не забывайте регулировать насыщенность.
6. Выстраивайте визуальную иерархию при помощи контраста
Цвет - это инструмент, который направляет взгляд по нужной траектории. Чем сильнее вам нужно привлечь внимание к объекту, тем больше следует полагаться на контраст. Обычно высокую контрастность приберегают для самой важной информации или ключевых элементов. Если хотите, чтобы ваши пользователи что-то заметили или куда-то нажали, нужно, чтобы оно бросалось в глаза!
Благодаря контрасту одна область экрана заметно отличается от остальных.
7. Используйте цвет, чтобы воздействовать на эмоциональное состояние пользователя
Ни для кого не секрет, что цвета выражают определенные идеи и могут влиять на настроение людей. Эти идеи будут непосредственным образом влиять на то, как какое впечатление сложится у людей о вашем продукте.При составлении палитры для интерфейса мало думать только, как все будет смотреться - нужно позаботиться и о том, как он будет восприниматься. Выбранные цвета могут как подкреплять тот образ бренда, который вы пытаетесь создать, так и противоречить ему. Чтобы было, с чего начать, я составил для вас небольшую памятку с базовыми ассоциациями для каждого цвета (в западной культуре).
Красный, Оранжевый, Желтый
Красный (страсть, сила, опасность, значимость): Красный - очень стимулирующий цвет. Он оставляет ощущение скорости и силы и ассоциируется с энергией. Уже доказано, что он влияет на нас даже на физиологическом уровне, ускоряя метаболизм и кровообращение . Именно поэтому люди даже читают быстрее и громче, когда видят красный цвет. Его хорошо использовать, чтобы быстро притянут взгляд пользователей или выделить отдельный элемент, требующий их внимания.Оранжевый (озорной, бодрый, привлекательный, дешевый): Оранжевый - теплый и яркий цвет. Он создает атмосферу бодрости и навевает на пользователей чувство тепла и уюта. Некоторые исследователи утверждают, что оранжевый выражает идею дешевизны .
Желтый (веселый, приветливый, стимулирующий, привлекает внимание): Желтый - крайне разносторонний цвет, который объединяет в себе оттенки с разными значениями. Так, светло-желтый ассоциируется с солнцем, то есть с чем-то позитивным и дружелюбным. Более насыщенные тона оставляют впечатление древних времен и монументальности. Их часто применяют, когда нужно показать что-то незыблемым и мудрым.
Зеленый, Синий, Фиолетовый
Зеленый (естественный, безопасный, свежий): Зеленый выражает идею слияния с окружающим миром и близости к природе. Также он связан в нашем сознании с ростом, вследствие чего его широко используют в сфере бизнеса. Зеленый может ассоциироваться и с этическими установками.Синий (спокойный, ответственный, заслуживающий доверия, надежный): Синий цвет обычно ассоциируется с чувствами покоя и умиротворения, а также с силой и надежностью, что в общем дает ощущение профессионализма и возбуждает доверие. Синий внушает нам, что мы в безопасности. По этой причине его активно используют банки и IT-компании. У многих титанов на рынке социальных сетей (Facebook, Twitter, LinkedIn) в интерфейсе также фигурирует синий.
Фиолетовый (роскошный, загадочный, романтический, духовный): Фиолетовый исторически считается цветом, связанным с людьми королевских кровей, и намекает, что продукт относится к категории элитных.
Розовый, Черный, Белый, Серый
Розовый (женственность, невинность, юность): Наиболее широко известная ассоциация с розовым цветом - это женственность.Черный (сильный, изысканный, загадочный, вызывающий): Черный привлекает внимание быстрее, чем любой другой цвет, даже красный. Как правило, его применяют только для текста и акцентов.
Белый (чистота, здоровье, невинность, добродетельность): Белый хорошо подчеркивает цвета, которые его окружают, поэтому его часто выбирают в качестве дополнительного цвета.
Серый (нейтральный, официальный, изысканный, стерильный): Серый оставляет нейтральное чувство и может принимать на себя характеристики как черного, так и белого. Выступая в роли основного цвета, создает официальную атмосферу.
Здесь важно отметить, что значения цветов могут сильно меняться в зависимости от обстоятельств и культурного контекста. Чтобы глубже ознакомиться с этой темой, прочитайте статью Symbolism Of Colors And Color Meanings Around The World .
8. Сделайте дизайн доступным
Доступность - одно из ключевых соображений для применения цвета в дизайне. В наши дни продукты должны быть доступны для всех и каждого, независимо от физических возможностей.Не используйте цвет в качестве единственного индикатора
Примерно 8% мужчин и 0.5% женщин страдают той или иной формой дальтонизма - то есть каждый двенадцатый мужчина и каждая двухсотая женщина. Существуют разные его типы, однако самый распространенный - слепота на красный и зеленый. У человека, подверженного дальтонизму, обычно возникают сложности с различением любых оттенков этих двух цветов.
Слева направо: цветовой круг глазами обычного человека - Цветовой круг глазами человека с дейтеранопическим типом дальтонизма - Цветовой круг глазами человека с протанопическим типом дальтонизма.
Так как цветовая слепота принимает разные формы (одни не различают красный и зеленый, другие - желтый и синий, а еще кто-то видит все в оттенках серого), необходимо использовать сразу несколько визуальных маркеров, чтобы обозначить самые ключевые состояния в продукте. Для описания действий или контента помимо цвета можно подключать также начертания, символы, узоры, текстуры и текст.
Избегайте передавать информацию посредством красного и зеленого цветов - это будет крайне неудобно для людей, которые их не различают.
Делайте текст как можно контрастнее
Контраст - та область в теории цвета, которая имеет решающее значение для юзабилити. Подбирая цвет для текста, имейте в виду: наложение двух цветов с низкой контрастностью приведет к тому, что читать будет очень сложно.
Низкая контрастность может стать смертельным ударом для юзабилити.
Отслеживайте контрастность, чтобы быть уверенными, что цвет текста будет в достаточной степени выделяться относительно фонового цвета и даже человек с дальтонизмом или очень слабым зрением сможет различать слова. Коэффициент контраста - это математическое выражение того, насколько один цвет отличается от другого (обычно он записывается так: 1:1, 21:1). Чем больше разница между числами, тем сильнее цвета отличаются по яркости. На W3C рекомендуют следующие соотношения между яркостью текста и изображений:
- Если текст мелкий, соотношение должно быть не меньше 4.5:1;
- Для крупного текста (то есть 14 pt и выше для жирного шрифта, 18 pt и выше - для обычного) оптимально соотношение 3:1 и больше.
Бонус: Инструменты, необходимые для UX дизайнера
Чтобы вам было проще, я также привожу список самых полезных инструментов для подбора цветовой гаммы.Adobe Color CC
Adobe Color CC (раннее известный как Kuler) - отличное решение, чтобы находить, редактировать и создавать палитры. Вы можете модифицировать каждый цвет, входящий в состав гаммы, или устанавливать его в качестве опорного буквально в пару кликов. Готовые палитры можно сохранять и добавлять в библиотеку; кроме того, в открытом доступе на сайте находится большое количество цветовых гамм, созданных другими членами сообщества.
Dribbble Search-by-color
Если хотите посмотреть, как другие дизайнеры применяют тот или иной цвет в своих проектах, перейдите по адресу dribbble.com/colors и выберите нужный оттенок.
Material Design
Гайдлайн от Material Design предлагает отличную цветовую гамму, которую вы можете использовать для иллюстраций или выбора брендовых цветов. Все цвета, которые она охватывает, подобраны так, что будут гармонировать друг с другом в любых сочетаниях.
Colorzilla
Colorzilla - расширение для браузеров Google Chrome и Mozilla Firefox, которое включает целую кучу инструментов для работы с цветом, включая пипетку с возможностью захвата цвета, генератор градиентов CSS и функцию просмотра палитр.
Coolors.co
Coolors.co - мощный инструмент для построения палитры из нескольких цветов. Вы можете просто закрепить нужный цвет и нажать на пробел, чтобы получить новую гамму. Что особенно здорово, здесь вы не ограничены единственным вариантом - можно создавать разные палитры, меняя параметры на старте.
Мне особенно нравится делать палитры при помощи фотографий. Данный инструмент позволяет загружать фото и выстраивать палитру из цветов, которые на нем присутствуют.
Симулятор дальтонизма в Adobe Photoshop
Photoshop позволяет проверить, насколько ваш дизайн универсально доступен. Достаточно перейти на вкладку View > Proof Setup и выбрать интересующий ваш тип (Protanopia type или Deuteranopia type).
NoCoffee Vision Simulator for Chrome
Чтобы удостовериться, что ваш дизайн доступен для всех, неплохо бы на себе испытать дальтонизм в процессе проектирования. NoCoffee Vision Simulator обеспечивает возможность создать для любого интерфейса симуляцию, показывающую, как она выглядит для людей с цветовой слепотой или слабым зрением. Например, применив фильтр «Deuteranopia» во вкладке «Color Deficiency», вы увидите веб-сайт в тонах серого. Это поможет вам адаптировать интерфейс под потребности людей, у которых проблемы с глазами.
Цвет - это один из самых мощных инструментов в арсенале дизайнере, но и освоить его непросто. Надеюсь, правила, которые я перечислил, пригодятся новчикам, чтобы заложить базу. Следующий шаг - практика: ведь единственный способ набить руку в создании палитр - заниматься этим как можно больше.
Астроном, писатель, химик, физик, философ – Исаак Ньютон. И поставил он однажды опыт с призмой, через которую проходил обычный солнечный свет. Каково же было удивление естествоиспытателя, когда увидел он белого света – настоящую радугу. А затем в ходе дальнейших опытов уже другие ученые поняли, что в на самом деле существует всего – три основных цвета.
Каждый охотник желает знать…
Каждый - Красный
Охотник - Оранжевый
Желает - Желтый
Знать – Зеленый
Где - Голубой
Сидит - Синий
Фазан – Фиолетовый
В этой хорошо известной мнемонической зашифрованы все основные цвета спектра. Наблюдательные люди уже заметили, что здесь нет черного и белого. Но такие состояния в спектре обычно не рассматриваются, поэтому и в поговорку они не попали.
Однако из всего этого многообразия ученые выделили всего три основных цвета – синий, красный и желтый. А все остальные цвета, тона, полутона и оттенки получаются от смешения этих трех красок. Как это хорошо известно, к примеру, художникам, знакомым с палитрой и владеющим добиваться нужного оттенка .
Человек и цвета
Человеческий глаз способен воспринимать цвета, поскольку в сетчатке имеется три типа особых колбочек, работающих независимо. Они содержат различные пигменты, которые отвечают на определенные цвета, красный, зеленый и так далее.
На самом деле каждая колбочка реагирует на все световые волны (кроме ультрафиолета и инфракрасного), но «свой цвет» ощущается пигментом лучше. Дальше полученные сигналы передаются головному мозгу и уже он анализирует полученную информацию и выдает нам понимание того или иного оттенка.
Интересно, что основные цвета нельзя назвать свойством самого цвета, скорее они обусловлены способностью человеческого их различать. Кроме того, на это влияют различные технические , воспроизводящие цвет.
С точки зрения психофизиологии, ученые считают, что на самом деле «чистых» четыре – красный, зеленый, желтый и синий. Среди них желтый и синий образуют одну ось по контрасту цвета, а красный и зеленый – другую. Однако есть люди, которые не могут различать основные цвета или какие-то отдельные оттенки. Их называют дальтониками. Вопреки распространенному мнению, они не видят мир как черно-белую фотографию, а просто не могут хорошо воспринимать конкретные цвета.
Знание закона составления цветовой комбинации и цветового круга позволяют без ошибок работать с разными палитрами цветов и составлять разнообразные цветовые сочетания.
Представляем десять типов комбинаций цвета:
Ахроматические цвета
Ахроматических цветов (без примеси оттенков), т.е. чистых, в природе не существуют. Черный (или серый) цвет всегда будет иметь оттенок. При снижении яркости все цвета стремятся к черному. И, наоборот, при повышении яркости они стремятся к белому цвету.
Основные цвета
Основными на цветовом круге являются: желтый, красный и синий. Эти цвета составляют фундамент цветового круга.
В руках у опытного художника краски только этих цветов, а также белый и черный, создадут все остальные.
Составные цвета
К цветам второго ранга относятся: зеленый, фиолетовый, оранжевый. Их получают путем попарного смешивания основных: желтого, красного и синего. Смешивая желтый и синий цвета, получают зеленый. Красный и желтый образуют оранжевый. Красный и синий образуют фиолетовый. Итак, получаем следующие составные цвета: фиолетовый, зеленый, оранжевый.
Сложные цвета
Сложные получают путем сочетания трех составных цветов с близ лежащими основными. Для примера возьмем оранжевый цвет. Он был получен при смешивании желтого и красного цветов. Так вот, для получения сложных цветов, например, оранжевого, смешаем его с его же родителями – желтым и красным цветами. В результате получим желто- и красно-оранжевый цвета. Таким образом, смешиваются и остальные. После этого получаем шесть новых сложных цветов: красно-оранжевый, желто-зеленый, сине-фиолетовый; сине-зеленый, желто-оранжевый, красно-фиолетовый. Примечательно, что на цветовом круге они будут находиться на одинаковой дистанции друг от друга, заняв при этом промежуточное место между составными.
Мы получим всю существующую гамму цветов, затемнив или осветлив эти цвета в той или иной степени.
Контрастные цвета
Контрастной считается пара цветов, когда между ними на круге есть тройка промежуточных цветов. На цветовом круге таких пар шесть. Для достижения ярких, эффектных сочетаний мы используем контрастные цвета с целью придания небольшого акцента. Для примера возьмем голубой цвет на желтой бумаге. Другое впечатление возникает, когда используют разбеленные контрастные сочетания (добавляя ахроматические цвета), применив, серо-голубой и кремово-желтый. Чем больше контрастные цвета разбелены, тем меньше будет ограничений в применении их к одному пространству. Ахроматические цвета могут спасти различную выборку цветов, при необходимости даже контрастную.
Дополнительные цвета
Дополнительными на цветовом круге считаются прямо противоположные цвета.
На самом деле, дополнительные цвета практически «уничтожают» друг друга.
Полученный в результате смешивания, такой цвет глаз человека воспринимает в качестве одного из серых оттенков.
Монохроматические цвета
Монохроматическими цветами принято называть комбинацию яркости и насыщенности в одном и том же цвете. Такие сочетания называют еще нюансными. В работе используют оттенки одного цвета.
Родственные цвета
Родственными называются три идущих друг за другом цвета либо их оттенки на круге. Выберите любой цвет на цветовом круге и добавьте к нему оба соседних на боковых сегментах. Такую выборку цвета еще называют гармоничной. Подобных сочетаний бывает 12 троек.
Нейтральные цвета
Для получения нейтрального цвета необходимо взять на цветовом круге пару расположенных рядом цветов в пределах двух линий и сгладить один из них путем добавления родственного оттенка или «разбавить» с помощью ахроматического (белого или черного).
Родственно-контрастные цвета
Эти цвета располагаются на круге непосредственно с левой и с правой сторон от дополнительного ему цвета.
Если вы занимаетесь живописью или просто используете в работе или творчестве краски, то вам обязательно стоит узнать, что представляют собой дополнительные цвета, какие оттенки являются ими, как их получить и использовать. Это пригодится вам как в при помощи кисти, так и при работе на современных графических планшетах.
Изучаем спектр: основные и дополнительные цвета
Каждый из вас хотя бы раз встречал в книгах изображение радужной полоски или круга, где один цвет плавно переходит в другой в той последовательности, в которой они располагаются и в природном явлении — радуге. Это не придуманные а реальное отображение распределения оттенков при разделении луча белого света на составляющие. Каждый цвет соответствует определенной длине волны.
Такой называется спектром. Им пользуются художники, дизайнеры при подборе тонов и их красивых сочетаний для своих работ. Существуют три основных цвета — красный, синий и желтый. Еще можно услышать термин — первичные. Эти цвета невозможно получить смешением каких-либо красок или цветных лучей. Остальные оттенки считаются составными, так как являются производными основных. Обычно в противопоставление основным указывают дополнительные цвета, которые получены смешением первых между собой: оранжевый, составленный из желтого и красного, зеленый — из желтого и синего, а фиолетовый — из красного и синего. Если механически смешать три основных цвета, получится черный. В случае оптического наложения появляется белый.
Пары дополнительных цветов
Итак, дополнительные цвета — это те, которые располагаются на противоположных концах линий, проведенных через центр спектрального круга. Чтобы вам легче было ориентироваться на практике, нужно запомнить три главные пары: желтый и фиолетовый, красный и зеленый, оранжевый и синий. Остальные оттенки легко определить, сдвигая линию, соответствующую диаметру на нужный угол.
Как получить дополнительные цвета в живописи
Пигменты красок в современных наборах обычно разнообразны, поэтому, работая с палитрой, вы сможете использовать много готовых колеров, составляя из них нужные оттенки. Если на начальном этапе вы будете сомневаться, что нужно добавить в имеющийся цвет, то всегда сможете воспользоваться спектром в качестве подсказки, схемы.
На самом деле вовсе не обязательно покупать набор красок с большим количеством готовых оттенков. Всю возможную гамму несложно получить самостоятельно, имея лишь основные цвета (синий, красный, желтый). Чтобы изменять насыщенность дополнительного составного оттенка потребуются черный и белый колер. Проблема может возникнуть лишь в том случае, если в коробке вместо чистого спектрального цвета окажется какой-то его оттенок, например, сине-зеленый, фиолетовый, бордовый. Выбирая набор красок, обязательно смотрите, чтобы в нем присутствовали чистые основные цвета, тогда приготовить дополнительные вам не составит труда.
Живопись в цифровом формате
В мире современных технологий даже художники переходят за экраны мониторов и электронные устройства ввода Работая на планшете, вы создаете свою картину не на бумаге, а на экране дисплея, фактически смешивая не краски, а исходящие лучи света.
Термин "цветовое пространство" обычно используется в компьютерных программах для работы с графикой и подразумевает модель отображения оттенков в цифровом виде. Каждый цвет характеризуется числовыми параметрами в выбранной системе координат. Она может быть трехмерной или многомерной, в зависимости от количества используемых осей, то есть параметров цвета. Наиболее простые и понятные цветовые модели — это RGB, CMYK. Первая используется для визуализации изображений на экране (телевизора, монитора), а вторая — при печати на четырехкрасочном устройстве, например, обычном офисном принтере.
Таким образом, рисуя на планшете, вы будете выбирать оттенки цветов, каждый из которых имеет свою числовую характеристику, состоящую из трех значений.
Как выбирать для картины
Каким бы способом вы ни создавали свои работы, кистью на холсте или стилусом на графическом планшете, все цвета красок нужно подбирать так, чтобы они гармонировали. Это легко сделать, воспользовавшись спектром.
Способов несколько:
- Используйте только теплую часть оттенков (те, в которых присутствует желтая составляющая).
- Возьмите исключительно холодные цвета на основе синего.
- Попробуйте контрастный вариант — сочетание одного основного цвета и дополнительного к нему составного, а также их оттенки.
- Экспериментируйте с ахроматическими тонами (черный — серый — белый), добавляя любой спектральный оттенок.
Это лишь самые простые способы получения гармоничных, ярких сочетаний в работе.
Итак, цвета красок находятся в тесной взаимосвязи. Все многообразие оттенков можно не только систематизировать, но и использовать строго в соответствии с теоретическими знаниями по цветоведению. Именно в этом случае ваши работы и в рукотворном, и в цифровом варианте будут наиболее интересными и эффектными.
История
Появление концепции основных цветов связано с необходимостью воспроизводить цвета, для которых в палитре художника не было точного цветового эквивалента. Развитие техники цветовоспроизведения требовало минимизации числа таких цветов, в связи с чем были разработаны концептуально взаимодополняющие методы получения смешанных цветов: смешивание цветных лучей (от источников света, имеющих определённый спектральный состав), и смешивание красок (отражающих свет, и имеющих свои характерные спектры отражения).
Различные варианты выбора «основных цветов»
Смешивание цветов зависит от цветовой модели . Существуют аддитивная и субтрактивная модели смешивания.
Аддитивная модель
В аддитивной модели смешивания цвета получаются как смешивание лучей. При отсутствии лучей нет никакого цвета - чёрный белый . Примером аддитивной цветовой модели является RGB .
Субтрактивный синтез цвета
Способ, использующий отражение света и соответствующие красители . В субтрактивной модели смешивания цвета получаются как смешивание красок. При отсутствии краски нет никакого цвета - белый , максимальное смешение даёт чёрный . Примером субтрактивной цветовой модели является CMYK .
Основных цветов по Иоганнесу Иттену существует всего 3: красный , жёлтый и синий . Остальные же цвета цветового круга образуются смешиванием этих трех в различных пропорциях.
Биофизические предпосылки
Основные цвета не являются свойством света, их выбор определяется свойствами человеческого глаза и техническими свойствами систем цветовоспроизведения.
Четыре «чистых» цвета
Психофизиологические исследования привели к предположению о существования неких «чистых » и уникальных цветов: - красный, жёлтый, зелёный и синий, причём красный и зелёный образуют одну цветоконтрастную ось, а жёлтый и синий - другую.
Технические варианты реализации модели использования «основных цветов»
Примечания
Ссылки
- Handprint: do «primary» colors exist? - a comprehensive site on color primaries, color perception, color psychology, color theory and color mixing.
- Смешивание цветов онлайн - Веб сервис для моделирования цвета при смешивании исходных цветов в любых пропорциях.
Wikimedia Foundation . 2010 .
Смотреть что такое "Основные цвета" в других словарях:
Три цвета, оптич. сложением (смешением) к рых в определ. кол вах можно получить цвет, на глаз совершенно неотличимый от любого данного цвета. Ограничивающим условием для О. ц. явл. их линейная независимость, т. е. ни один из них не может быть… … Физическая энциклопедия
основные цвета - Основные цвета, на которых базируются цветовые модели. В аддитивной RGB модели — это красный, зеленый и синий, а в субстрактивной CMY модели — голубой, пурпурный и желтый. основные цвета Первичные цвета в… … Справочник технического переводчика
Основные цвета - голубой, пурпурный и желтый цвета, с помощью которых можно синтезировать все цвета многоцветного оригинала. См. Трехцветная репродукция … Издательский словарь-справочник
Современная энциклопедия
Три цвета, смешением которых в разных пропорциях можно получить любой цвет. Число возможных систем основных цветов бесконечно. Часто основными цветами являются красный, зеленый и синий … Большой Энциклопедический словарь
Основные цвета - ОСНОВНЫЕ ЦВЕТА, три независимых цвета, смешением которых в разных пропорциях можно получить любой цвет. Число возможных систем основных цветов очень велико, однако обычно в колориметрии пользуются системой основных цветов, состоящей из красного,… … Иллюстрированный энциклопедический словарь