Як вибрати кольори, які відповідають один одному?


9

Поглянувши на кольори в цьому логотипі, видно, що кольори відповідають один одному.

Як знайти помаранчевий та фіолетовий кольори, які відповідають одній кольоровій гамі?

Я гадаю, що колір у "R" жовтий?

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


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

Відповіді:


11

Просто використовуйте інструмент підбору кольорів у додатку, як Photoshop. Встановіть діалогове вікно, щоб використовувати параметр H або Hue, і знайдіть початковий колір. Потім, щоб отримати колір подібного значення, перемістіть повзунок вгору та вниз по кольоровій смузі. Це дозволить зберегти насиченість і яскравість однаковими, і лише змінить значення Hue. Не рухайте коло у великій кольоровій області.

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

Є й інші місця, де можна пограти з кольором, як Color Lovers або Adobe Kuler


15

Не плутайте "матч" з "гармонізувати". Є велика різниця.

Ці кольори не збігаються (вони не однакові ). Вони гармонізують . Щоб зрозуміти різницю, і моя відповідь (який я обіцяю , що буде дістатися до!), Ми повинні взяти невеликий гак в який колір .

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

Тут ідеться з ескізом, дуже скороченим вступом до кольору, британським правописом і всім:

Я зараз буду використовувати слово колір із дуже специфічним значенням: поєднане відчуття, яке виробляється на оці світлом, відбите від певного пігменту або безпосередньо від освітленого джерела, сприймане спостерігачем . Це давній спосіб сказати "те, що ти бачиш, що називаєш" кольором "". Це те, що ми маємо на увазі, коли ми говоримо «червоно-вишневий» або «яблучно-зелений» або ваш постачальник фарб каже «це Booger Green, останній колір моди від Ipsum Studios». Ви могли б подумати, що ми можемо зупинитися на цьому, але це не вся історія. Як кажуть у Facebook, "Це складно".

  • Відтінок - це якість, завдяки якій ми сприймаємо щось як "червоне" або "різновид зеленувато-жовтого" або "діаграму". У загальній промові слово "колір" часто замінюється на "відтінок", і навпаки, але для дизайнера колір включає відтінок і дві інші якості: насиченість і значення .

  • Насиченість стосується того, як "чистий" або "інтенсивний" відтінок в заданому кольорі, утворюється фарбою шляхом додавання білого кольору, щоб надати "відтінків" або чорного кольору, надати "відтінки" або "тони". Коли ви зменшите насиченість червоного, додавши білий, ви отримаєте рожевий. Додавши чорний до червоного, ви отримаєте бордо.

  • Значення - відносна світлість або темність кольору, незалежна від відтінку і розглядається окремо від насиченості. Світло-блакитний або темно-синій все ще синій . Яскравість є синонімом значення для більшості цілей дизайнерських робіт .

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

Візьмемо конкретний приклад. Відкрийте інструмент вибору кольорів Photoshop і в полі H (відтінок) введіть 56. Перетягніть маленьке кольорове коло в крайній правий верхній частині панелі:

Чисто жовтий

Назвіть це "Чисто Жовтий" або "Лютик" або що завгодно. Це жовтий колір, який є повністю насиченим (він не може бути інтенсивнішим) і таким же яскравим, як може пройти. Зверніть увагу, що обидва поля S (насиченість) та B (яскравість) кажуть "100%".

Натисніть кнопку ОК, а потім знову відкрийте вибір кольору. Змініть поле S на 50%. Відтінок не змінився, і це все ще так яскраво , як він може отримати; змінилося лише насичення. Зараз наша лютикова яка? - Примула, може. Знову зробіть S 100%, а тепер введіть 50 у поле B. Тепер у нас коричневий. У нас інший колір , але відтінок все ще не змінився, а інтенсивність або насиченість не можна збільшити. Трохи пограйте з цим. Ознайомтеся з нею, адже це є основним для розуміння колірної гармонії.

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

Гармонія кольорів - предмет сам по собі, який ви повинні зрозуміти як дизайнер. (Це може бути краще назвати гармонією відтінку , тому що йдеться більше про відтінок, ніж про колір.) У цьому випадку є дві пари допоміжних відтінків, так звані, оскільки вони збігаються на протилежних сторонах кольорового колеса . Цей конкретний екземпляр відомий як тетрадічна або «квадратна» гармонія, тому що чотири обрані відтінки рівномірно розташовані на колесі, створюючи «подвійну гармонію».

Якщо ви користуєтеся очницею Photoshop для цих кольорів, ви побачите, що жоден з них не є повністю насиченим. Знебарвлення кольору може допомогти кольорам, які зазвичай стикаються (бути занадто контрастними для комфорту), існувати більш спокійно. У цьому випадку використання кольорів із близькою насиченістю та цінністю також допомагає їм гармонізуватися. Якщо ви повністю знесилюєте зображення - Ctl / Cmd-Shift-U, ви побачите, що я маю на увазі.

Епілог:

Це було небагато часу, але я б не відчував, що дав би вам відповідь, не висвітлюючи всі необхідні передумови. Я сподіваюся, вам все одно не було нудно.

Рекомендую підписатись на журнал " До і після " Джона МакWade , але в будь-якому випадку негайно завантажте його кольоровий PDF-файл для використання у вашій роботі.

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


Блискуча відповідь, Алан. Крім того, ви повинні знати, що Ipsum Studios випускає шість нових захоплюючих варіантів Booger для 2012 року, включаючи хрусткий жовтий, молочний спрей для носа і я чітко приклеєний до вас (напівпрозора глазур).
Лорен-Ясний-Моніка-Іпсум

1
Оце Так! Я ледве чекаю. Будь нерухомий, моє бите серце! :-D
Алан Гілбертсон
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.