5.0 0.5 5 39

Как сделать шапку для сайта?

Дмитрий Ермолинский
Дмитрий Ермолинский
10 января 2013
2601
Оцените:
Как сделать шапку для сайта?

Шапка сайта либо иначе header – это важная часть дизайна сайтов. Но, не каждый знает, как сделать шапку для сайта впечатляющей. У привлекательной шапки имеется несколько плюсов:

  • Сайт будет смотреться на профессиональном уровне;
  • Сайт становится узнаваемым и уникальным;
  • Правильная шапка для сайта определяет направленность тематики;
  • Устанавливает корпоративную символику фирмы.

Самый простая шапка

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

Первым способом получить шапку к своему сайту – это воспользоваться сервисом и скачать шапку для сайта бесплатно. С его помощью можно получить довольно приличные шаблоны. Вот такие ресурсы:

  • FreeWebPageHeader -  имеются как платные темы для шапки сайта, так и бесплатные. Бесплатный вариант просто копируется с экрана;
  • Header.at.ua - помимо шапок статического вида, имеются даже флеш-шапки, правда, выбор не очень широк;
  • Pro-Website.net - имеется набор ресурсов, предоставляющих шаблоны для шапок бесплатно.

Шапка в Xheader

Данный вариант также бесплатный, но здесь необходим креативный подход, но в результате вы получаете практически уникальная, профессиональная шапка для сайта. С Xheader не проблема как сделать шапку для сайта в течение нескольких минут. У программы имеется две версии: платная и бесплатная. Но, даже у бесплатной версии много возможностей:

  • Можно сделать свой индивидуальный header используя инструментарий программы либо взять готовые шаблоны, предлагаемые программой;
  • В бесплатной версии имеется 500 разных графических шаблонов header;
  • Шаблоны распределены по категориям, поэтому несложно выбрать такой, который будет подходить к вашему сайту;
  • Есть возможность изменения размеров шапки;
  • Благодаря использованию слоев можно располагать элементы графики в необходимом порядке;
  • Сохранение проектов происходит в расширении XHF, благодаря чему есть возможность редактировать шапку;
  • В финальном варианте шапка для сайта будет сохранена в формате JPG;
  • Можно предварительно посмотреть, как шапка будет выглядеть в окне браузера;
  • Можно добавлять и видоизменять разного рода элементы графики: квадраты, овалы, прямоугольники, линии и круги. Окрашивать их в разные цвета и применять к ним эффект прозрачности;
  • Есть возможностьсоздавать шапки для сайта UcoZ и вставлять в шаблоны свои изображения: например: логотип, портрет и т.д.;
  • Также имеется возможность добавления и редактирования текстовых элементов, придания им цвета и прозрачности, использования спецэффектов;

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

Шапка в Adobe Photoshop

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

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

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

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

Привлекательно будет смотреться, если сделать шапку сайта в фотошопе и вставить изображения кнопочек главного меню. Разные кнопки предварительно создаются также в фотошопе. Подпишите их, исходя их основных разделов сайта. Используя ImageReady, полученное изображение разбивается на отдельные сегменты, благодаря чему в будущем создаются ссылки к разным разделам сайта. Обязательно сохраните полученный результат вашего творчества – и вы получите уникальную шапку для сайта.

Наиболее профессиональный подход – это шапка для сайта, бесплатно сделанная самостоятельно, с учетом всех индивидуальностей сайта и предполагаемой его уадитории.

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!