Одна из разновидностей фонов сайта, применяемых при создании сайта - мозаичные фоны.

Специфические моменты применения мозаичных фонов для оформления веб-страниц.

На заре развития Интернет вопросу создания фонов сайта уделялось гораздо больше внимания, чем в настоящее время. Многие сайты посвящались исключительно созданию фонов сайта.

В настоящее время большое количество программ предоставляют веб-дизайнерам широкие возможности по созданию самых разнообразных фонов для сайта. Возможно поэтому фоны (использование рисунков в качестве фона) стали встречаться в сайтах всё меньше.

Примеры мозаичных фонов.

В каждом случае фон состоит из одного рисунка, многократное повторение которого (мозаика) создаёт иллюзию сплошной картинки.
 

Исходный фоновый рисунок

Полученный мозаичный фон

 

Другие примеры

• Разница между градиентными и мозаичными фонами условная. Как правило, мозаичные фоны применяются для фона страниц сайта в целом или в случаях, когда они должны занять достаточно большое пространство страницы.

• Восприятие мозаичных фоновых рисунков имеет свои особенности. Оно связано с устройством и спецификой работы человеческого глаза, в первую очередь, инерцией зрения.

• Чем меньше цветов используется при оформлении дизайна сайта, тем проще добиться определённого воздействия (цветовой ассоциации) на посетителя сайта.

• Чем меньше контрастность и плавней переходы в цветовом оформлении сайта, тем с большей вероятностью можно предугадать цветовое воздействие на посетителя сайта. В профессиональном веб-дизайне предпочтительны плавные градиентные рисунки и фоны, в случаях, когда применение для оформления сайта какого-либо цвета или цветов не устраивает заказчика, по сравнению с мозаичными фонами и контрастными рисунками.

• После загрузки фонового изображения страницы сайта веб-обозреватель должен выложить мозаикой фон на её заднем плане. Чем больше размер изображения, тем меньше элементов понадобится. Поэтому фоновое изображение отображается немного быстрее, если его размер в пикселях больше. Например, мозаичный фон, выложенный картинкой, имеющей размер 50х50 пикселей может загрузиться медленнее, по сравнению с картинкой размеров 75х75 пикселей.

• Если все страницы сайта имеют одно и то же фоновое изображение, то после того как фоновое изображение попадает в кэш-память браузера, оно будет загружаться быстро. Если страницы сайта имеют разные фоновые изображения, то выигрыша во времени загрузки не будет.

• Точно просчитать выигрыш во времени загрузки страниц в зависимости от размера фоновой картинки сложно. Это зависит от многих параметров. Для создания мозаичных фонов оптимально применение фоновых картинок небольших размеров: от 10х10 до 100х100 пикселей.

Важно:

1. Техническая реализация создания фона страницы сайта в целом или её отдельной части с использованием рисунка достаточно проста. Его внедрение в дизайн сайта не представляет сложности.

2. Любой фон, отличный от белого, часто вызывает раздражение у посетителей сайта и отвлекает их внимание от товаров и услуг, представленных на сайте. В профессиональном веб-дизайне применяется достаточно редко.

3. Посетитель сайта, пожелавший распечатать заинтересовавшую его страницу сайта, на которой размещены предлагаемые товары и услуги должен получить её в виде, максимально приближённым к оригиналу. Наилучшим образом обеспечить это может страница сайта без какого-либо фонового рисунка: белый фон и чёрный текст.

4. Воздержитесь от заказа внедрения в состав дизайна сайта фона в виде рисунка, если на это нет достаточных обоснований.