Игры с выводом денег
Регистрация
Обзор
Видео
Регистрация
Обзор
Видео
Регистрация
Обзор
Видео
Регистрация
Обзор
Видео
Регистрация
Обзор
Видео
Регистрация
Обзор
Видео
Бинарные опционы
Введение
Webmoney
Wmmail
Полезные статьи
Всё о социальных сетях
Создание сайта
Счетчики
               

Фон для сайта. Классификация фонов для сайта
19.04.2017

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

В большинстве случаев выбираются лишь 3-4 основных цвета, которые будут заполнять собой до 90-95% содержимого. Какие-то дополнительные цвета могут использоваться в незначительном объеме для раскрашивания небольших и малозначимых элементов.

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

Фон для сайта

Советы по созданию фона для сайта

  1. Фон не должен привлекать к себе излишнего внимания. Данное положение особенно актуально для бизнес-сайтов, ведь внимание посетителей там должно быть сосредоточено на контенте и товарах. Чаще всего отвлекает внимание большая картинка или фотография с множеством мелких деталей, которая используется в качестве фона.
  2. Фон должен контрастировать с основным содержимым сайта. Другими словами, область основного контента или сайдбар, прилегающий к границе с фоном, должны отличаться по цвету от самого фона. При отсутствии контраста у пользователей могут возникнуть сложности с восприятием контента сайта (все будет сливаться друг с другом).
  3. Фон должен быть максимально легким (вес в килобайтах). Помните, что скорость загрузки страницы напрямую зависит от ее размера. Чем больше весит страница, тем медленнее она грузится. Если в составе страницы есть большое количество графики, то дополнительная графика, используемая в качестве фона, может еще больше усугубить ситуацию и увеличить время загрузки. Поэтому лучше всего использовать однотонную заливку.
  4. Наиболее предпочтительным цветом фона является белый, а также оттенки, близкие к нему. Связано это с особенностями восприятия человеком информации. Ведь в печатных книгах используется черный текст на белом фоне. При работе с файлами Word также используется черный текст на белом фоне. Люди привыкли воспринимать информацию именно в таком виде и формате. И здесь вряд ли нужно экспериментировать.

Теперь поговорим о том, какие фоны чаще всего встречаются на сайтах.

Три основных вида фонов

  1. Фон в виде одноцветной заливки. Здесь все ясно из названия – фон формируется посредством правил CSS. Используется такое свойство CSS, как background-color. Задать сам цвет можно при помощи его английского названия, к примеру, red, blue и т.д. Однако здесь выбор цветов сильно ограничен. Лучше использовать таблицы HTML-цветов, где каждый цвет формируется при помощи 7 символов (первый символ – всегда #). К примеру, #000000 – черный, #FFFF00 – желтый, #FFFFFF – белый и т.д.
  2. Фон в виде одного большого изображения. Как правило, используется картинка, обладающая большим разрешением (чтобы закрыть собой фон сайта даже при просмотре на самых широких мониторах). Здесь используется такое свойство CSS, как background-image. В данном свойстве следует прописать URL-адрес изображения.
  3. Фон в виде бесконечно повторяемого маленького изображения. Часто такие фоны называют мозаичными. Здесь используется маленькая симметричная картинка, которая повторяется по одной из двух сторон (горизонтали или вертикали) бесконечное число раз. Как и в предыдущем случае, нам потребуется CSS-свойство background-image и URL-адрес картинки. Кроме того, здесь добавляется такой атрибут, как repeat (повторение). Если вы хотите, чтобы картинка повторялась по горизонтали и вертикали, то пропишите repeat. Если нужно повторение лишь по одной стороне, то пропишите repeat-x или repeat-y соответственно.

Советую посетить следующие страницы:
- Как ускорить WordPress — 7 проверенных способов
- Основные причины, почему страницы выпадают из индекса
- Как сделать перевод сайта на другие языки?

Рубрика: Создание сайта
Бинарные опционы
Регистрация
Обзор
Видео
Регистрация
Обзор
Видео
Регистрация
Обзор
Видео
Способы заработка
Рубрики
Заработай с нами