Фон - Backgorund для сайтов - Online сервисы

Статус
В этой теме нельзя размещать новые ответы.

WiZXaK

Причиняю добро
Регистрация
8 Сен 2012
Сообщения
884
Реакции
873
Backgorund - один из первых элементов дизайна сайта. Создание фона для сайта должно происходить в совокупной прорисовке всего дизайна в графическом редакторе.
Но иногда бывают случаи, когда срочно нужна фоновая подложка. Для таких случаев и для новичков в веб дизайне предлагаю подборку online сервисов по фонам (Backgorund).


Генераторы фонов:
Для просмотра ссылки Войди или Зарегистрируйся - Один из самых известных "генераторов полос".
Для просмотра ссылки Войди или Зарегистрируйся - Для поклонников полосок.
Для просмотра ссылки Войди или Зарегистрируйся - Генерирует достаточно необычные узоры.
Для просмотра ссылки Войди или Зарегистрируйся - Хороший редактор фона.
Для просмотра ссылки Войди или Зарегистрируйся - Простой редактор фоновых подложек.
Для просмотра ссылки Войди или Зарегистрируйся - фон из вашей картинки
Для просмотра ссылки Войди или Зарегистрируйся - Редактор + База фонов.
Для просмотра ссылки Войди или Зарегистрируйся - Пиксельный редактор в реальном времени. (удобно)
Для просмотра ссылки Войди или Зарегистрируйся - Фоны из иконок.
Для просмотра ссылки Войди или Зарегистрируйся - Редактор красивых фонов
Для просмотра ссылки Войди или Зарегистрируйся - Очень простой редактор фонов
Для просмотра ссылки Войди или Зарегистрируйся - Редактор с просмотром фона
Для просмотра ссылки Войди или Зарегистрируйся - цветной генератор
Для просмотра ссылки Войди или Зарегистрируйся - мультяшные bg


Базы готовых фонов:
Для просмотра ссылки Войди или Зарегистрируйся - Отличный выбор фонов.
Для просмотра ссылки Войди или Зарегистрируйся - База фонов.
Для просмотра ссылки Войди или Зарегистрируйся - Удобная база с фильтром цветам и узорам.
Для просмотра ссылки Войди или Зарегистрируйся - Большая база фонов.
Для просмотра ссылки Войди или Зарегистрируйся - Есть интересные фоны.
Для просмотра ссылки Войди или Зарегистрируйся - База "бесконечных" фонов.
Для просмотра ссылки Войди или Зарегистрируйся - Небольшая подборка хороших фонов.
Для просмотра ссылки Войди или Зарегистрируйся - Бесконечные узорные фоны.
Для просмотра ссылки Войди или Зарегистрируйся - База разнообразных фонов.
Для просмотра ссылки Войди или Зарегистрируйся - Фоны по жанрам узоров.
Для просмотра ссылки Войди или Зарегистрируйся - Оригинальный сайт с оригинальными фонами.
Для просмотра ссылки Войди или Зарегистрируйся - Небольшая подборка фонов.
Для просмотра ссылки Войди или Зарегистрируйся - База Бэкграундов
Для просмотра ссылки Войди или Зарегистрируйся - База фонов для сайта
Для просмотра ссылки Войди или Зарегистрируйся- база фонов
Для просмотра ссылки Войди или Зарегистрируйся - Backgorund для сайты
Для просмотра ссылки Войди или Зарегистрируйся - Однотонный цветовой фон

Для просмотра ссылки Войди или Зарегистрируйся - хороший набор паттернов
Для просмотра ссылки Войди или Зарегистрируйся - фоны для блогов
Для просмотра ссылки Войди или Зарегистрируйся - небольшая база фонов
Для просмотра ссылки Войди или Зарегистрируйся - Платные и Бесплатные фоны

Background в CSS
Свойство background позволяет установить одновременно до пяти характеристик фона: background: [background-attachment || background-color || background-image || background-position || background-repeat] | inherit

background-attachment - привязка. По умолчанию задано scroll - фон перемещается при прокрутке вместе со страничкой. Можно зафиксировать его, задав fixed.
background-color - цвет фона. Выбирается из обычной палитры цветов;
background-image - картинка для фона. Указывается адрес файла изображения;
background-position - расположение фонового рисунка: в центре, слева, справа, снизу или сверху.
background-repeat - повторение выбранной картинки.
background-size, появившееся в css3. позволяет растянуть фоновое изображение до нужного размера (можно задавать значения в пикселях, в процентах от контейнера, чьим фоном оно является, "уместить" его в данный контейнер (cover), а также растянуть по высоте или ширине контейнера(contain).


"Если с фоновыми изображениями требуется задать цвет фона , он указывается в последнюю очередь."

И на по следок рекомендации по background
0) Используйте оригинальные (не cкаченные) фоны для сайта
1) Фон должен сочетаться со всеми элементами сайта (ваш кэп)
2) Не используйте яркие, ядовитые цвета фона.
3) Не используйте сложный рисунок.
4) Шрифт на фоне должен быть читабельным и не напрягать зрение пользователя.
5) Совсем не знаете какой фон выбрать? - оставьте белый - это классика (или светлые тона).
6) Цвет фона должен успокаивать зрения, (или хотя бы не напрягать его).
7) Фон не должен отвлекать на себя много внимания от содержания (сверх красивый или необычный рисунок - не вариант для фона).
8) Не используйте анимированный фон! - нет, нет это не красиво. Да я знаю о чем говорю =)
9) Используйте простой, но оригинальный фон, который позволит легко воспринимать контент сайта.


P.S: От фона зависит половина восприятия юзерами всего сайта, отнеситесь к выбору фона должным образом, удачи.

*Не используйте ветку для набора постов - благодарю.*
 
Последнее редактирование:
Для просмотра ссылки Войди или Зарегистрируйся - Free Background Textures Library - Бесплатная библиотека фоновых текстур

удобный выбор текстур, они представлены в виде каталога. при наведении на изображение - это изображение становится background'ом страницы, то есть сразу же можно посмотреть фон на текущем сайте.
А кто-нибудь может подсказать как сделать фон подобный этому? Для просмотра ссылки Войди или Зарегистрируйся
При движении страницы обьекты начинают двигаться вместе с мышкой. Происходит эффект падения или поднятия.
это называется parallax effect (parallax scrolling) - когда разные слои на сайте двигаются с разной скоростью при прокручивании страницы, либо это слои по разному реагируют на движение мышью.

вот пример с готовым скриптом уже - Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование модератором:
  • Нравится
Реакции: Caro
Нигде не могу найти стальной фон для сайта, может кто-нибудь встречал?
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху