Backgorund - один из первых элементов дизайна сайта. Создание фона для сайта должно происходить в совокупной прорисовке всего дизайна в графическом редакторе.
Но иногда бывают случаи, когда срочно нужна фоновая подложка. Для таких случаев и для новичков в веб дизайне предлагаю подборку online сервисов по фонам (Backgorund).
http://www.nulled.cc/threads/236561/
Генераторы фонов:
http://www.stripegenerator.com/ - Один из самых известных "генераторов полос".
http://www.stripemania.com/ - Для поклонников полосок.
http://www.tartanmaker.com/ - Генерирует достаточно необычные узоры.
http://www.ogim.4u2ges.com/gradient-image-maker.asp - Хороший редактор фона.
http://secretgeek.net/GradientMaker.asp - Простой редактор фоновых подложек.
http://lab.rails2u.com/bgmaker/ - фон из вашей картинки
http://www.tilemachine.com/ - Редактор + База фонов.
http://bgmaker.ventdaval.com/ - Пиксельный редактор в реальном времени. (удобно)
http://bgpatterns.com/ - Фоны из иконок.
http://www.colourlovers.com/patterns/add - Редактор красивых фонов
http://stripedbgs.com/ - Очень простой редактор фонов
http://www.pixelknete.de/dotter/ - Редактор с просмотром фона
http://mudcu.be/bg/ - цветной генератор
http://repperpatterns.com/tool/ - мультяшные bg
Базы готовых фонов:
http://www.patterncooler.com/ - Отличный выбор фонов.
http://www.dinpattern.com/ - База фонов.
http://patterns.ava7.com/ - Удобная база с фильтром цветам и узорам.
http://thedesigninspiration.com/category/patterns/ - Большая база фонов.
http://browse.deviantart.com/resources/applications/patterns/ - Есть интересные фоны.
http://www.colourlovers.com/patterns - База "бесконечных" фонов.
http://everydayicons.jp/patterns.html - Небольшая подборка хороших фонов.
http://www.squidfingers.com/patterns/ - Бесконечные узорные фоны.
http://alice-grafixx.de/patterns - База разнообразных фонов.
http://www.kollermedia.at/pattern4u/ - Фоны по жанрам узоров.
http://donbarnett.com/tiles/tile.htm - Оригинальный сайт с оригинальными фонами.
http://www.pixeldecor.com/patterns.shtml - Небольшая подборка фонов.
http://patterrific.com/category/patterns/ - База Бэкграундов
http://www.noqta.it/dromoscopio/ - База фонов для сайта
http://www.portfelia.com/ - база фонов
http://www.brusheezy.com/patterns - Backgorund для сайты
http://www.stm.dp.ua/web-design/color-site.html - Однотонный цветовой фон
http://subtlepatterns.com/ - хороший набор паттернов
http://hotbliggityblog.com/ - фоны для блогов
http://patternhead.com/ - небольшая база фонов
http://lostandtaken.com/gallery - Платные и Бесплатные фоны
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: От фона зависит половина восприятия юзерами всего сайта, отнеситесь к выбору фона должным образом, удачи.
Но иногда бывают случаи, когда срочно нужна фоновая подложка. Для таких случаев и для новичков в веб дизайне предлагаю подборку online сервисов по фонам (Backgorund).
http://www.nulled.cc/threads/236561/
Генераторы фонов:
http://www.stripegenerator.com/ - Один из самых известных "генераторов полос".
http://www.stripemania.com/ - Для поклонников полосок.
http://www.tartanmaker.com/ - Генерирует достаточно необычные узоры.
http://www.ogim.4u2ges.com/gradient-image-maker.asp - Хороший редактор фона.
http://secretgeek.net/GradientMaker.asp - Простой редактор фоновых подложек.
http://lab.rails2u.com/bgmaker/ - фон из вашей картинки
http://www.tilemachine.com/ - Редактор + База фонов.
http://bgmaker.ventdaval.com/ - Пиксельный редактор в реальном времени. (удобно)
http://bgpatterns.com/ - Фоны из иконок.
http://www.colourlovers.com/patterns/add - Редактор красивых фонов
http://stripedbgs.com/ - Очень простой редактор фонов
http://www.pixelknete.de/dotter/ - Редактор с просмотром фона
http://mudcu.be/bg/ - цветной генератор
http://repperpatterns.com/tool/ - мультяшные bg
Базы готовых фонов:
http://www.patterncooler.com/ - Отличный выбор фонов.
http://www.dinpattern.com/ - База фонов.
http://patterns.ava7.com/ - Удобная база с фильтром цветам и узорам.
http://thedesigninspiration.com/category/patterns/ - Большая база фонов.
http://browse.deviantart.com/resources/applications/patterns/ - Есть интересные фоны.
http://www.colourlovers.com/patterns - База "бесконечных" фонов.
http://everydayicons.jp/patterns.html - Небольшая подборка хороших фонов.
http://www.squidfingers.com/patterns/ - Бесконечные узорные фоны.
http://alice-grafixx.de/patterns - База разнообразных фонов.
http://www.kollermedia.at/pattern4u/ - Фоны по жанрам узоров.
http://donbarnett.com/tiles/tile.htm - Оригинальный сайт с оригинальными фонами.
http://www.pixeldecor.com/patterns.shtml - Небольшая подборка фонов.
http://patterrific.com/category/patterns/ - База Бэкграундов
http://www.noqta.it/dromoscopio/ - База фонов для сайта
http://www.portfelia.com/ - база фонов
http://www.brusheezy.com/patterns - Backgorund для сайты
http://www.stm.dp.ua/web-design/color-site.html - Однотонный цветовой фон
http://subtlepatterns.com/ - хороший набор паттернов
http://hotbliggityblog.com/ - фоны для блогов
http://patternhead.com/ - небольшая база фонов
http://lostandtaken.com/gallery - Платные и Бесплатные фоны
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: От фона зависит половина восприятия юзерами всего сайта, отнеситесь к выбору фона должным образом, удачи.
| Рубрики: | интернет |
Комментариев нет:
Отправить комментарий