Бэграунд — понятие в дизайне и медиа¶

Бэграунд (от англ. background — «фон, задний план») — термин, обозначающий фоновое изображение, цвет, текстуру или визуальный слой, расположенный за основным объектом или содержимым. В широком смысле бэграундом называют также среду, контекст или обстоятельства, в которых протекает событие или деятельность. Термин широко используется в веб-дизайне, графическом дизайне, фотографии, кинематографии, компьютерных играх и повседневной речи.

¶Происхождение и этимология

Слово пришло в русский язык из английского в конце XX — начале XXI века вместе с развитием компьютерных технологий и интернета. Английское background состоит из двух корней: back («спина, задняя сторона») и ground («земля, поверхность, основание»). В английском языке слово имеет множество значений — от «фоновой поверхности» до «жизненного опыта» или «образования» человека.

В русском языке термин употребляется преимущественно в двух сферах: как технический термин (веб-дизайн, графика, фото- и видеопроизводство) и как заимствованное обозначение контекста или предыстории явления («бэграунд переговоров», «бэграунд проекта»).

¶Бэграунд в веб-дизайне

В веб-дизайне бэграунд — это визуальный фон веб-страницы или её отдельного блока. С помощью CSS разработчики задают фон через свойства background-color, background-image, background-repeat, background-size, background-position и другие. Фон может быть:

• сплошным цветом — самый простой вариант, не отвлекающий от текста;
• градиентом — плавный переход между двумя или более цветами;
• изображением — фотография, иллюстрация, паттерн или текстура;
• видео — фоновое видео, воспроизводимое в цикле (часто без звука);
• анимированным — движущиеся элементы, созданные с помощью CSS-анимаций или JavaScript.

При выборе бэграунда для сайта учитывают читаемость основного контраста: текст на фоне должен оставаться контрастным в соответствии с рекомендациями доступности WCAG. Частая практика — затемнение или размытие фонового изображения для улучшения читаемости.

¶Бэграунд в графике и фотографии

В графическом дизайне и фотографии бэграунд — это пространство или элемент, находящийся за главным объектом съёмки или композиции. В фотографии выделяют:

• студийный бэграунд — специальный фон (фоновая бумага, ткань, циклорама), используемый при съёмке в студии;
• естественный бэграунд — реальная окружающая среда при уличной или пейзажной съёмке;
• размытый (расфокусированный) бэграунд — эффект малой глубины резкости, выделяющий главный объект.

В графических редакторах (Adobe Photoshop, GIMP, Figma) слой фона традиционно располагается в самом низу стека слоёв и часто обозначается замком — его несложно изменить, не затрагивая остальные элементы композиции.

¶Бэграунд в кинематографе и играх

В кинематографе бэграундом называют задний план кадра — декорации, пейзаж или экранное пространство, находящееся за актёрами. С развитием технологий виртуального производства (например, технологии LED-экранов, применённой в сериале «Мандалорец») роль бэграунда меняется: задний план создаётся в реальном времени на больших LED-стенах.

В компьютерных играх бэграунд — это фоновая графика уровня: параллакс-скроллинг, статичные фоны в 2D-играх, небо и дальние объекты в 3D-играх. Отдельный термин — «фоновая музыка» (background music), сопровождающая игровой процесс.

¶Переносное значение

В переносном смысле «бэграунд» употребляется как синоним слов «контекст», «предыстория», «фон». Например, «бэграунд переговоров» — обстоятельства, предшествующие встрече; «бэграунд кандидата» — его профессиональный опыт и образование. В деловой и академической речи это заимствование конкурирует с исконными русскими словами, и его употребление иногда критикуется как неоправданное.

¶См. также

• Веб-дизайн
• CSS
• Фоновое изображение
• Слой (графический редактор)

¶Источники

• Мёрриам-Вебстер. Словарь английского языка: статья «background».
• MDN Web Docs. Справочник CSS: свойства background.
• Руководство WCAG 2.1 по контрасту текста и фоновых изображений.
• Figma Help Center. Работа со слоями и фоном.