Колірні рішення для сайту

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

Уміння правильно підбирати колірну гамму і реалізувати на її основі виграшний дизайн, або дається від природи, або розвивається шляхом вивчення кольорознавства (наука про колір). Природні таланти залишимо в спокої і зупинимося на другому варіанті, тобто будемо осягати ази кольорознавства.


Спектр.


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



Якщо ж взяти білу і чорну фарби, а потім змішати їх у різних пропорціях, вийде великий ряд сірих тонів від чисто-білого до чорного. Це буде вже інша шкала кольорів – ахроматичні (безбарвна).

Хроматичні кольори умовно діляться на "теплі" і "холодні". До "теплим" відноситься жовто-червона частина спектру, а до "холодним" – синьо-блакитна.

Підбираючи колірну схему для сайту не забувайте, що хроматичні кольори поєднуються з ахроматичними певним чином: "теплі" і темно-сірі, "холодні" і світло-сірі.

Просторове відношення кольорів.

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

Сполучення квітів.

Пріоритетним завданням веб-дизайнера є пошук гармонійного поєднання кольорів. Деякі кольори чудово виглядають разом і доповнюють один одного. Інші ж навпаки ніколи не слід поєднувати. Проблема полягає в тому як дізнатися, які саме кольори будуть виграшно виглядатиме на одному фоні, а які ні? У таких випадках, щоб не проводити експерименти на власному сайті, необхідно вивчити колірні гармонії (комбінації нечисленних кольорів, які розташовані в певному порядку).

Як наочний приклад розглянемо основні схеми гармонійних поєднань кольорів:

1. Двоколірна гармонія – Поєднання протилежних в колірному колі кольорів. Виглядає подібне поєднання надто грубо. Хоча в деяких випадках саме контрастне поєднання здатне додати дизайну неповторний стиль.

2. Триколірна гармонія – Колірний круг ділиться точно на три частини. Взявши один колір, до нього тут же знаходять два інших.

3. Чотириколірна гармонія – Коло ділиться на чотири частини.

З триколірної і чотирикольорового гармонії можна використовувати не всі, а тільки 2-3 кольори.

Введення в основи кольорознавства буде неповним, якщо не розповісти про контрастність кольорів.

Якщо ахроматичне пляма оточити хроматичним фоном (наприклад, зеленим), то на сірому виникне досить помітний хроматичний відтінок, в даному випадку червоний. Ці пари квітів називаються контрастними. У колірному колі подібні поєднання, як правило, містяться практично один проти одного, трохи не співпадає з додатковими відтінками. І ще одна цікава особливість – контрастні кольори можна поміщати поруч. При цьому вони візуально підсилюють насиченість один одного. Однак якщо на один з квітів помістити контур, загальна контрастне вплив різко знизиться. Справа в тому, що фігура має чіткі обриси майже не відчуває впливу кольорового контрасту.

Закони колірних гармоній дуже відносні. При виборі того чи іншого кольору важливі багато факторів: тематика сайту (рожеві тони підійдуть для жіночого журналу, але будуть безглуздо виглядатиме на юридичному веб-ресурсі), спосіб подачі інформації, особисті смаки і так далі. Тому перш ніж знайти відповідну колірну схему доведеться перепробувати всілякі поєднання.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*