Крута шпаргалка по поєднанню кольорів. Компліментарні кольори дають різноманітні відтінки
Три основні кольори - червоний, синій і жовтий - є складовою кольорової палітри. Протилежні, або компліментарні кольори дають різноманітні відтінки від своїх похідних шляхом змішування і колорирования. Часом складно підібрати вподобаний наряд до зовнішнього вигляду. З огляду на вікові категорії, тип особи, а також структуру фігури, можна експериментувати з колірною гамою і підібрати потрібний тон одягу. Кожен цветотип має свою палітру, який зможе підкреслити достоїнства і приховати недоліки. Для цього достатньо знати ази правильного поєднання.
По колу Іттена
Теорія «колірного кола» дає можливість представити палітру фарб, видиму нашому оку. Коло Іттена має вичерпну палітру. Але варто його звузити до 10 відтінків і розділити їх радіусами, наочно будуть проглядатися компліментарні кольори. Ця теорія є гарною підмогою для творчих людей. Оформлення дизайну одягу, інтер'єру відбувається завдяки цілій системі колірного кола.
Основні комбінації
Існує безліч способів поєднання кольорів. Пріоритетними вважаються наступні:
- Монохроматичне. Це гра з одним тоном і його відтінками. Комбінуючи свій стиль, акцент робиться на темному і насиченому предмет, до нього вже підбираються додаткові речі, більш приглушених кольорів. Нейтральний тон допоможе розбавити такий образ, а пастельні додадуть легкість і жіночність.
- Триадическими - це контраст на трьох основних кольорах. Така композиція створює яскравий і динамічний союз. У 70-х роках акцент модної тенденції грунтувався саме на головній палітрі. Вони були складовою у виборі стилю. Такий характерний мікс дозволяв бути модним і не в той же час залишатися собою.
- Ахроматична комбінація. Гра чорного, білого і сірого кольорів. Це класика. Така гамма підходить жінкам будь-якого віку і з будь-якою фігурою. Чорний костюм з білою сорочкою - це завжди актуально. Такий комплект вельми прогресивно виглядає. Сірий довгий час не сприймався і вважався нудним. Але в контексті, з правильно підібраними тонами, виглядає інакше. Останні модні тенденції вітають цей колір і його відтінки.
- І замикає список комплементарне поєднання кольорів. Воно грунтується на повному контрасті.
Роль кольору в одязі
Компліментарні кольори - найскладніші при виборі одягу, і в той же час найефектніші. Кожна жінка по-своєму сприймає і реагує на колір. Немає певного тону, який подобається всім без винятку. Одні люблять насичені, іншим подобаються більш спокійні.
Червоний - це найяскравіший і викликає, здатний вселити впевненість і розбурхати уяву. Одягнувши червону сукню і доповнивши його босоніжок зеленого кольору, ви будете на висоті. У такому вбранні жінка сподобається собі, а значить, отримає і схвалення оточуючих.
Гра на контрасті
Не варто лякатися контрастів. Комплементарне поєднання кольорів в одязі - це завжди безпрограшний варіант. Нові стилістичні образи дозволяють підбирати комплект, акцентуючи його на варіації відтінків. Компліментарні оппонентном кольору зеленого і червоного, жовтого і синього привернуть увагу оточуючих. Різнокольорові тканини створять трохи зухвалий і сміливий цибулю. Головне - не переборщити. Відтінки тканини повинні бути чітко збалансовані, а фактура предметів практично ідентична. Різнохарактерна структура тканини також вітається в сучасній моді, важливо знати її точне застосування в тому чи іншому комплекті.
Жінки, які вважають за краще в своєму гардеробі пастельні і можуть зробити контраст на одній речі. Або вибрати родинно-компліментарні цвета.Ето більш приглушені тони, розташовані поруч з основними. в комплекті з головним відмінно гармонують. Якщо здасться, що образ простакуватий, його можна освіжити гостро-модним яскравим хусткою або іншим аксесуаром, які завжди притягують погляд. Свої модні орієнтири стилісти засновують на багатьох факторах. Для повного поєднання недостатньо вибрати один головний елемент одягу. Не можна забувати і про дрібних деталях, виборі взуття. Відповідність і цілісність повинні бути у всьому.
гармонія кольорів
Вибір того чи іншого кольору зобов'язаний бути гармонійним. Озирнувшись навколо, ви зрозумієте, що сама природа підказує і направляє до вірного рішення. Наприклад, спостерігаючи за квітами, можна побачити повну гармонію природи. Це послужить джерелом натхнення, а компліментарні кольори в одязі дозволять створити незабутній комплект.
Чорне і біле
Окремі кольори можуть гармоніювати практично з усією палітрою кольорів. Такі як білий і чорний. Вони грають важливу роль для сучасної модниці. Це головні складові її гардеробу. Діловий ансамбль ніяк не обходиться без цієї парочки. Звичайно, його можна урізноманітнити і внести яскраву деталь, щоб не виглядати занадто суворою. Синій дає незвичайний комплект в парі з сірим. Він буде суворим і водночас м'яким за рахунок контрасту. Акцентуючи увагу на основний сірої деталі, другий колір трохи відходить на задній план. Приглушений контраст створює хороше враження. Зелений і його відтінки завжди в пошані. Речі такого розфарбування завжди стильно виглядають. Особливо цікава композиція зеленого і щільного синього. Поєднуючи непоєднуване, образ виглядає цілком коректно і відповідно.
Поєднуючи в одному комплекті яскраві тони, не бійтеся експеріментіровать.Прі допомогою всіляких трендів обігравати і доповнюйте образ. В результаті правильно підібраних комбінацій стильний нудний образ вам буде забезпечений. А головне - ви будете неповторною в своєму вбранні.
Нещодавно я відновила свої уроки по малюнку і живопису, і хочу розповісти вам про поєднання кольорів. У будь-якій ситуації, коли справа стосується кольору, є вдалі і невдалі поєднання відтінків. Будь то манікюр або одяг, намальована листівка або навіть ремонт будинку - завжди важливо вибрати гарне і цікаве поєднання кольорів.
Відносно одягу це навіть важливіше, якщо будинок і кохану спальню ви можете фарбувати в будь-які відтінки, і запрошувати туди тільки близьких, то одяг - найважливіший соціальний інструмент, який дозволяє нам складати перша думка один про одного, і тому не можна допустити того, щоб ваша одяг говорила про вас неправильно. Як вибрати хороші відтінки і підібрати цікаві пари? Які є правила на цей рахунок? Як блискуче підібрати будь-які тони?
трохи теорії
Найпростіший спосіб вибрати відповідний відтінок - користуватися колірним кругом. Він розділений на 12 секторів, і в ньому представлені основні кольори. Також кожен сектор градуйований від світлого (в центрі) до темного (по краю). Що ми можемо вивести з даного кола?- Білий гармонує абсолютно з будь-яким тоном і робить його яскравішим.
- Чорний допоможе розбавити будь ансамбль і при цьому додасть йому глибини.
- Видно комплементарні і аналогічні колірні сусідства.
- Можна вивести тріади, тетради і квадрати.
Це хороше поєднання, і найчастіше їм користуються багато ліній одягу - вони випускають одні й ті ж моделі в комплементарних відтінках, і тоді купивши фіолетову блузку ви завжди зможете вибрати до неї фісташковий спідницю (і навпаки).
аналогічні пари - ті, що стоять поруч на колірному колі. Такі пари часто зустрічаються в архітектурних композиціях. Напевно ви бачили, коли будинок пофарбований в світлий лимонний, а архітектурні елементи - укоси і карнизи, балюстради і архітрави - зелені. Також зустрічається це рішення дуже часто і в аксесуарах - наприклад, набагато простіше знайти жовті туфлі з помаранчевої обробкою, ніж жовті з синьою або фіолетовою.
Тріади, тетради і квадрати - схеми, які виведені за особливою формою на колірному колі. Для тріади це трикутник, для тетради - прямокутник, а квадрат говорить сам за себе.
Подивіться на різні колірні кола, щоб зрозуміти принцип, і ви ніколи не помилитеся у виборі вдалого відтінку.
нейтральні
Нейтральними кольорами називають чорний, білий і сірий - вони підходять практично до всього, і добре виглядають між собою. Однак, слід враховувати і те, що людина, з голови до ніг одягнений в чорне або сіре - моветон, монохромні наряди давно стали ознакою поганого смаку. У літній період доречно бути одягненим в біле з голови до ніг, але тут зберегти яскравість можуть допомогти аксесуари - сумка, взуття, яскраві прикраси і деталі.Будь-яке поєднання сірого кольору має бути добре збалансовано. Як правило, у продажу рідко зустрічаються тканини або аксесуари чистого сірого відтінку, найчастіше колор має холодний або теплий подтон. Відповідно, підбираючи сполучення кольорів з сірим, потрібно дивитися:
- на теплоту сірого;
- на теплоту обраного колора;
- на светлоту двох відтінків і їх сумісність.
теплота сірого
Сірий може бути теплим і холодним.
Теплі відтінки краще поєднувати з теплими тонами - жовтий, оранжевий, червоний, рожевий, малиновий.
Холодний сірий ідеально виглядає, якщо до нього додати блакитний, бузковий, зелений або синій.
Теплота обраного кольору
Навіть жовтий може бути холодним. Найкраще вибирати ті фарби, температура яких відповідає основній температурі колора. Теплий жовтий і холодний блакитний добре виглядають з холодним сірим.светлота
Це місце, яке обраний колір міг би зайняти на розтяжці від самого темного до самого світлого. Найкраще, якщо сірий не змагалися зі своїм партнером. Чи не можете вибрати? Вибирайте самі яскраві відтінки або пастельні тони, а від темних краще утриматися.
теплі
Теплі кольори на колірному колі представлені від жовтого і до фіолетового. Це приємна гамма, яка піднімає настрій і дарує відчуття тепла і світла. Однак, вибрати колірні пари тут не так-то й просто. Природно, коли я говорю про сусідстві червоного або жовтого - це ті поєднання, де вказаний мною колір є основним (тобто переважає візуально).
Найкраще поєднання червоного кольору - з білим, синім і чорним. Це чисті відтінки, які носили королі і королеви, ця гамма (без чорного) представлена \u200b\u200bна російському триколоре і прапорах інших держав. Використовуйте чисті відтінки, і тоді ви точно зможете бути впевнені в своєму виборі.
Цікавим виходить поєднання бордового кольору з відтінками синього і сірого. Взагалі до бордового підійдуть будь-які ягідні тони. А ось зелені тони краще вибрати з холодним подтоном.
Прекрасне поєднання коричневого кольору з бежевим - виходить приємне шоколадне поєднання. Відтінки какао і кави, чаю та молока, випічки і слонової кістки - багато поєднання кольорів з коричневим навіюють думки про десертах.
Природно, теплі тони відмінно поєднуються між собою - коричневий і світло-помаранчевий відмінно виглядають разом, а поєднання червоного, оранжевого і жовтого колись було ультра-модним.
Хочете додати в поєднання родзинку? Спробуйте складні тони. Поєднуйте коричневий зі сливовим, бежевий і ожиновий, теплий чорнильний і холодний бірюзовий. Так, не забувайте про поєднання коричневого і м'ятного кольору. Поєднання м'ятного і шоколадного навіває думки про розваги, задоволення і відпочинку.
Подобається екстравагантність? Додайте трохи аксесуарів глибокого відтінку - наприклад, кобальт синій добре оттенит помаранчевий або рожевий, а бірюзовий колір добре виглядає на відтінках жовтого і зеленого.
холодні
Холодні колори - ті, що від зеленого до фіолетового. Це відтінки трави і води, прохолодні і освіжаючі, вони приносять спокій і умиротворення. Якщо ви хочете використовувати холодні відтінки в інтер'єрі, то краще за все віддати перевагу яскравим чистим фарбам, сполучуваність яких дуже висока з іншими квітами.
Найкраще поєднання для будинку - темно-синій з білим і червоним. Причому червоний повинен бути родзинкою, його не повинно бути багато, а ось синій краще не економити.
Мій улюблений відтінок - turquoise, його також називають бірюзовий колір і улюблений відтінок Тіффані. Бірюзовий колір добре поєднується з різними відтінками. Можна підібрати теплий рожевий і насичений помаранчевий, який зможуть красиво відтінити бірюзовий колір. Цікаве поєднання бірюзового відтінку виходить з кораловим - рудо-червона палітра добре підкреслює бірюзовий колір.
Також варто спробувати поєднання синього кольору з холодною жовтої і світло-зеленої гамою, а відтінити зелені тони допоможе блакитний. Взагалі поєднання зеленого кольору з жовтим і блакитним - класичне для весни і весняних свят, тому спробуйте знайти свої рішення в даній колірній гамі (і не забувайте поглядати на колірний круг).
Спробуйте приділити більше уваги поєднанню зеленого кольору з іншими квітами - в цьому році компанія Пантон оголосила Greenery відтінком 2017 року, тому гріх не обзавестися парочкою зелених предметів гардероба і не прикупити додому кілька смарагдових прикрас. До речі, красиві поєднання кольорів з зеленим можна підібрати онлайн - колірна палітра складеться автоматично.
Хочете скласти цікаві поєднання фіолетового кольору? Спробуйте світлі холодні тони - бузковий, рожевий, зелений. Не подобається глибокий фіолетовий? Спробуйте ліловий і лавандовий, а також не забувайте про бузковому.
різні ідеї
Чи не можете розібратися, в поєднаннях жовтого кольору з іншими квітами? Подивіться оригінальні і класичні схеми поєднуються відтінків.
Класне поєднання жовтого і бузкового з фіолетовим, поєднання рожевого кольору з жовтим - таке поєднання бузкового і жовтого з фіолетовим запам'ятається абсолютно всім.
У пошуках гарних схем на основі коричневого кольору з іншими? Збережіть собі ці схеми - якщо таблиця завжди буде завжди під рукою, то ви зможете підібрати все тону до коричневого.
Запам'ятайте, що поєднання помаранчевого кольору з чорним - спекотне і спекотне!
А ось схеми по поєднанню рожевого кольору з іншими відтінками та червоного кольору з іншими колорит.
Хочете скласти палітру в холодній гамі? Тоді поєднання бузкового кольору з холодними тонами - блакитний, смарагдовий, синій і сірий до ваших послуг.
Тепер ви знаєте про колірні сполучення майже так само багато, як і професійні художники, а це значить, що у вас точно вийде підібрати будь-які поєднання кольорів - хоч для ідеального гардеробу, хоч для прекрасного ремонту!
Пабло Пікассо якось сказав: «Чому дві фарби, розташовані поруч, співають? Чи може хтось пояснити це? Ні. Тому ніхто ніколи не зможе навчити малювати ».
Пані та панове, Пікассо помилявся. Насправді відповісти на це питання можна. А якщо бути точніше, можна зрозуміти, чому деякі комбінації кольорів виглядають гармонійно, а інші - ні.
Очевидно, що «ніхто ніколи не зможе навчити малювати» - вираз швидше філософського спрямування, який мав би сприйматися буквально. Великий художник, ймовірно, хотів сказати, що не можна навчити когось почуттю стилю або таланту художника і що існує якесь вроджене, незбагненне властивість, властиве лише одиницям.
З цього вислову також можна зробити висновок про те, що здатність визначати гармоніюють між собою кольору - вроджений талант, а не навичка, якій можна навчитися.
І знову з цим можна посперечатися.
Якщо дивитися на проблему з наукової точки зору, безумовно можна допустити існування генетичної схильності до мистецтва і дизайну, проте в контексті «» така схильність перестає відігравати велику роль. Якщо хтось не в курсі, «правило 10 000 годин» - це концепція, згідно з якою ключова складова в освоєнні будь-якого, навіть самого складного навику - зовсім не талант, а близько 10 000 годин, проведених за практикою і вдосконаленням цієї навички.
Зрозуміло, Пікассо був народжений з певною схильністю до малювання, але причина, по якій він став великим, криється в іншому: він просто багато працював. І якщо практикуватися в умінні підбирати гармоніюють кольору, цього теж можна навчитися.
Практика понад усе
Після того, як ми рознесли в пух судження одного з найбільших художників всіх часів, давайте перейдемо практиці.
Нижче представлені колірні палітри семи різних веб-сайтів, що належать відомим брендам. У кожному разі спочатку буде представлена \u200b\u200bсама палітра і у вас буде можливість вгадати, який компанії вона належить. Потім ми розберемо теорію кольору і механізми, які стоять за гармонійністю (або, в деяких випадках, дисгармонійністю) кожної окремо взятої сторінки.
Урок 1. Різновиди колірних моделей
Отже, почнемо: як ви думаєте, сайт якої відомої компанії може похвалитися таким колірним рішенням?
А тепер опустіться нижче, щоб перевірити свою відповідь!
Звичайно ж, за цією зелено-жовто-червоно-блакитний палітрою ховається не хто інший, як великий і могутній Google!
Навіть якщо ви не володієте глибокими знаннями в теорії кольору, вже на такому простому прикладі можна зрозуміти, як влаштовані різні колірні моделі.
По-перше, хтось цього може і не знати, але три кольори з наведеної палітри - червоний, синій і жовтий - первинні кольори. Тобто, іншими словами, шляхом змішування саме цих трьох кольорів виходять всі інші. Так, наприклад, залишився зелений - вторинний колір, який можна отримати, змішавши між собою жовтий і синій.
Однак таке уявлення про створення квітів шляхом змішування працює лише в рамках колірної моделі CMYK, яка головує в світі живопису і друку. Кожна буква акронима CMYK вказує на один з ключових квітів моделі: Cyan (синюватий), Magenta (червоний), Yellow (жовтий), і Key ( «ключовий» - чорний). Тобто ця модель складається з трьох основних кольорів і чорного, який дозволяє створювати більш темні відтінки.
А ось далі все трохи складніше: CMYK - субтрактивна модель. Іншими словами, кольору створюються шляхом поглинання або «віднімання» з видимого спектру світлових хвиль певної довжини. В результаті непоглощенние хвилі відбиваються, і відбите світло - це ті кольори, які ми бачимо.
Так, наприклад, в рамках цієї моделі зелений об'єкт сприймається в першу чергу не як зелений, а як об'єкт, який поглинає весь видимий спектр, крім зеленого.
Як приклад для порівняння вище представлено зображення, де кольори були створені не за допомогою CMYK, а за допомогою RGB-моделі (red, green, blue - червоний, зелений, синій), яка використовується в комп'ютерах, телевізорах та інших електронних пристроях. На відміну від CMYK, RGB - адитивна модель, тобто червоні, зелені та сині світлові хвилі комбінуються для створення всіх інших кольорів.
У той час як в CMYK-моделі зелений колір - вторинний, в рамках RGB-моделі це один з первинних квітів. Та й в цілому колірна палітра Google викликає відчуття чогось базового. Як кубики на зображенні вище.
Отже, ми розібрали різницю між двома основними колірними моделями - CMKY і RGB. Рухаємося далі.
Урок 2. Тон, светлота і насиченість
Сайту якій компанії належить ця колірна гама?
А тепер опустіться нижче, щоб перевірити свою відповідь.
Twitter - відмінний приклад одноколірної схеми. Замість того щоб сприймати сірий, темно-синій і блакитний в цій палітрі як окремі кольору, думайте про них, як про різновиди одного і того ж тону.
Отже, розберемо основну термінологію параметрів кольору:
Тон.Це те, що ми маємо на увазі, кажучи «колір»; вказує на довжину світлової хвилі. Тон - ключова характеристика кольору, то, що, наприклад, відрізняє синій від червоного або зеленого.
Светлота. Позначає ступінь відмінності кольору від білого або чорного. Так, наприклад, по параметру світлини між собою відрізняються темно-та світло-синій.
Насиченість.Термін вказує на інтенсивність певного тону. При нульовій насиченості колір представляє з себе сірий. Ненасичені кольору, як правило, м'якше і тьмяніше своїх насичених побратимів.
Отже, повернемося до Twitter: візьмемо блакитний в якості відправної точки. Це наш основний тон. Використаний в кнопці праворуч темно-синій має ті ж характеристики тони, однак відрізняється меншою светлотой і одночасно більшою насиченістю, в результаті чого виділяється на тлі інших. І це цілком логічно: кнопка Tweet - головна CTA-кнопка на сторінці.
Сірий колір іконки - теж відтінок блакитного, нехай і помітно менш насичений (близько 20%).
Таким чином, колірну палітру сайту Twitter можна назвати одноколірної. Всі представлені кольори - фактично один і той же тон і відрізняються між собою лише ступенем світлості і насиченості.
Така колірна схема разюче відрізняється від багатобарвної палітри Google, де всі кольори первинні і відсутній якийсь основний тон. Так чому ж квітам сторінки Google вдається гармонійно виглядати разом? Справа в тому, що всі вони мають однаково високий рівень насиченості.
Урок 3. Типи колірних комбінацій
Отже, наступний ресурс ви навряд чи дізнаєтеся, але тим не менше він нам потрібен.
Це сторінка компанії UPS.
Якщо не вгадали, нічого страшного: багато, ймовірно, чули про цю популярної в США кур'єрської компанії, але мало хто з нас користувався її послугами. Так чи інакше, основний колір логотипу компанії - коричневий. З одного боку, може здатися несподіваним вибір сіро-синього в якості кольору верхньої панелі і інших елементів, однак, подобається вам цей колір чи ні, посперечатися з тим, що колірна гамма сайту гармонійна, не вийде. Причина криється в тому, що основні кольори сайту (коричневий і сіро-синій) - доповнюють одна одну.
В рамках теорії кольору взаємодоповнюючі, або комплементарні, кольори знаходяться на протилежних кінцях і максимально контрастують між собою. Коли два кольори виявляються поруч в композиції, вони створюють відчуття гармонії, при цьому як би підсилюючи один одного.
Однак, подивившись на колірний круг в пошуках наочного підтвердження вищесказаного, ви напевно запитаєте: «А де тут коричневий?»
Справа в тому, що коричневий - всього лише відтінок червоно-рудого (який присутній в колі), що відрізняється більш низьким параметром світлини. Таким чином, щоб знайти колір, комплементарний коричневому, потрібно просто відшукати червоно-помаранчевий. А на протилежному кінці кола ви виявите шуканий синій.
Звичайно, пари взаємодоповнюючих кольорів - не єдині приємні для ока комбінації. Існують і інші. Коротко перерахуємо основні:
- (Analogous Colors) - це кольори, що знаходяться поруч на колірному колі.
- тріада квітів(Triadic colors) - три кольори, що лежать на колі колірного кола на однаковому друг від друга відстані.
- Розщеплені доповнюють кольору (Split Complementary Colors) - основний колір і два інших, які перебувають на рівній відстані від комплементарного йому кольору.
Головний урок полягає в тому, що ключові параметри кольору (тон, насиченість і т. Д.) - не єдині фактори, що визначають сприйняття цього кольору. Зрозумівши співвідношення і взаєморозташування різних кольорів в рамках колірного кола, можна навчитися створювати більш гармонійні схеми.
Урок 4. Сприйняття кольору - сприйняття бренду
Отже, ми поступово переходимо до теми зв'язку кольору і емоцій. Як приклад візьмемо сайт ще однієї компанії, що займається доставкою листів і вантажів.
Йдеться про FedEx.
Тут перед нами приклад одноколірної палітри. І хоча мова йде про компанії, що надає такий же спектр послуг, що і UPS, колірні схеми двох сайтів зовсім різні: в той час як в палітрі UPS переважають земляні тони, у випадку з FedEx компанія вважала за краще дотримуватися більш суворого, ділового стилю. До того ж до однобарвності, що надає сторінці лаконічний вигляд, важливу роль відіграє вибір фіолетового в якості основного. Справа в тому, що в природі він зустрічається рідко, тому його присутність надає композиції наліт штучності.
Запам'ятайте: колірна гамма бренду може вплинути на те, як клієнти будуть сприймати бренд і які почуття у них будуть виникати. Так, наприклад, фіолетовий, як правило, асоціюється з авторитетом і витонченістю.
Урок 5. Проблеми взаємодоповнення
Розглянемо ще один приклад, на цей раз - відомий в США новинний ресурс.
Отже, це сайт газети Huffington Post. І що в першу чергу впадає в очі?
Так - сайт зелений. І тут ми торкнемося теми психології кольору. Справа в тому, що зелений асоціюється у людей з балансом, гармонією і впевненістю - безумовно, непоганий вибір для новинного сайту.
Тим часом цей зелений помітно темніший і ненасичений, ніж на всіх розглянутих раніше прикладах. А це значить, що він також асоціюється з багатством і владою.
Червоний - самий емоційно заряджений з усіх кольорів, і він пов'язаний з почуттями пристрасті, любові, ненависті і так далі. Тому не дивно, що коли ви кидаєте погляд на сторінку, то першим ділом звертаєте увагу на червону кнопку, яка закликає підключитися до відеотрансляції. Ще одна причина, по якій кнопка так помітна, полягає в тому, що червоний комплементарен зеленому - кольором решти сторінки.
Цікаво, що, як правило, дизайнерам радять уникати поєднань червоного і зеленого, незважаючи на те, що це взаємодоповнюючі кольори. По-перше, справа в тому, що таке поєднання часто створює у користувача ... новорічний настрій. І якщо Лендінгем або сайт ніяк не пов'язаний з новорічними святами, то варто всіляко уникати цих хибних асоціацій.
Друга причина, по якій не варто покладатися на такий контраст, полягає в тому, що люди, які страждають колірною сліпотою, а саме її найпоширенішою формою - дейтеранопія (зниженою чутливістю до відтінків зеленого), просто не зможуть розібрати, що у вас там зображено. Ще одна проблема, що виникає при використанні червоного і зеленого: вони «змагаються» між собою і, виступаючи на тлі один одного, сприймаються як більш яскраві.
Дизайнери сайту Huffington Post врахували цю особливість і, по-перше, використовували дуже помірна кількість червоного, а по-друге, взяли темніший і ненасичений зелений, на тлі якого червоний став виглядати краще.
Урок 6. Насиченість і первинні кольори
Отже, переходимо до наступної палітрі.
Вона належить новинному ресурсу BuzzFeed.
Перші слова і фрази, які спадають на думку при вигляді палітри сайту, - «яскравий», «насичений», «кричущий»; вона як би говорить: «Зупинись і подивися на мене!». Очевидно, завдання такої палітри - привернути увагу. А що ж з точки зору теорії кольору?
Для початку зазначимо, що в палітрі BuzzFeed, так само як і Google, використовуються первинні кольори: червоний, жовтий і синій. Однак, на відміну від пошукового гіганта, вони тут більш світлі й насичені. Також, якщо не брати до уваги чорний (який фактично є не кольором, а його повною відсутністю - поглинанням всіх колірних хвиль), можна сказати, що на сторінці BuzzFeed використана тріадних колірна палітра.
Як говорилося раніше, з точки зору психології червоний - самий емоційно-заряджений колір, тому не дивно, що в логотипі сайту використаний теплий, яскраво-рудий відтінок, виконуючий ту ж функцію: активізацію почуття хвилювання і збудження.
Жовтий, ще один ключовий для палітри колір, пов'язаний з енергійністю та почуттям щастя. До речі про щастя: ряд жовтих кіл з чорним текстом всередині, розташованих у верхній частині сторінки, ймовірно, не випадково нагадує серію смайлів.
Синій в колірній гамі сайту призначений виключно для посилань і CTA-кнопок, і це вкрай розумне рішення. Так як він пов'язаний з почуттям спокою і довіри, посилання і кнопки виступають в якості запрошення, як би кажучи користувачеві: «Не турбуйся, тут все таке яскраве і божевільне, а нам ти можеш довіряти. Не бійся - натискай ».
Урок 7. Ненасичені кольору
Отже, останній приклад.
Навіть якщо не впізнаєте палітру, сайт ви дізнаєтеся напевно.
Швидше за все, вгадати сайт за представленою вище колірній схемі вам не вдалося. І дійсно: якщо подивитися на сторінку, то можна побачити там ще багато інших відтінків, особливо на бічній панелі. Однак ми розглянемо верхню панель, звідки і взято присутні в діаграмі червоний і жовто-тілесний.
Порівнявши представлену палітру з палітрою сайту BuzzFeed, можна побачити, що в обох випадках використовуються одні й ті ж тону, а саме: жовтий червоний і блакитний. При цьому про схожість дизайну не може бути й мови! Після всіх наведених вище прикладів ви вже, напевно, можете самі пояснити причину, але все ж давайте розберемо по порядку.
По-перше, так само як і у випадку з Twitter, на сторінці використовується кілька відтінків «фірмового» блакитного кольору Facebook різної світлості. Такий крок дозволяє розставити акценти, зберігши загальну стилістичну одноманітність.
Однак ключовим параметром тут є насиченість: всі основні кольори сторінки - жовтий, червоний і блакитний - характеризуються рівномірно низьким рівнем насиченості. В результаті весь інтерфейс створює відчуття спокою і розслаблення. Тобто, в той час як інтерфейс BuzzFeed збуджує психіку, сторінка Facebook створює атмосферу затишку і комфорту.
Продовжуючи порівняння, ми бачимо, що два сайти очевидно різняться і кількісним співвідношенням основних кольорів композиції: тоді як на BuzzFeed синій - колір спокою - використовується лише у вигляді дрібних вкраплень, на сайті Facebook в ньому виконана вся верхня панель, яка зачеплений настрій всій сторінці.
В кінцевому підсумку дизайн Facebook, де переважає м'яка, ненасичена синя палітра, викликає бажання сісти і розслабитися. Ймовірно, саме тому середньостатистичний американець щодня проводить на цій сторінці близько 40 хвилин - схоже, палітра робить свою справу.
висновок
Створюючи Лендінгем, варто брати до уваги величезну кількість параметрів, серед яких колірна палітра - один з головних.
Добре продумайте, які емоції і почуття повинна викликати ваша посадкова сторінка у користувача і на які дії вона повинна його спонукати; вчіться у лідерів, експериментуйте. Ну і, звичайно, найголовніше - тестируйте, тестируйте і знову тестируйте!
3610 підвищуємо майстерність 0
Сьогодні ми поговоримо з вами, наші шановні читачі, про теорію цвета.А точніше - про одну виверту з комплементарними квітами, яку знають далеко не всі. Більшість з вас про неї взагалі не чули. Техніка використання компліментарних квітів не нова, художники використовують цей прийом уже дуже давно. Однак фотографуючи, ми рідко схильні думати про це, коли займаємося зйомкою.
Хоча у фотографа не завжди є така ж свобода вибирати кольору, як у художника, але добре б про це пам'ятати, коли робляться фотографії, оскільки це допоможе створити сцени з певними колірними комбінаціями, які виглядають краще, ніж інші.
Що ж таке компліментарні кольори? Компліментарні кольори влаштовані за принципом колірної протилежності, коли знаходяться в якийсь колірної моделі. Колір, який знаходиться навпроти основного в колірному колі, називається компліментарних. Він формується з сусідніх квітів всередині цієї моделі. Спільне використання таких кольорів забезпечує контраст, які дозволяє створювати більш потужні зображення.
Колірний круг RGB:
Наприклад, якщо ви виберете основним кольором червоний, то у вас вийде, використовуючи колірний круг, що блакитний лежить навпроти нього, при цьому, що лежать по боках від нього синій і зелений якраз дають при змішуванні той самий блакитний колір. Аналогічно, якщо ви берете за основу зелений, то навпаки буде знаходиться фіолетовий, а при виборі синього - жовтий. Таким чином, блакитний, фіолетовий і жовтий будуть комплементарні червоному, зеленому і синьому, відповідно.
Якщо брати за основу модель червоний-жовтий-синій, то система буде виглядати так:
Як це працює на практиці
Роздуми про те, які кольори асоціюються з різними ситуаціями, може вас змусити почати комбінувати різні кольори для досягнення потрібного ефекту. Наприклад, синій колір не зустрічається в природі дуже часто. Однак, в ясний день, як ефектне фону у нас є синє небо, яке відмінно підходить для компліментарних квітів.
У колірній моделі RGB (червоний-зелений-синій) ми бачимо, що жовтий колір знаходиться навпроти синього, а в моделі RYB (червоний-жовтий-синій) - навпаки оранжевого. Отже, потрібно щось жовте або помаранчеве, що з'явиться на тлі синього неба.
А от зелений колір в достатку представлений в природі, що робить червоні, пурпурні і фіолетові кольори хорошими кандидатами для контрасту. З цього випливає, що об'єкти, які природним чином мають червоні і зелені частини, виглядають добре самі по собі, оскільки їм не потрібно додавання додаткових об'єктів інших квітів для яскравого ефекту.
Очевидно, що якщо ви знімаєте в приміщенні, конструюючи свої зображення за допомогою різних фонів, ви можете враховувати цей принцип і після - при обробці.
На зображенні нижче чаша і фон навколо персиків були, насправді, досить нейтральними за кольором, але при обробці був доданий синій відтінок, які забезпечує кращий контраст з цими фруктами.
Ви можете опинитися в ситуації, коли кольори в зображенні, начебто, узгоджуються з принципом комбінування компліментарних квітів, але вам все ще здається, що чогось не вистачає, щоб підсилити ефект. Є хороший шанс, що один з ключових кольором може виграти від того, що стане більш насиченим, навпаки - пом'якшеними, освітленим або затемненим і т. Д. Тому в такій ситуації розгляньте можливість налаштувати насиченість, яскравість або відтінки в своїй улюбленій програмі для редагування фотографій .
Хлопці, ми вкладаємо душу в сайт. Дякуємо за те,
що відкриваєте цю красу. Дякую за натхнення і мурашки.
Приєднуйтесь до нас в Facebook і ВКонтакте
Схема № 1. Комплементарне поєднання
Комплементарними, або додатковими, контрастними, є кольори, які розташовані на протилежних сторонах колірного круга Іттена. Виглядає їх поєднання дуже жваво і енергійно, особливо при максимальній насиченості кольору.
Схема № 2. Тріада - поєднання 3 кольорів
Поєднання 3 кольорів, що лежать на однаковій відстані одна від одної. Забезпечує високу контрастність при збереженні гармонії. Така композиція виглядає досить живий навіть при використанні блідих і ненасичених квітів.
Схема № 3. Аналогічне поєднання
Поєднання від 2 до 5 кольорів, розташованих поруч один з одним на колірному колі (в ідеалі - 2-3 кольори). Враження: спокійне, розташовує. Приклад поєднання аналогічних приглушених кольорів: жовто-оранжевий, жовтий, жовто-зелений, зелений, синьо-зелений.
Схема № 4. Окремо-комплементарное поєднання
Варіант комплементарного поєднання кольорів, тільки замість протилежного кольору використовуються сусідні для нього кольору. Поєднання основного кольору і двох додаткових. Виглядає ця схема майже настільки ж контрастно, але не настільки напружено. Якщо ви не впевнені, що зможете правильно використовувати комплементарні поєднання, - використовуйте роздільно-комплементарні.
Схема № 5. Тетрада - поєднання 4 кольорів
Колірна схема, де один колір - основний, два - доповнюють, а ще один виділяє акценти. Приклад: синьо-зелений, синьо-фіолетовий, червоно-оранжевий, жовто-оранжевий.
Схема № 6. Квадрат
Сполучення окремих кольорів
- Білий: поєднується з усім. Найкраще поєднання з синім, червоним і чорним.
- Бежевий: з блакитним, коричневим, смарагдовим, чорним, червоним, білим.
- Сірий: з кольором фуксії, червоним, фіолетовим, рожевим, блакитним.
- Рожевий: з коричневим, білим, кольором зеленої м'яти, оливковою, сірим, бірюзовим, ніжно-блакитним.
- Фуксія (темно-рожевий): з сірим, жовто-коричневим, кольором лайма, зеленої м'яти, коричневим.
- Червоний: з жовтим, білим, бурим, зеленим, синім і чорним.
- Томатно-червоний: блакитний, колір зеленої м'яти, піщаний, вершково-білий, сірий.
- Вишнево-червоний: блакитний, сірий, світло-помаранчевий, піщаний, блідо-жовтий, бежевий.
- Малиново-червоний: білий, чорний, колір дамаської троянди.
- Коричневий: яскраво-блакитний, кремовий, рожевий, палевий, зелений, бежевий.
- Світло-коричневий: блідо-жовтий, кремово-білий, синій, зелений, пурпурний, червоний.
- Темно-коричневий: лимонно-жовтий, блакитний, колір зеленої м'яти, пурпурно-рожевий, кольором лайма.
- Рудувато-коричневий: рожевий, темно-коричневий, синій, зелений, пурпурний.
- Помаранчевий: блакитний, синій, ліловий, фіолетовий, білий, чорний.
- Світло-оранжевий: сірий, коричневий, оливковий.
- Темно-оранжевий: блідо-жовтий, оливковий, коричневий, вишневий.
- Жовтий: синій, ліловий, світло-блакитний, фіолетовий, сірий, чорний.
- Лимонно-жовтий: вишнево-червоний, коричневий, синій, сірий.
- Блідо-жовтий: колір фуксії, сірий, коричневий, відтінки червоного, жовтувато-коричневий, синій, пурпуровий.
- Золотисто-жовтий: сірий, коричневий, блакитний, червоний, чорний.
- Оливковий: апельсиновий, світло-коричневий, коричневий.
- Зелений: золотисто-коричневий, помаранчевий, салатовий, жовтий, коричневий, сірий, кремовий, чорний, вершково-білий.
- Салатний колір: коричневий, жовтувато-коричневий, палевий, сірий, темно-синій, червоний, сірий.
- Бірюзовий: колір фуксії, вишнево-червоний, жовтий, коричневий, кремовий, темно-фіолетовий.
- Електрик красивий в поєднанні з золотисто-жовтим, коричневим, ясно-коричневим, сірим або срібним.
- Блакитний: червоний, сірий, коричневий, оранжевий, рожевий, білий, жовтий.
- Темно-синій: світло-ліловий, блакитний, жовтувато-зелений, коричневий, сірий, блідо-жовтий, помаранчевий, зелений, червоний, білий.
- Ліловий: помаранчевий, рожевий, темно-фіолетовий, оливковий, сірий, жовтий, білий.
- Темно-фіолетовий: золотисто-коричневий, блідо-жовтий, сірий, бірюзовий, колір зеленої м'яти, світло-помаранчевий.
- Чорний універсальний, елегантний, виглядає у всіх поєднаннях, найкраще з помаранчевим, рожевим, салатовим, білим, червоним, сіреневатим або жовтим.