Кольорові рішення для сайту, Різне, Інтернет-технології, статті

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

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


Спектр.


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



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

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

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

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

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

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

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

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

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>

*

*