Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Макет сайта /

Этапы создания макета сайта. Часть 2 Определение фона для макета сайта.

АвторАвтор: aklychin

Дата добавленияДата добавления: 06.06.2013

Число просмотровЧисло просмотров: 4799



Здравствуйте уважаемый читатель блога "Основы сайтостроения и web дизайна".


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


И так, в разработанном вами дизайне предусмотрен фон, на котором будет располагаться непосредственно рабочая область сайта. При этом вам обязательно это необходимо отразить в создаваемом макете. Для этого достаточно к уже определенной ширине макета добавить 40 – 60рх.


То есть, если вы разрабатываете шаблон для сайта с фиксированной шириной и определили его размеры, как 960х550рх, в дальнейшем вам необходимо установить размеры изображения (макета) равные 1020х550рх. На этом исходном слое и размещается фон для макета, а на следующем слое уже определяется рабочая область будущего сайта. Таким образом, мы получаем задуманное фоновое сопровождение рабочей области сайта.


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


Определение фона для  макета сайта


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


Цветовой фон. Фон, который предусматривает использование однородного цвета или какого либо градиента. Иногда это может быть применение сразу нескольких цветов. Такие фоны легко заполняют все свободное пространство окна браузера и не требуют сложных манипуляций при верстке сайта;


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


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


Фон из полногабаритного изображения. В данном случает в качестве фона используется изображение. Это изображение должно занимать всю свободную область окна браузера. При этом уже правилами CSS создается эффект, такой, что фоновое изображение стационарно, а перемещение рабочей области сайта по вертикали происходит на фоне стационарной картинки.


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


Определение фона для  макета сайта


Комбинированный фон. Это сложный фон, который предусматривает использование в совокупности цветовой составляющей, бесшовных фоновых изображений, а так же изображений и картинок. Современные возможности в сайтостроении, а конкретней правила CSS позволяют без труда создавать самые сложные комбинированные фоны. Поэтому не стоит бояться экспериментов.


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


Не делайте фон ярким в цветовом решении. Это может отвлекать посетителя от той информации, за которой он пришел на сайт. Хочу еще раз повторить, фон должен быть неким продолжением основной визуальной темы сайта.


И последнее при создании макета сайта, если у вас нет конкретного решения по фону для будущего сайта, оставьте это решение на окончание работ. Поверьте создать фон для уже готового макета, будет намного проще, нежели отталкиваться от пустого места. И на этом на сегодня, пожалуй, все, читайте мой блог, комментируйте статьи мне очень интересна ваша оценка.


Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 10

Зарегистрировано: 17

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017