Як використовувати відтінки і півтони в своїх проектах
Правильне поєднання кольорів в дизайні має величезне значення. Проект може бути повністю готовий, але раптом несподівано починаються труднощі з вибором правильної кольорової палітри. З цією проблемою стикаються багато дизайнерів: є вивірена сітка, все елементи на своїх місцях, весь потрібний контент розміщений і навіть шрифти підібрані. Але ось з кольором біда - не виходить підібрати вдале поєднання відтінків. Що робити, якщо основні кольори макета - це чорний і білий? Додати яскравих кольорів? Або віддати перевагу монохромного кольоровій палітрі?
ПОЧАТОК РОБОТИ: ВИБІР ВІДПОВІДНОГО КОЛЬОРУ
Робота над створенням кольорової палітри починається вибору двох різних кольорів. Їх два:
- нейтральний колір
- акцентував колір
Наприклад, в якості нейтральних можуть виступати такі кольори як чорний, білий, сірий або відтінки в діапазоні від бежевого до коричневого. Акцентував колір може бути яким завгодно - важливо, щоб він різко виділявся на тлі нейтрального. Це може бути червоний, насичений синій або яскраво-зелений - значення має лише колірний контраст.
Маючи в своєму розпорядженні всього два основних кольори (нейтральний і акцент) можна створювати нескінченну колірну палітру з числом варіантів від трьох до тридцяти і навіть більше. Як? Додаючи відтінки і півтони.
Відтінки і півтони є варіаціями одного і того ж кольору. Вони створюються шляхом додавання білого кольору (для відтінків) і чорного (для півтонів). Використання відтінків, тонів і півтонів в колірній палітрі має ряд переваг. Менше ризик помилок при підборі колірних поєднань, при цьому спрощується процес вибору. Так що можна не побоюватися, що дизайн раптом несподівано заграє всіма барвами веселки. Ще одна перевага відтінків і півтонів полягає в тому, що з їх допомогою можна створити ідеально збалансовану палітру, так як всі відтінки, використовувані в дизайні, утворені з одного і того ж основного кольору.
Як це працює на практиці? Як приклад розглянемо логотип, створений дизайнером Уїтні Блейк. В її розпорядженні було 4 кольори: нейтральний, який акцентував і темний і світлий варіант кожного з них. В результаті вийшла універсальна колірна схема, яку можна буде використовувати в роботі над фірмовим стилем бренду.
Відео: Що таке тон і півтон на гітарі Урок № 9
ЯК СТВОРИТИ відтінках і напівтонах
Для деяких дизайнерів вибір відтінків і півтонів для кольорової палітри може перетворитися на справжню проблему. Багатьом важко підібрати вдалі колірні поєднання, покладаючись лише на свій художній смак. Дуже добре, що зараз є безліч корисних програм і онлайн-сервісів, за допомогою яких створення палітри значно спрощується.
PALETTON
У сервісі Paletton можна дуже швидко створити монохромну колірну палітру. Якщо цього недостатньо, то можна вибрати який акцентував колір і скорегувати поєднання кольорів за допомогою тонкої настройки. Також існує можливість використання чотирьох базових кольорів, але в цьому випадку з`являється велика кількість різних колірних варіантів, що може призвести до плутанини в дизайні.
MATERIAL PALETTE
Інструмент Material Palette дуже простий у використанні і може стати в нагоді, коли потрібно швидко скоригувати колірну гамму. На відміну від Paletton, тут використовуються яскраві кольори в поєднанні з нейтральними, тому палітра виходить більш барвистою і дуже схожою на те, що пропонується в гайдлайни Material Design від Google.
COLOUR CODE
Ще один зручний спосіб підібрати палітру - скористатися сервісом Colour Code. Спочатку потрібно вибрати схему на панелі, розташованій ліворуч, а потім, водячи курсором по екрану, підібрати потрібну комбінацію відтінків. Один клік - і палітра готова.
ВИКОРИСТАННЯ ВІДТІНКІВ в брендінгу
Маючи в своєму розпорядженні відтінки і півтони одного кольору дозволяє добитися колірного єдності і зв`язності при створенні фірмового стилю. Добре підібране поєднання кольорів і їх відтінків дозволить використовувати кольорову палітру при оформленні бланків, конвертів, буклетів, візитних карток, листівок і багато іншого.
Ось два приклади від дизайн-студії Mast. Ці брендинг-пакети наочно демонструють, як можна вдало використовувати відтінки і півтони. У першому варіанті ми бачимо використання декількох варіантів основного кольору, яким є синій, а в другому ефективно використовується основний колір плюс один темний тон.
У другому прикладі поєднання кольорів вийшло більш контрастним, так як контраст дозволяє поліпшити видимість елементів в будь-якому дизайні. Дизайнер Майкл Хільдебранд, працюючи над плакатом, активно використовував контрастне поєднання кольорів. Різні відтінки рожевого тут контрастують з білим, що дозволяє створити візуальну ієрархію в дизайні.
Відео: Разведопрос: Павло Перець про терориста Нечаєва
Як інший приклад можна привести календар, створений дизайнером Женді Брассаї, в якому використовується як мінімум чотири відтінки: колір морської хвилі і два відтінки коралового плюс кілька нейтральних кольорів. Так як це календар з безліччю елементів однакової важливості, контрастність знадобилася, щоб підкреслити їх відмінності. В результаті вийшов дуже вдалий і цікавий дизайн.
ЗМІШУВАННЯ ВІДТІНКІВ
У дизайні колір може бути використаний різними способами. Відтінки і півтони основного кольору можна поєднувати між собою таким чином, щоб увагу глядача концентрувалася на найголовнішому. Обкладинка книги, над якою попрацював дизайнер Роберт Франк Хантер, створена з використанням синього кольору і його варіацій. Відтінки не сильно контрастують між собою, що дозволило дизайнерові відсунути фон на задній план і зробити типографіку більш виразною.
СПРОЩЕННЯ І ВИДІЛЕННЯ
Якби всі елементи дизайну були одного і того ж кольору, то це б призвело до того, що неможливо було б визначити, що є важливим, а що другорядним. Якщо доводиться працювати з великим масивом інформації, без колірного розділення не обійтися. Тут-то і знадобляться відтінки і півтони. Збалансована палітра на основі одного-двох кольорів дозволить уникнути плутанини і зробить дизайн більш легким і зрозумілим. Поєднання відтінків і півтонів може бути яскравим або приглушеним - все залежить від мети, яку ставить перед собою дизайнер. Яскрава палітра кольорів полегшує структурування інформації, а приглушена гамма дозволяє створити глибину і ілюзію тривимірного простору.
СТВОРЕННЯ НАСТРОЮ
Відомо, що колір впливає на емоції людини. Але якщо основні кольори впливають сильно, як, наприклад, червоний, то відтінки створюють контекст і атмосферу в дизайні. Відтінки дозволяють внести уточнення, доповнюючи основний колір і створюючи відповідний настрій. Відтінки дуже часто використовуються в дизайні упаковки, особливо в разі, якщо є кілька лінійок одного і того ж продукту. Припустимо, є три види шоколаду, що випускається під одним і тим же назвою. Вони трохи відрізняються за смаком, тому їсти шоколад «Класичний», «Горький» і «Вершковий». Як їх виділити, не втративши стильової єдності в оформленні упаковки? Зрозуміло, за допомогою відтінків.
Градієнт і ПРОЗОРОСТІ
Використання градієнтів є відмінним способом застосувати кілька відтінків або півтонів одночасно. А використання градієнта з ефектами прозорості може допомогти додати в дизайн кілька нових відтінків, які при цьому не будуть вибиватися із загальної колірної гами. Якщо уважно подивитися на зображення нижче, то стає зрозуміло, що безліч трикутників, що становлять силует, не тільки відрізняються по тону, але і мають градієнт. За допомогою плавного градієнта також можна створити відповідний настрій, наприклад, в дизайні запрошення.
типографіка
Немає такого правила в дизайні, яке б регламентувало, якого кольору повинен бути шрифт. Звичайно, найкраще працюють базові кольори - чорний і білий, але добре може виглядати шрифт будь-якого кольору. Грамотний підхід до використання відтінків і півтонів може допомогти і в цьому випадку - вони дозволять забезпечити єдність композиції і зв`язати між собою всі елементи дизайну. Залежно від колірної гами макета, контрастне поєднання різних текстових блоків може стати хорошою альтернативою чорному і білому.
ВИСНОВОК
Використання відтінків і півтонів в дизайні дозволяє уникнути багатьох поширених помилок. І неважливо, якою буде колірна палітра, яскравою або монохромного - саме відтінки дозволяють зв`язати між собою нейтральний і акцентував кольору і внести в дизайн трохи різноманітності. Висвітлюючи або затемнюючи базові кольори, можна створити величезну кількість палітр, всі відтінки яких будуть гармонійно поєднуватися між собою.
