Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO
Анализ сайта: Проверка Траста

Как сделать красивую шапку для сайта и привлечь внимание посетителей

31 августа 2011
Комментарии: 13

Как сделать шапку для сайта красивой

Шапка или Header – это верхняя часть сайта, обычно общая для всех его страниц. При загрузке страницы первой появляется именно она.

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

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

Чем она лучше будет у вас сделана, тем больше положительных эмоций вызовет ваш сайт у посетителей.

Что и как должно находиться на шапке


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

С целью привлечь посетителей в шапку помещают:

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

• слоган компании, сайта – он должен описать суть всей информации на станицах;

• контактные данные для коммерческих лиц, организаций;

• контекстное меню или карта;

• блоки рекламы.

Могут присутствовать не все эти блоки. Главная задача шапки – связать элементы, которые часто не похожи по цвету и стилю. Она должна соответствовать тематике сайта, очень часто это целое произведение искусства.

Шапка блога seoslim.ru

Должен прослеживаться единый стиль и цветовая гамма со всем сайтом. Достаточно сложно определить ее высоту.

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

Как получить красивую шапку

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

нарисовать в Photoshop. Если человек умеет пользоваться редактором и него хорошо развита фантазия, то можно самостоятельно создать уникальную шапку для сайта;

заказать у фрилансеров. За небольшие деньги мастера готовы создать любую шапку, насколько она красивая и удобная будет зависеть от профессионализма;

заказать разработку сайта в официальной компании. Гарантировано будет разработана особенная и неповторимая шапка для вашего сайта с учетом всех современных тенденций, но и стоимость несколько выше;

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

Мода на шапки для сайтов


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

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

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

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

фиксированная шапка. Небольшая полоса с логотипом и меню не помешает отображению информации, но посетителям будет легче перейти на другую страницу;

минималистичность все еще в моде;

объем. Уделяется большое внимание приданию странице глубины и объема, для этого в шапке пользуются приемами создания 3D эффекта.

Шапка сайта Вовки

Шапка сайта Борисова

Шапка сайта Терехова

Яркая или однотонная, с большим объемом информации или только с самым необходимым, большая или маленькая, динамичная или статичная – шапки для сайтов бывают самыми разными.

Все зависит от целей ее создания, от желания владельцев сайтов и от фантазии дизайнеров.

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

(4 голос., в среднем: 3,75 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (13)
  1. Алексей

    Хорошо шапка нужна не только на наступающая зиму, но и на сайт. У меня пока ерунда стоит. Надо подумать над ее изменением. Все-таки кое-какие редакторы стали мне знакомы

    Ответить
  2. Жук Юрий

    Я предпочитаю сам менять шапку на своем блоге. Конечно, когда буду менять дизайн и закажу его фрилансеру, тогда уж дело обстоит за ним. 😕

    Ответить
    • Максим Войтик

      Я тоже думал поменять шапку, но потом решил что лучше весь дизайн сменить.

      Ответить
  3. Николай

    Шапку должна быть только уникальной, если вы любите свой сайт, конечно.

    Овладеть фотошопом не так сложно, как кажется.

    Главное — полет фантазии, тогда шляпа будет необычная и креативная. 😐

    Ответить
  4. Жук Юрий

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

    Ответить
    • Александр

      Юрий, у тебя кстати красивый был сайт. Жаль что ты его бросил. Хотя домен ещё существует.

      Ответить
  5. Игорь

    Фантазия развита,идеи есть.Опыта в фотошопе нет.

    Все равно шапку сам сляпаю.

    Ответить
  6. Алиса

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

    Ответить
    • Игорь

      С начала,мы сами должны придумать что мы хотим.

      А после этого заказывать профессионалам.

      Ответить
  7. Алиса

    Ох, да, у меня сейчас конкретно голова по этому поводу болит! Я вот сейчас прочитала тут, что из шапки сразу должно быть понятно о чем сайт и сочетаться с доменом. А по моей задумке все не так. Чтобы понять о чем речь необходимо будет взглянуть на картинку. Это подарит, конечно, кучу позитива. Но вот на счет остального, не знаю. Будем думать дальше. Лучших идей просто нет! [:-|]

    Ответить
  8. Рашид

    У Александра Борисова очень красивая шапка. И у вас на блоге шапка красивая по тематике. При первом заходе на блог сразу можно понять тематику.

    Ответить
  9. Дмитрий

    Если человек руко...оп и не умеет рисовать красивые шапки, то лучше сделать его минимальным.

    Ответить
  10. Александр

    Я на одном из своих сайтов шапку сам пробовал рисовать. Не очень красиво и красочно конечно как на предложенных вариантах, но зато бесплатно. И на начальном уровне лучше особе не тратиться на разные вещи. А то вдруг завтра пропадёт желание вести блог, а денег жалко будет. Хотя с другой стороны это будет как стимул продолжать заниматься блогом.

    Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2017 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!