Вітання! Що важливо мати на увазі при проектуванні web-сайту? Візуальна складова сайту не менш важлива, ніж інформація або движок на якому буде працювати сайт. Звичайно, головна роль, в більшості випадків, відводиться наповненню веб-сайту контентом, але багато хто забуває, що грамотно підібрана колірна схема є найважливішим компонентом сайту.
Колір часто впливає на настрій і самопочуття людини, деякі колірні рішення можуть як сподобається відвідувачам, так і відлякати їх. Будь-сайт завжди спрямований на певну аудиторію, у якій є свої переваги, стосовно певних кольорів. Велику роль у створенні сайту грає сприйняття людиною кольору.
Сприйняття залежить від декількох факторів:
- Сприйняття сайту цілком
- Психологічний і фізіологічний стан відвідувача
- Форма елементів дизайну
- Як виглядають дрібні деталі
- Як Новомосковскется інформація
Давайте розглянемо декілька чинників, які впливають на розуміння і грамотно складених колірних схем.
Поняття і значення кольору:
До первинних квітів відносяться: синій, червоний і жовтий.
До вторинних квітам. які виходять при змішуванні, відносяться: помаранчевий, зелений і фіолетовий.
Третинні кольори утворюються змішуванням первинних і вторинних кольорів: відтінки синьо-зеленого, червоно-оранжевого і т.д.
RGB (від скор. Red + Green + Blue) - складена з червоного, синього і зеленого кольорів, які при змішуванні даю білий колір.
CMYK (від скор. Cayn + Magenta + Yellow + Key) - при змішуванні блакитного, пурпурного і жовтого утворюють чорний колір.
Гармонійні і не гармонійні кольори:
Кожна людина сприймає кольори по-своєму. Слід пам'ятати, що у кожного кольору є своє символічне значення, з яким, можливо, пов'язані наші емоції. Знання психології кольорів дуже важливо, а ще важливо щоб колір радував око.
Гармоніюють кольору - кольору які знаходяться поруч один з одним, наприклад, рожевий з червоним, жовтий з оранжевим, і тд, так само можуть гармоніювати будь-які інші кольори, якщо вони не сильно контрастні.
Чи не гармоніюють кольору - кольору які абсолютно не поєднуються один з одним, наприклад, синій і жовтий, зелений і червоний.
Основні кольори. Вони відповідають за саме меню, кнопки, блоки, підвал.
Другорядні кольору. Кольори, які відповідають за кордону меню, блоків, колір для тексту, посилань і інших елементів дизайну.
Кольорові рішення для сайтів:
Новинні сайти. На них переважають прості і суворі кольори, в більшості чорний, білий, сірий. На таких ресурсах в першу чергу важливий контент, тому дизайну там по мінімуму.
Розважальні сайти. Переважають яскраві колірні рішення і більш складні схеми оформлення.
Інтернет магазини. Такі сайти зазвичай зроблені в кольоровому варіанті, в якому використовується іноді більше 3-х кольорів. Такий сайт може мати барвисті елементи, але вони повинні строго відповідати товару, який в ньому продається.
Промо-сайт. Мабуть, такі сайти найкрасивіші і яскраві, в загальному так і повинно бути. На сторінці промо-сайту, зазвичай розташовується один або кілька продуктів тому в дизайні можна використовувати яскраве оформлення.
Бізнес-сайт. Тут все просто, ніяких яскравих кольорів, спокійні, нейтральні тони, все строго і по-діловому оформлено.
Сервіси для складання колірної схеми сайту
Складати колірну схему це захоплююче заняття, але найчастіше - складне. Навіть у майстрів своєї справи бувають помилки. Щоб їх уникнути, можна скористатися сервісами, які призначені для вирішення завдань по підбору кольору.
Ось невеликий список сервісів по підбору кольорів. За допомогою даних сервісів можна знайти оптимальне колірне рішення.
У кожного дизайнера є свій смак. створюючи макет сайту можна без особливих зусиль підібрати кольори. Якщо ви поняття не має як повинен виглядати сайт, який просить зробити замовник, довіртеся своїй інтуїції, або пошукайте варіанти оформлення в мережі інтернет.
Дизайн повинен бути на всіх сторінках однаковий. Якщо на кожній сторінці буде своя колірна схема, то це може ввести в оману користувача і він покине сайт.
Ще статті по темі:
- Який ноутбук вибрати для дизайнера?
- Основні стилі веб-дизайну
- Етапи розробки web-сайту
- Які бувають web-банери?
- Модульна сітка
