Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Дизайн сайтів. Оформлення фону сайту

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

Відомо, що різні кольори сприймаються по-різному. Причому в кожної людини асоціації між кольором і предметом або почуттям, які він персоніфікує, можуть бути різними. Так, для представників західної культури зі смертю традиційно асоціюється чорний колір, а от для деяких країн східної культури - навпаки, білий. Також ми традиційно пов'язуємо червоний колір із кров'ю або небезпекою, зелений- із травою або листям, блакитний - із небом або водою, жовтий - із сонцем. Ці асоціації міцно вкорінилися в людській свідомості й важко переконати відвідувача, наприклад, у тому, що фірма, сайт якої має яскраво червоний фон, стабільна й надійна. Червоний колір для цього занадто динамічний, тоді як зелена гама відтінків надає відчуття спокою й умиротворення.

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

Для завдання кольору фону можуть бути використані два варіанти колірної палітри: безпечна й небезпечна. Під безпечною палітрою розуміють палітру з 216 кольорів, які залишаються незмінними при відображенні їх в різних браузерах або на різних моніторах. Відповідно, небезпечна палітра містить набагато більшу кількість кольорів, однак їхнє відображення на різних моніторах залежить від технічних характеристик кожного конкретного відеоадаптера.

Задавати фон можна не тільки для всієї сторінки, але й для якого-небудь окремого елемента, наприклад, певної комірки, рядка й абзацу.

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

Коли одноколірного або градієнтного фону сайту здається недостатньо, часто вдаються до використання фонових малюнків. При цьому копії одного малюнка заповнюють собою простір сторінки сайту - виходить мозаїка. Використання фонового малюнка неодмінно позначиться на тривалості завантаження сторінок сайту, тому варто вибирати малюнок для мозаїки розміром не більше 100х100 пікселів. При завантаженні сторінок сайту із сервера браузер збереже в кеш-пам'ять комп'ютера фонове зображення й уже потім викладе його мозаїкою на фоні сайту. Отже, чим менше шматочків у цілому зображенні, тим швидше вони будуть складені воєдино. Тому мозаїчний фон із зображень розміром 25х25 буде завантажуватися повільніше, ніж фон зі шматочків 50х50.

Підбиваючи підсумок всьому вищесказаному, можна зробити кілька висновків:

  • Колір сприймається різними людьми по-різному.
  • Колір фону не повинен заважати сприйняттю текстової інформації на сайті.
  • Фоновий малюнок не повинен сильно збільшувати час завантаження сторінок сайту.
Дизайн сайтів. Оформлення фону сайту
Теги:
дизайн сайтів, фон сайтів, фон сторінок, фоновий малюнок, градієнт, колір фону