Как выбрать цвета, которые соответствуют друг другу?


9

Глядя на цвета в этом логотипе, становится ясно, что цвета соответствуют друг другу.

Как мне найти оранжевый и фиолетовый цвета, которые соответствуют одной цветовой гамме?

Я полагаю, цвет в 'R' желтый?

введите описание изображения здесь


Это сообщение в блоге, написанное дизайнером пользовательского интерфейса в DMC Inc, предоставляет загружаемый PDF-файл с цветами и их кодовыми номерами. Он также предоставляет предложения для удобочитаемых цветовых палитр. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

Ответы:


11

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

введите описание изображения здесь

Есть и другие места, где можно поиграть с цветом, например, Color Lovers или Adobe's Kuler.


15

Не путайте «матч» с «гармонизировать». Там большая разница.

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

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

Здесь идет набросок, очень сокращенное введение в цвет, британское правописание и все:

Теперь я буду использовать слово « цвет» в очень специфическом значении: комбинированное ощущение, создаваемое на глазу светом, отраженным от определенного пигмента или непосредственно от источника света, воспринимаемого наблюдателем . Это многословный способ сказать «то, что вы видите, что вы называете« цвет »». Это то, что мы имеем в виду, когда говорим «вишнево-красный» или «яблочно-зеленый», или ваш поставщик красок говорит «это Booger Green, последний модный цвет от Ipsum Studios». Вы могли бы подумать, что мы могли бы остановиться на этом, но это еще не все. Как говорится в Фейсбуке: «Это сложно».

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

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

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

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

Давайте возьмем конкретный пример. Откройте палитру цветов Photoshop и в поле H (оттенок) введите 56. Перетащите маленький цветной круг в крайний верхний правый угол панели:

Чистый желтый

Назовите это «Чистый желтый» или «Лютик» или как угодно. Это желтый, который полностью насыщен (он не может стать более интенсивным) и настолько ярким, насколько это возможно. Обратите внимание, что поля S (насыщенность) и B (яркость) говорят «100%».

Нажмите OK, затем снова откройте палитру цветов. Измените поле S на 50%. Оттенок не изменился, и это все еще так ярко , как он может получить; изменилась только насыщенность. Наш лютик теперь что? - Первоцвет, может быть. Сделайте S 100% снова, и теперь введите 50 в поле B. Теперь у нас есть коричневый. У нас есть другой цвет , но оттенок все еще не изменился, и интенсивность или насыщенность не могут быть увеличены. Поиграйте с этим немного. Познакомьтесь с ним, потому что это имеет основополагающее значение для понимания цветовой гармонии.

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

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

Если вы используете пипетку Photoshop для этих цветов, вы увидите, что ни один из них не является полностью насыщенным. Обесцвечивание цвета может помочь цветам, которые обычно конфликтуют (быть слишком контрастными для комфорта), сосуществовать более мирно. В этом случае использование цветов с похожей насыщенностью и значением также помогает им гармонизировать. Если вы обесцветите изображение полностью - Ctl / Cmd-Shift-U, вы поймете, что я имею в виду.

Эпилог:

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

Я рекомендую вам подписаться на журнал Джона МакВейда « До и после », но в любом случае немедленно загрузите его цветовой диск PDF для использования в своей работе.

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


Блестящий ответ, Алан. Кроме того, вы должны знать, что Ipsum Studios выпускает шесть новых захватывающих вариантов Booger на 2012 год, включая Crunchy Yellow, Nasal Dairy Spray и I'm Clearly Stuck On You (полупрозрачная прозрачная глазурь).
Лорен-Клир-Моника-Ипсум

1
Вот Это Да! Не могу дождаться. Стой, мое бьющееся сердце! :-D
Алан Гилбертсон
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.