- Теорія кольору. Основні моменти
- Колір і емоції
- Червоний колір
- Помаранчевий колір
- Жовтий колір
- Зелений колір
- Синій колір
- Фіолетовий колір
- Чорний колір
- Білий колір
- Сірий колір
- Бежевий колір
- Колір слонової кістки
- Вибір колірної гами
- тріада
- Подвійна компліментарна система
- Кольори-аналоги
Як одним із запорук привабливості і успіху того чи іншого шедевра живопису виступає вміння автора працювати з кольором, так і веб-дизайнерам сьогодні вдається домагатися певного емоційного сприйняття сайтів користувачами. У свою чергу, це сприяє більшій зацікавленості відвідувачів, рівню їх довіри до ресурсу компанії і збільшенню прибутку.
Теорія кольору. Основні моменти
Використання кольорів і їх поєднань в комерційних і бізнес-цілях грунтується на теорії кольору або психологічному та емоційному сприйнятті кольору людиною. Грамотне колірне оформлення набагато більше, ніж просто прикраса. Саме колірне рішення в дизайні сторінок здатне зіграти вирішальну роль в досягненні поставлених перед Інтернет-ресурсом цілей шляхом корекції сприйняття користувачами веб-сторінок.
У загальному і цілому теорія кольору в веб-дизайні базується на трьох складових, які відкривають безодню можливостей і широке поле для експериментів для дизайнера при розробці інтерфейсу:
- контраст
- доповнення
- резонанс
Використання різко контрастують один з одним кольорів і відтінків дозволяє підкреслювати гостроту, пікантність, важливість окремих елементів або інформації. Контрастні відтінки, тобто діаметрально протилежні, вибираються за допомогою колірного кола, або колеса. Для того, щоб підібрати контрастує пару для того чи іншого відтінку, досить вибрати відповідний сегмент на колірному колі, після чого вибрати відповідний сегмент на протилежному боці.
Доповнюють є кольори і відтінки, які не конфліктують один з одним, а підкреслюють, здатні підсилити ефект один одного. Доповнюють кольору також підбираються по колірному кругу. У кожного кольору існує 2 доповнення, розташовані до і після основного кольору, яким може виступити будь-який з шкали. Як приклад можна навести такий: якщо основним кольором обраний ліловий, то доповнюють його квітами будуть розташований до нього в колі рожевий, і наступний після нього блакитний.
Передбачає використання прийомів гри на підборі колірних і відтінків поєднань однієї гами - яскравою і теплою (наприклад, жовтий, оранжевий, червоний і їх відтінки) або холодної і темної (наприклад, фіолетовий, блакитний, зелений і відтінки). Так теплі яскраві кольори, особливо в своєму поєднанні, емоційно сприймаються як енергетик, спонукають до дії, а холодні здатні розслабити, заспокоїти, зосередити. Тобто кольори однієї гами резонують один з одним, посилюючи емоційний ефект.
Колір і емоції
Давно доведено той факт, що той чи інший колір здатний надавати на людину певний емоційно-психологічний вплив. Завданням веб-дизайнера представляється розуміння і ефективне застосування даного мистецтва впливу на користувачів Всесвітньої мережі шляхом створення необхідної атмосфери для конкретного сайту за допомогою колірного оформлення.
Однак у цій теорії є нюанс, який також варто враховувати при розробці дизайну веб-сторінок . Психологічні особливості емоційного сприйняття кольорів і їх поєднань в значній мірі залежать від особливостей культури та менталітету. На щастя, таких культурних груп не багато, і вони великі.
Для західної культури властиві такі основні особливості емоційного сприйняття кольорів.
Червоний колір
Червоний - один з найяскравіших, що кидаються в очі, що стимулюють квітів палітри. Червоний - це неприкритий потужний енергетичний заряд, здатний мотивувати, примушувати, порушувати.
Червоний колір емоційно сприймається як уособлення молодості, сили, влади, важливості.
Червоний - відмінний вибір, коли необхідно привернути увагу, виділити важливе, попередити, спонукати рухатися в потрібному напрямку. Разом з тим, червоний в непомірних кількостях може викликати гіперстимуляцію, спонукавши агресію, тому з кількістю особливо яскравих відтінків червоного дизайнеру слід бути обережним.
Помаранчевий колір
Досить яскравий, помітний, що огортає теплом помаранчевий колір, в залежності від інтенсивності відтінку здатний викликати у користувача цілу гаму емоцій.
Використовуваний в якості основного в дизайні, помаранчевий колір стимулює і підігріває інтерес користувача, надаючи тонізуючий ефект.
Емоційна і асоціативна забарвлення помаранчевої гами наступна - це бадьорість, енергія, радість, ентузіазм, русі, творчість.
Жовтий колір
Жовтий, мабуть, самий універсальний колір палітри, що асоціюється зі щастям, сонцем, ентузіазмом, архаїчністю (в його більш темних спокійних відтінках). Жовтий заряджає енергією, але м'яко, одночасно створюючи відчуття комфорту. Темні відтінки жовтого і колір золота викликають цікавість, забезпечують користувачеві відчуття старовини, стабільності, мудрості, дарують упевненість в авторитетності і професіоналізмі компанії.
Зелений колір
Зелений - досить неординарний, складний колір з двояким характером синього і жовтого. Разом з тим, зелений відрізняється і власним яскравим характером, асоціюючись із зростанням, природою, відкриттям можливостей, а також темою фінансів, успіху, достатку (темніші, насичені тони).
Сам по собі зелений колір виступає в палітрі містком між холодною і теплою колірною гамою. Він одночасно володіє розслаблюючим і заспокійливим впливом синіх відтінків і енергійністю і теплотою жовтого.
Синій колір
Емоційне забарвлення синього істотно залежить від тону. Так світлі відтінки синього здатні викликати почуття спокою, відкритості та безпеки, в той час як темні тони асоціюються з надійністю, непорушністю, досвідом, яким можна довіряти, і якимсь спліном. Це дозволяє віднести синій колір до універсальних квітам.
Фіолетовий колір
Фіолетовий - колір величі, розкоші, романтики, переданих світлими відтінками, а також таємниці і містики, з якими асоціюються темніші насичені тони фіолетового. Так пурпурний відтінок викликає емоційне відчуття атмосфери щедрості і багатства. Від більш ніжного лавандового віє романтичністю.
Чорний колір
Чорний - нейтральний, але дуже сильний колір, що асоціюється з вишуканістю, стриманістю, владою. Присутня на будь-якому сайті і поєднуючись з іншими квітами, чорний здатний викликати різні або підкреслювати емоції та асоціації. Також чорний може виступати домінуючим кольором в дизайні, проте небезпека його надмірного використання полягає в тому, що сторінка може асоціюватися у відвідувача зі злом і нервозністю.
Помірне використання чорного для оформлення окремих блоків і елементів сайту створює у відвідувачів ресурсу відчуття вишуканості, лаконічності, мінімалізму, елегантності, стилю.
Білий колір
Білий - традиційно вважається кольором чесноти, чистоти, простоти. Відмінний варіант для фону сайтів, виконаних в мінімалістичному дизайні.
Суттєвою особливістю, властивою тільки білого кольору, виступає те, що білий найвигідніше і ефектно підкреслює всі інші кольори, емоційно резонуючи з ними.
Сірий колір
Нейтральність сірого не скасовує того емоційного ефекту, на який він здатний. Сірий асоціюється з формальністю, меланхолією, нейтральністю, смутком, стриманістю.
Сірий в різний його відтінках є дивовижну гру білого і чорного, що дає той чи інший цікавий ефект. Крім того, цікаво виглядають в дизайні кілька різних відтінків сірого кольору, а поєднання сірого з соковитим яскравим кольором палітри виглядає помітно, яскраво, свіжо, стильно.
Бежевий колір
Бежевий колір також можна віднести до нейтральних, так як сам по собі він досить невиразний і тьмяний. Разом з тим, бежевий добре поєднується з іншими кольорами, приймаючи їх характер, але дозволяючи розбавити загальну картину, уникнувши надмірності і зайвої насиченості.
Бежевий хороший як в якості фонового, так і в якості другого кольору. Світлі тони бежевого виглядають сучасно і свіжо, темніші передають почуття традиційності і приземленості.
Колір слонової кістки
Неординарний колір в палітрі від молочного до кремового здатний передавати ті ж емоції, що і білий, тільки надаючи їм більше м'якості. Колір слонової кістки асоціюється з простотою, елегантністю і комфортом, а в дизайні веб-сторінок, який використовується замість білого, здатний пом'якшувати контраст між темними кольорами.
Вибір колірної гами
Дизайн будь-якого сайту передбачає підбір колірної гами, або поєднання кольорів і тонів з метою досягнення того чи іншого емоційного підсвідомого ефекту на відвідувача. Існують різні способи підбору кольорів, проте найбільш ефективними, гармонійними і використовуваними вважаються тріада, подвійна компліментарна система і вибір кольорів-аналогів.
тріада
Тріада, як випливає з самої назви, являє собою систему з 3 гармоніюють квітів. Вибір квітів здійснюється по колірному кругу, який містить 12 варіантів кольорів, за принципом рівностороннього трикутника. Це найбільш збалансована система, що поєднує в собі переваги резонансу і ефекту доповнення без складних контрастів.
Подвійна компліментарна система
Дана система передбачає використання вже 4-х кольорів, також підбираються по колірному кругу. З них 2 кольори контрастують, і 2 виступають доповнюють. Знайти гармонійний варіант втілення такої гами на практиці складніше. Знайти ж кольору не складно. Для цього необхідно вибрати перший колір, а другий буде для нього контрастним. Третій колір буде розташований поруч з першим, виступаючи доповнює. Четвертий - контрастним для третього.
Кольори-аналоги
Це так звана послідовна система, що припускає вибір трьох, як правило, доповнюють квітів по колірному колу. Поєднання кольорів аналогів і гра на тонах дозволяє експериментувати з викликом необхідного емоційного ефекту у користувачів.