При розробці дизайну для сторінок сайтів дуже важливо приділити увагу оформленню фону всієї сторінки або її елементів. Традиційним вважається звичайний білий фон - на ньому легше сприймати текст сайту. Також не заважають сприйняттю текстової інформації сайту і відтінки білого - бежевий, кремовий. Однак все частіше сайти з простим білим фоном здаються замовникам занадто нудними і одноманітними. Тоді виникає потреба створити сайт з фоном іншого кольору або з фоновим малюнком. Що потрібно врахувати при використанні фонового малюнка або кольорового фону в дизайні Вашого сайту?
Відомо, що різні кольори сприймаються по-різному. Причому у кожної людини асоціації між кольором і предметом або почуттям, які він уособлює, можуть бути різними. Так, для представників західної культури зі смертю традиційно асоціюється чорний колір, а ось для деяких країн східної культури - навпаки, білий. Також ми традиційно пов'язуємо червоний колір з кров'ю або небезпекою, зелений-з травою або листям, блакитний - з небом або водою, жовтий - з сонцем. Ці асоціації міцно зміцнилися в людській свідомості і важко переконати відвідувача, наприклад, в тому, що фірма, сайт якої має яскраво червоний фон, стабільна і надійна. Червоний колір для цього занадто динамічний, тоді як зелена гамма відтінків надає відчуття спокою й умиротворення.
Занадто яскравий колір для фону надмірно обтяжливий для очей, ускладнює читання інформації. Тому якщо вирішено зробити колір фону, відмінним від білого, то краще вибрати який-небудь пастельний відтінок, в залежності від тематики сайту. Наприклад, дуже світлі, ніжно-рожеві відтінки прекрасно підійдуть для завдання фону різних «жіночих» сайтів: про дітей, про сім'ю, про косметику і т.д.
Задавати фон можна не тільки для всієї сторінки, але і для будь-якого окремого елемента, наприклад, певної комірки, рядка і абзацу.
Крім одноколірного фону в дизайні сайтів популярне використання градієнтних фонів. Для їх завдання застосовуються два кольори, що плавно переходять один в одного. Також для завдання градієнтного фону може бути використаний лише один колір, яскравість якого плавно зменшується від максимального до нульового значення. Застосування градієнтів для завдання фону в дизайні сайтів доцільно лише в деяких випадках. По-перше, градієнтні фони підходять для «жорсткого» дизайну сайтів, де всі елементи закріплені і не зрушуються при різному дозволі або розмірах монітора. А, по-друге, градієнти можна використовувати тоді, коли відомі технічні характеристики моніторів потенційної цільової аудиторії, тому що інакше плавність градієнта може бути перекручена ступінчастістю переходів.
Коли одноколірного або градієнтного фону сайту здається недостатньо, часто вдаються до використання фонових малюнків. При цьому копії одного малюнка заповнюють собою простір сторінки сайту - виходить мозаїка. Використання фонового малюнка неодмінно позначиться на тривалості завантаження сторінок сайту, тому слід вибирати малюнок для мозаїки розміром не більше 100х100 пікселів. При завантаженні сторінок сайту з сервера браузер збереже в кеш-пам'ять комп'ютера фонове зображення і вже потім викладе його мозаїкою на фоні сайту. Отже, чим менше шматочків в цілому зображенні, тим швидше вони будуть складені докупи. Тому мозаїчний фон із зображень розміром 25х25 буде завантажуватися повільніше, ніж фон зі шматочків 50х50.
Підводячи підсумок всьому вищесказаному, можна зробити кілька висновків:- Колір сприймається різними людьми по-різному.
- Колір фону не повинен заважати сприйняттю текстової інформації на сайті.
- Фоновий малюнок не повинен сильно збільшувати час завантаження сторінок сайту.