Тепер ми знаємо як утворені кольори, друга наша мета – дізнатися про те, як кольори поєднуються один з одним. Чому деякі колірні схеми працюю, а деякі ні? Є певні методи, які дозволяють вибирати кольори так, щоб вони гармонійно поєднувалися. Для роботи нам знадобиться колірне коло.
Перше гармонійне поєднанняквітів монохромне (однокольорове). Виконується воно на основі кольору та його відтінків у межах одного сектора колірного кола.
Чому ця схема працює? Монохромні поєднання кольорів працюють, тому що вони прості та зрозумілі. У цій схемі є почуття єдності, тому що всі відтінки є похідними від одного кольору. У такому поєднанні візуальний інтерес може бути спрямований до конкретного елемента за рахунок вибору яскравішого та насиченішого відтінку. Погляньте на шість зразків вище. Ваші очі, блукаючи по відтінках синього кольору, незмінно повертаються до зразка №2, оскільки він тут найяскравіший. Це чудовий приклад того, як виділити якийсь об'єкт у однотонній колірній гамі.
Використовуйте монохромну схему, коли хочеться досягти почуття єдності, згуртованості. Коли вам потрібно об'єднати безліч конкуруючих один з одним деталей. Крім того, ця схема корисна тим, хто тільки вчиться працювати з кольором, тому що вона найпростіша і зрозуміліша.
Друге гармонійне поєднання – це поєднання сусідніх кольорів на колірному колі. Такі кольори називають аналогічними або спорідненими . А колірну схему називають аналоговий або гармонійною .
В аналоговій колірній схемі використовуються кілька кольорів, що знаходяться поряд на колірному колі. Наприклад: оранжевий/жовто-оранжевий/жовтий або жовто-зелений/зелений/бірюзовий. Ви можете вибрати два, три або чотири кольори.
Чому ця схема працює? Аналогічні кольори переходять одна в одну поступово і гармонійно шляхом з'єднання близьких вторинних та третинних кольорів. Для нашого сприйняття це має сенс. Споріднені кольори утворюють поєднання, які знайомі нам з дитинства як поєднання кольорів веселки. Ми знаємо, що за червоним слідує помаранчевий, а за зеленим – блакитний, синій та фіолетовий. Крім того, споріднені кольори мають у своєму складі якийсь загальний колір. Наприклад, у зеленого, жовтого та помаранчевого це жовтий.
Використовуйте аналогову схему тоді, коли ви хочете створити комбінацію більш ніж одного кольору, але все ще прагнете почуття єдності. Крім того, якщо ви хочете створити модель класичної гармонії. Використовуйте один яскравий відтінок кольору, щоб привернути увагу до певної частини вашого образу.
Варіацією аналогової схеми є розщеплено-аналогова схема. У цій схемі, як і раніше, використовуються кілька кольорів, але кольори вибираються через один. Така схема стає більш динамічною та цікавою.
Наступна колірна схема називається контрастний . Її утворюють компліментарні (доповнюють) кольори, тобто. кольори, що знаходяться на колірному колі прямо навпроти один одного. Використання таких колірних поєднань потребує достатнього досвіду, оскільки схеми виходять дуже сміливими та яскравими. Приклади таких схем: червоний та зелений, помаранчевий та синій, жовтий та фіолетовий тощо.
Чому такі схеми працюють? Доповнюючі кольори посилюють один одного, проявляються у всій своїй красі. Червоний ніколи не виглядає більш червоним, ніж поряд із зеленим, і навпаки. Крім того, у такій парі теплий колір поєднується з холодним, що є природною суперечністю та інтригуючим фактором для нашої свідомості. Наш розум несвідомо прагне гармонії у всьому, у тому числі й у колірних поєднаннях, тому, коли ми бачимо природну напруженість між компліментарними квітами, наш розум змушує нас зупинитися та подивитися.
Використовуйте кольори, що доповнюють тоді, коли ви хочете домогтися максимального контрасту, бажаєте привернути увагу до образу в цілому. Зміна ступеня освітленості та (або) насиченості одного з кольорів пари, зробить таке поєднання більш гармонійним, тому що два яскраві кольори в образі поєднувати досить важко.
Варіація на тему контрастної схеми розщеплено-контрастна схема. У цій схемі ми вибираємо не той колір, який розташований навпроти обраного нами, а кольори, які знаходяться поруч з ним по обидва боки. Таким чином, замість червоний/зелений ми вибираємо схему: червоний/жовто-зелений/синьо-зелений.
Рекомендації щодо використання даної схеми такі ж, як і щодо використання попередньої. Крім того, ви можете застосовувати розщеплено-контрастні кольори, якщо не хочете виглядати банально, хочете додати трохи більше драми або просто пограти з кольором.
Наступна схема, про яку я хочу вам розповісти, називається тріада . У цій схемі використовуються три рівновіддалених на колірному колі кольору. Наприклад: червоний/жовтий/синій або червоно-фіолетовий/жовто-оранжевий/синьо-зелений.
Монохромний інтер'єр не має на увазі виняткове поєднання чорного і білого кольору. Таке оформлення може ґрунтуватися на будь-якому відтінку, як у поєднанні з іншими кольорами, так і з власними тонами.
Такий варіант користується популярністю та вважається класикою. Головне правильно підбирати фактуру, гармонійно поєднувати кольори, дотримуватися правил оформлення і тоді можна отримати в результаті кімнату, яка підкреслюватиме витонченість та елегантність смаку.
Основні правила
Для того щоб отримати ідеальний монохромний інтер'єр, важливо дотримуватися кількох основних правил, які дозволять отримати бажаний результат.
1. У колірній гамі має бути домінуючий та другорядний.
При створенні відповідного інтер'єру, важливо дотримуватись цієї рекомендації, в такому випадку не залишиться питань щодо того, яке оформлення було використане в приміщенні. Щоб кімната не виглядала нудною, варто віддати перевагу використанню кількох тонів, а не лише одного кольору.У цій ситуації є кольори-помічники, що відрізняються універсальністю. Їх можна поєднувати з будь-якими іншими залежно від того, що вам потрібно отримати. До таких відноситься чорний, білий, сірий, сріблястий та золотистий.
2. Використання фактури.
Враховуючи те, що монохромний інтер'єр має на увазі певний сенс спокій, внести родзинку можна за допомогою забезпечення цікавої фактури предметів. Необов'язково має бути виключно гладка поверхня. Вона може бути прикрашена різними фігурами та орнаментами.Малюнок може розміщуватись на шпалерах, шторах, інших текстильних елементах. Також цікаве оформлення виходить при поєднанні глянцевих та матових поверхонь. Гарно виглядають і об'ємні елементи, які можуть бути використані у вигляді кам'яної кладки, декоративної накладки металу, фарбованої фактурної поверхні і так далі. Варто не забувати, що завдяки фактурності можна розділяти зони залежно від їх функціональності.
3. Висвітлення.
Пожвавити дизайн приміщення можна за допомогою правильного світлового оформлення. Такий ефект може бути досягнутий з використанням багаторівневих стель, точкового освітлення та додаткового підсвічування. Навіть якщо в інтер'єрі є лише люстра, її гарний дизайнможе стати особливістю в оформленні.Використання кольору
Останнім часом стримані та приглушені тони набирають популярності, незалежно від галузі їх використання. У монохромному інтер'єрі яскраві кольори слід запроваджувати вкрай обережно. У кількісному поєднанні їх має бути мінімальна кількість і за фактом такі фарби мають бути лише акцентами.
Щоб обрати правильний колірВарто зрозуміти, яку гаму хочеться отримати: холодну чи теплу. Найбільшою популярністю користуються холодні відтінки, оскільки вони здебільшого мають приглушений ефект. При створенні монохромного інтер'єру важливо відмовитись від колірних стереотипів, наприклад, що чорний колір – депресивний. Важливо не забувати, що темні відтінки зменшують візуально, а світлі - збільшують.
Щоб результат задовольнив повною мірою, краще не змішувати понад п'ять різних колірних варіантів, повторюючи їх у різних частинах кімнати.
У той час як думка про завершення дизайнерського проектуз використанням лише одного кольору може бути лякаючою, підсумковий результат здатний перетворитися на щось воістину дивовижне та естетичне. Монохроматичні колірні варіантиє «гарячою» концепцією та можуть підійти багатьом типам проектів.
Монохроматична палітра сягає своїм корінням в теорію кольору і означає більше, ніж просто вибір кольору і розробка всього разом з ним. Ви захочете врахувати сенс та асоціації з кольором, вибраним вами та те, як зробити відтінок гармонійно працювати з іншими компонентами сторінки. Ми пропонуємо вам розглянути способи, які допоможуть вам краще зрозуміти та ефективно використовувати монохроматичні забарвлення у будь-яких ваших дизайнерських проектах.
Що таке монохроматичний колір?
Основне визначення монохроматичного кольору полягає у використанні одного основного кольору та тіней, тонів та півтонів цього відтінку. Безумовно, деякі пуристи можуть заперечити, стверджуючи, що початковий варіант кольору повинні виходити з колірного колеса, як один з первинних, вторинних або третинних кольорів, але для цілей дизайну це не завжди так. Хоча кожен колір може бути простежений на будь-якому колесі.
Для спрощення монохроматичний колір починається з одного відтінку - що завгодно від червоного, бежевого, фіолетового і так далі. Згодом дизайн створюється із палітрою, що використовує похідні від цього кольору. Звучить просто, правда?
Створення монотонної колірної палітри
Основну увагу в монотонній колірній палітрі необхідно приділити контрасту. Найбільша дилема, з якою стикаються дизайнери під час створення монохромних проектів – немає чіткого виділення інших елементів чи все зливається головному тлі. Ви можете усунути це відчуття за допомогою різкого контрасту.
Створення монохроматичної палітри кольорів починається з вибору основного кольору. Якщо ви робите дизайн для усталеного бренду, то для більшості проектів рекомендуються використовувати колір із власного альбому оформлень. Потім починайте створювати світлі та темні варіації кольору як вторинні варіанти. Ви можете створити цю палітру на свій розсуд або використовувати такий інструмент, як Adobe Color CC, що включає інструмент монохроматичного кольору. Приклад створення показаний на зображенні вище.
Починаючи з базового кольору, вам, ймовірно, знадобляться щонайменше два інші варіанти – темніший варіант кольору та світліший. Як і при будь-якому іншому типі палітри кольорів, ви повинні визначити, що конкретно використовувати для кожної колірної варіації і як вона буде виглядати протягом всього процесу дизайну. Зазвичай правила використання монохроматичного кольору нічим не відрізняються від будь-якої іншої палітри: основна відмінність полягає в тому, що кожен колір - відноситься до однієї і тієї ж бази.
Тіні, відтінки та світлі тони
Тіні, відтінки та тони – ваші головні інструменти під час планування монохромної колірної схеми. Познайомтеся з кожним з них, тому що ви повинні використовувати їх для створення і змішування в рамках цього типу колірного фреймворку.
Ось деякі визначення які ви повинні знати:
Основний колір:домінуючий колір, вибраний у колірній палітрі. Це відправна точка, з якої виводитимуться інші похідні варіанти кольору.
Відтінок:один із 12 чистих кольорів колірного кола – первинний, вторинний чи третинний. Ймовірно, що він не такий важливий для вашого дизайну, але добре мати його про всяк випадок.
Тіні:колір з додаванням чорного, щоб зробити його темнішим.
Світлий тон:колір з додаванням білого, щоб зробити його світлішим, таким як пастель.
Тон:колір із додаванням сірого для відтягування інтенсивності кольору. Більшість кольорів потрапляють у цю категорію через зв'язок із відтінком.
Переваги монохромного дизайну
Монотонні палітри кольорів можуть працювати з багатьох причин. Використання та популярність монотонних варіантів не обмежено будь-яким одним типом дизайну. Хоча однотонність популярна у веб-дизайні, вона також є лідером у дизайнерів інтер'єру та упаковки.
Переваги монотонних колірних схем включають:
- Один колір автоматично створює відчуття простоти та гармонії.
- Схема може бути проста в дизайні, адже вам не доведеться турбуватися про кольори, що поєднуються.
- Вона створює мінімалістський стиль, що дає можливість контенту блищати.
- Монотонні задні фони дають змогу контрастним елементам бути видимими.
- Монотонні колірні схеми забезпечують деякі спеціальні переваги, коли справа доходить до користувачів, які страждають на дальтонізм.
- Одноколірність може справити враження, особливо за наявності сильного чи незвичайного базового кольору.
Забудьте про «правила»
Дизайнери, що використовують монохроматичний дизайн, як правило, відносяться до одного з двох таборів – монохроматичні пуристи або ті, хто «порушує правила», додавши ще один колір.
Іноді речі, які справді можуть зробити монохромну схему працювати – це колірний акцент, який повністю контрастує з рештою дизайну. Подумайте про зелену палітру для сайту. А тепер подумайте про кнопку «заклику до дії». Чи працюватиме воно краще в іншому відтінку зеленого або ж у червоному кольорі?
Монотонні колірні схеми можуть блискуче працювати з образами, які є частиною тієї ж колірної сім'ї, але при цьому вони повинні відрізнятися по контрасту від заснованого кольору. Зображення в цьому випадку відразу стають центром дизайну через контраст.
Чорна та біла колірні схеми, які можна вважати однотонними чи ні, можуть дати особливі переваги при використанні елементів колірного контрасту для розташування різних складових окремо. При додаванні іншого кольору до монотонної колірної схеми це виглядатиме як справжня монотонність. Швидше він додасть додаткового контрасту або елементу несподіванки, щоб допомогти відвідувачу користуватися вашим сайтом. Хіба що додаткові кольори трохи скупі та навмисні для найкращих результатів.
Ще одне «правило» монотонного кольору полягає в тому, що дизайнери часто використовують його для всього проекту. Розгляньте можливість створення монохромних елементів та включіть їх у дизайн для відповідності тенденціям. Так, наприклад, було виконано на сайті 450 GSM, де застосували таку схему з птахом-орігамі для дизайну лендінгу.
Поєднання трендів
Тепер, коли ви переконані, що монохроматична колірна схема це правильний вибірдля наступного проекту, спробуйте скомбінувати її з іншими трендами. Це одна з принад випробування нових колірних прийомів, яку ви можете поєднувати практично з будь-яким трендом у дизайні.
Ці сайти використовували монохроматичний колір та інші дизайнерські тренди надихаючим способом.
Монохромні та мінімалістські
Супер-простий сайт для Jeet Grid System, який легко дивитися і читати завдяки чистим лініямта мінімалістському стилі дизайну. М'ята та м'ятний відтінокплюс мінімальний ефект.
Монохромний, фонове відео та накладання кольору
Tennis Au Feminin використовує темно-синій колір накладання, щоб перетворити всі частини головної сторінки на однотонний елемент. Є достатньо бітів контрасту у фоновому відео, щоб згуртувати все це. І подивіться скільки трендових елементів використовуються в цьому дизайні.
Монохромні та плоскі
Kick My Habits поєднує у собі концепцію плоский дизайнз фоном і колірною схемою, що виходять з одного відтінку. Фіолетовий колірзахоплює вашу увагу, а інші елементи, зокрема ілюстрації, допомагають провести вас через сайт.
Висновок
Монохроматичні кольори – це варіант, який може працювати для великих та невеликих брендів. Це може бути просто колірний візерунок для реалізації та дизайну, якщо ви думаєте про контраст із самого початку.
Монохроматичний колір також може залишити незабутнє враження у користувачів та візуальний інтерес, особливо коли використовується колір, який був не часто використовується у ваших проектах. З цим так весело грати, бо існує багато різних способівобігравати цей варіант кольору. Почніть з малого та побачите, що монохроматичні колірні варіанти – практично безмежні.
Монохромне поєднання кольорів в одязі – це не тільки модний тренд, а й можлива основа стильної цибулі. Такі кольори дуже гармонійно виглядають, чудово доповнюючи один одного. Ви можете вибрати одяг для всієї родини інтернет магазині величезний вибір та розумні ціни.
Монохром в одязі
Монохромними поєднаннями в одязі називають комбінацію в якій використовується той самий, але різний за тональністю колір. Монохромним також вважається чорно-біле поєднання. До речі, останнє активно використовується в дизайнерських колекціях цього року. Плюсів у монохромних кольорів чимало:
- вони надають цибулі елегантності, витонченості та цілісності;
- наряд виглядає спокійніше, врівноважено;
- будь-який образ стає акуратним і привабливим, що привертає увагу;
- фігура візуально здається стрункішою.
Іноді монохромне вбрання може здатися нудним і одноманітним. Але це відбувається лише за неправильного використання монохромної схеми.
Монохромні кольори в одязі – як створити модний образ?
Кілька порад допоможуть вам легко створити класний ансамбль:
- У вбранні обов'язково має бути яскравий колір - саме його доповнить м'якший і блідий відтінок. Наприклад, чудово поєднуватимуться бордова спідниця з рожевою блузкою, зелені шорти з салатовою майкою.
- Основний колір може бути «обрамлений» двома або трьома. світлими квітамиіз тієї ж гами. Прекрасним прикладом такого варіанту може стати синя спідниця чи штани, блакитна кофточка та чорнильний кардиган чи плащ.
- Щоб дана схема виглядала завжди цікаво, використовуйте речі, різні за текстурою та фактурою, експериментуйте з деталями. Наприклад, підберіть під свій улюблений в'язаний светр шифонову легку спідницю і насолоджуйтесь чудовою цибулею.
Мода дуже примхлива, вона непостійна та легка, то повертається, то шукає чогось нового. Мода – це відображення людської душі та настрою, мінливий порив та сталість в одному флаконі. За останні кілька років, всі провідні світові будинки вражали модниць своєю уявою та майстерністю. У 2013 році на подіум вийшли однотонні кольориале все в різній формі - це було бездоганно. Аквамарин, охра, червоний, жовтий, кольори окремо заявили про себе і світ моди був збентежений.
Сьогодні думки розходяться, але те, що однотонний look це стильно, відповідно до більшості. Цікавий той факт, що сприймати білий та чорний кольори в однотонному виконанні, всі звикли вже давно. Перевага такого одягу в тому, що його можна комбінувати, але щоб по-справжньому запам'ятатися, необхідно просто відзначитися, ось тут і допоможе один з квітів. Думка про те, що зовнішній вигляд, Що складається повністю з одного кольору, включаючи взуття та сумку, це безлико і нудно. Проте сам колір дає насичену індивідуальність та характер образу.
Однією із складних завдань під час роботи над дизайном того чи іншого проекту завжди є і буде вибір кольору та підбір палітри кольорів. Добре, якщо є можливість відштовхнутися від кольорів бренду, але таке зручне не завжди. Як мінімум, якщо логотип є чорно-білим або біло-червоним. В інтернеті вже стільки ж червоно-білих сайтів, що від чергового стає просто нудно і нецікаво, навіть байдуже, що продається або про що розповідається на його сторінках. Дизайнери по-різному підбирають кольори для чергового дизайну, але чомусь ідеї та думки про використання монохромної палітри приходять не одразу.
Адже насправді однокольорові проекти мають великий емоційний вплив на користувачів, пропонують більше простору для фантазії та творчості і навіть можуть бути дуже різними і... різнобічними. Деяким майстрам вдається створити сайти в однобарвній палітрі настільки красивими і разючими, що звичайний користувач зовсім інакше починає сприймати найбанальніші речі на сторінці. Їм навіть здається, що квітів дуже багато.
У цьому матеріалі ми подивимося докладніше особливості монохромної палітри в веб-дизайні і розберемося, як її найпростіше і найшвидше можна створити.
База
Найпростіший момент на початку роботи над монохромною палітрою – вибір основного кольору. Кольори, від якого доведеться відштовхуватися, який буде присутній самостійно досить часто. Кольори, відтінки якого підходять для тематики та стилю в цілому. Але найпростіше – настрій. Подумайте про нього і оберіть основу, виходячи з прийнятих за багато століть асоціації.
Червоний – любов, зелений – надія (еко), рожевий – романтика, синій – довіра, жовтий – енергія, фіолетовий – фантазія, віра.
Уважніше розгляньте бренд і зверніть увагу на один колір. Можливо, саме він може стати головним, поставити настрій усьому проекту. Або якщо безбарвний логотип, подумайте над тим, навіщо створюється сайт і для кого, підберіть базу під ці цілі.
Але перед тим як утвердитися, варто задуматися про насиченість та відтінки цього базового кольору. Вони можуть попри сам колір не підійти під проект, бути викликаючими або, навпаки, дуже світлими (пастельними). Можливо, доведеться якось скомбінувати їх, але й незграбним це не повинно виглядати.
Деякі приклади мають високий контрастом і навіть завдяки одному сторонньому кольору зміни в кольорах видимі і очевидні, а користувачам стає зрозуміліше куди натискати, і де, і що читати, дивитися. Для спрощення підбору відтінків краще завжди мати під рукою таблицю кольорів та відтінків. Ми про них теж багато розповідали (посилання вище у статті). Тоді виділити основні робочі кольори буде набагато простіше і швидше. І, зрозуміло, не варто забувати, що монохромна палітра це не тільки колір. Ні, це ще й робота з текстурами для фону, зображеннями, тонуванням, градієнтами.
Поєднання з елементами
Чудово, ми вибрали кольоровість монохромної палітри! Але як тепер зробити так, щоб від надлишку відтінків і тонів очі користувачів (та й власні теж) не розбігалися по всьому полотну. Зазвичай для цього веб-дизайнери використовують не найближчі кольорові відхилення один від одного. Тоді розкид тонів виходить різкішим і сконцентруватися візуально стає простіше.
Майже, але ще не монохромний
Майже монохромна палітра схожа на той варіант, коли до монохромної додається чужорідний колір. Але в цьому випадку, веб-дизайнери зменшують зібрану ними гамму для конкретного проекту до декількох кольорів (тонів) і додають зовсім інший колір, який знаходиться в діапазоні, ну, дуже далеко. Наприклад, до сірих – червоний, до зелених – помаранчевий, синіх – жовтий і так далі. Такий варіант не можна назвати повністю монохромним, швидше, він - майже монохромний.
Зате здатний вирішити кілька проблем із виділенням елементів, важливих кнопок, заголовків, блоків та іншого. Також дуже зручно використовувати контрастний колірдля дрібного тексту. Як приклади подивіться на nstudio, cfli,у яких відтінки синього та фіолетового домінують над червоним та помаранчевим. Але саме яскраві та контрастні теплі кольори ламають монохромність. І порівняйте з
Багато відомих проектів використовують монохромність, щоб представити нові продукти або послуги і це вважається зручним для користувачів, тому що людське око не відволікається на різноманітність кольоровості; він, навпаки, отримує можливість сконцентруватися на контенті. Непростий момент для всіх веб-дизайнерів, новачок він чи майстер, коли надходить набрид для постійних користувачів. Найчастіше, ми з вами втомлюємося від одного і того ж дизайну протягом років п'яти, якщо відвідуємо кожен день той самий ресурс. Ока і нашому сприйняттю хочеться чогось новенького, свіжого. Тому вдалими рішеннямистають використання монохромності не протягом усього проекту, а лише в деяких областях, секціях або окремих сторінках. Тоді колірні переходи можна згодом замінити, оновити дані окремо та трохи освіжити дизайн. Або, наприклад, підбирати нові періодичні кольори для якоїсь однієї сторінки сайту і тим самим залучати користувачів: « оу, ми маємо оновлення дизайну сторінки послуг. Зацініть, що скажіть?І, свого роду, зворотний зв'язок із клієнтами, та залучення до відвідування сайту. Таким чином, монохромна палітра грає безліч важливих ролей у веб-дизайні і може бути неймовірно різною. Але при цьому кожен окремий сайт виглядає вражаюче красивим та приємним візуально.
