Футеры (подвалы сайтов) в современном веб-дизайне

Объявления:

Сайт дня: SEOVirus - Палим темы о заработке в Интернете!

Футеры (от англ. footer - нижняя часть) - это название нижних частей сайтов. В рунете их еще называют “подвалами сайтов”.

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

Я собрал подборку сайтов с красивыми нестандартными футерами и предлагаю ее вашему вниманию.

Футеры в современном веб-дизайне

Total-eclipse.gr - красивый футер греческого сайта об играх. Очень красивая картинка по теме сайта с ненавязчивой текстовой информацией:

wwwtotal-eclipsegr.jpg

Darkmotion.com - футер сайта по анимации. Этот футер доказывает, что на самом деле каждый может оформлять подвал своего сайта, руководствуясь своим вкусом и фантазией:

darkmotioncom.jpg

Edgepointchurch.com - сайт церкви Edgepoint. Футер эффектно оформлен с использованием рисованных элементов:

edgepointchurchcom.jpg

Globator.net - мой сайт по урокам Photoshop. Этот футер я создавал дней 7. Очень хотелось создать эффект почвы с травой. Верх сайта оформлен в виде легкого градиента, чтобы создать эффект неба:

globatornet.jpg

4design.tv/psp-music - очень красивый футер сайта из портфолио известной веб-дизайн студии 4design.tv. Рекомендую посмотреть все портфолио - сайты просто замечательные!

www4designtv-psp-music-in.jpg

Artflavours.com - сайт индийского веб-дизайнера. Эффект почвы с травой очень популярен:

wwwartflavourscom.jpg

Freelenz.at - сайт австрийского фрилансера Эвальда Наттера имеет простой, но привлекательный подвал:

wwwfreelenzat.jpg

Freepeople.com - “Свободные люди”. Сайт бутика одежды. Футер несет основную цель - предоставить посетителю ссылки на основные разделы сайта. Это один из способов грамотной внутренней перелинковки:

wwwfreepeoplecom.jpg

Gearcritech.com - сообщество техногиков. Заметка о компании, чиклеты RSS подписки и облако тегов - все, что нужно:

wwwgearcritechcom.jpg

Hopkingdesign.com - сайт английского дизайнера Меза Хопкинга. В футере расположена контактная информация, ссылка на фотоблог автора и форма e-mail подписки с небольшим креативным оформлением:

wwwhopkingdesigncom.jpg

Kulturbanause.de - у этого немецкого сайта красивый и оригинальный дизайн. Можно в правой колонке менять скин с дня на ночь (Daylight - Sunset). Вместо почвы с травой здесь использованы скалы и море:

wwwkulturbanausede.jpg

Larissameek.com - сайт Лариссы Мик, креативного директора компании AgencyNet из города Форт Лодердейл, что в моем любимом штате Флорида к северу от Майами.

wwwlarissameekcom.jpg

Mcjuniorclub.nl - голландский сайт детского клуба МcDonalds. По сути, футер несет только декоративную цель, зато замечательно гармонирует с остальным дизайном сайта:

wwwmcjuniorclubnl.jpg

Nickelodeon.nl/cartooncreator-creator - сервис по созданию мультфильмов. Кстати, можете попробовать создать свой мульфильм - там все просто делается. Футер оформлен довольно оригинально:

wwwnickelodeonnl-cartoonc.jpg

Opensourcetemplates.org - футер интересного сайта с бесплатными шаблонами для сайтов.

wwwopensourcetemplatesorg.jpg

Recklesslyabandoned.org - религиозный сайт с красивым футером. Полупрозрачные блоки - один из самых модных элементов в современном веб-дизайне:

wwwrecklesslyabandonedorg.jpg

Studio7designs.com - простой, но эффектный футер дизайн студии Studio7designs. Акцент сделан на номере телефона:

wwwstudio7designscom.jpg

Ttthings.com - сайт веб-дизайнера Хуанмо Тексидо из Парагвая. Яркий блик привлекает внимание посетителей к списку тегов:

wwwttthingscom.jpg

Кстати, если интересуетесь фотографией, то можете принять участие в фотоконкурсе для блоггеров на блоге Ageset.com.

Скоро закончу вторую часть статьи о том, как я увеличивал посещаемость этого блога до 1000 человек в сутки.

Глобатор

Десерт сегодня - человек, который спокойно обнимается со львами и гиенами.


Буду благодарен, если поделитесь этой статьей:
Опубликовать в twitter.com Опубликовать в своем блоге livejournal.com
Приглашаю присоединиться ко мне в следующих сервисах:
Мои группы:
↑ Как поставить такие же кнопки на свой сайт ↑
Эффективное продвижение статьями
Комментарии Вконтакте:

Пора попить кофе!
Комментарии Facebook:
Комментарии Wordpress:
Комментариев: 27

1. Inflammari 20 июня 2008 в 9:14 am

Очень интересная подборка! Я раньше не видела, чтобы заостряли внимание на подвалах, а ведь это очень важная часть дизайна сайтов.
Спасибо;)

2. killoff 20 июня 2008 в 10:31 am

прикольные футеры :)

3. Декоратор 20 июня 2008 в 1:19 pm

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

4. SeeD 20 июня 2008 в 2:43 pm

Неплохая подборка, спасибо :) было интересно посмотреть на креативные решения. Хочу выразить своё ИМХО, сказав, что достаточно популярные нынче “почвенные” футеры огромного размера мне лично (как посетителю) совсем не нравятся. Просто создается впечатление, будто это какой-то другой сайт. Слишком резок получается контраст.

5. chroino 20 июня 2008 в 2:45 pm

спасибо
Отличный материал, есть чему учиться.

6. Tod 20 июня 2008 в 3:43 pm

Я тоже хочу себе сделать нестандартный футер, жаль пока времени на реализацию не могу найти. Вообще туда можно “спихнуть” не сильно важные элементы сайдбара, которые убирать не хотелось бы, но чтобы они не загромождали ценную площадь.

7. STdio 20 июня 2008 в 4:04 pm

Выставляю так сказать на показ свой сайт, думаю дизайн вам понравится, шапка и футер на 5.
www.towerdefence.ru
Не реклама, только для просмотра :)

8. Владимир 20 июня 2008 в 6:27 pm

Да много прикольных подвалов, я бы тоже с удовольствием забабахал бы что-нибудь симпотишненькое, да вот умений не хватает, а денег тратить не хотся )))
PS globator.net классный футер ))) !!!

9. Вирусное СЕО 20 июня 2008 в 11:49 pm

Хм, за собой не замечал, что действительно - обращаю внимание на футеры!

Тот я и думал, зачем во многих темах блогов “последние комментарии”, “последние записи” выводят в футер сайта. Оказывается, вон оно чё :)

Надо заняться футерами своих сайтов.
Спасибо за интересный пост и подборку футеров!

10. Дизайнер-художник 21 июня 2008 в 10:46 pm

Мне тож пока свой не очень устраивает, но надо менять шаблон в целом. А значение подвала по сравнению с тем, что было раньше (копирайт, год) намного увеличилось и стало красивым функциональным дополнением! Красивые и приятные мелочи!

11. infected Mushroom 22 июня 2008 в 3:44 am

У твоего сайта всегда нравился футер :)
По началу конечно не привычно, так как WEB 2 В Россию с небольшим отстование пришел :)

12. Смоленский 23 июня 2008 в 2:09 am

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

13. safed 23 июня 2008 в 4:25 am

ТС, не подскажите, в футере баннеры замечают? Или не стоит их там размещать? Хочу купить показы, дешевые в футере, дорогие в шапке сайта. Может не экономить, а сразу баннер в шапке покупать?

14. Глобатор 23 июня 2008 в 7:50 am

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

safed, баннеры лучше покупать в шапке, в пределах “первого экрана”.

15. maximus 26 июня 2008 в 11:06 pm

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

16. Ko4evnik 30 июня 2008 в 1:03 am

Очень очень очень красиво!
Очень понравилось!
Хочу хороший дизайн своему сайту:(

17. Flesh`er 06 июля 2008 в 12:51 am

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

18. Дмитрий 07 июля 2008 в 2:01 pm

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

19. DimoninG 12 июля 2008 в 12:24 am

Когда я рисую дизайн, у меня постоянная проблема - как сделать нормальный подвал :(( Обычно тупо отделяю чертой :((

20. Сева 12 июля 2008 в 11:40 pm

Футер должен быть не только необычным, но и учитывать особенности систем типа сапы ;)

21. blogomober 13 июля 2008 в 6:42 pm

Щас яша плохо берёт в расчёт ссылки с футера. Особенно продажные

22. Flash 13 июля 2008 в 10:28 pm

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

23. Dushes 31 июля 2008 в 11:33 pm

Да на самом деле. Очень обидно становится смотреть, что большинство сайтостроителей теперь делают свои ресурсы не для масс, а для заработка и всякого рода сап.. Качество соответственно теряется (((

24. Катя 23 сентября 2008 в 4:02 am

Я тоже хочу красивый футер но еще не знаю как его делать. может оставите ссылочку на урок?

25. Глобатор 23 сентября 2008 в 10:44 am

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

26. Любитель сказок про ежиков 26 сентября 2008 в 11:30 am

Очень интересная подборка! Особенно поонравились футеры http://edgepointchurch.com/ здесь и на сайте индийского дизайнера :) теперь даже немного завидую :))

27. Terehoff 22 декабря 2008 в 8:11 pm

Интересно, когда у меня хватит знаний верстки чтобы на своем блоге поправить свой футер или совсем новую тему под себя сделать. Михаил - как всегда спасибо за красивую подборку!

Подписаться на обновления shakin.ru по RSS

Количество RSS подписчиков Рейтинг блогов




Новый сервис ссылок навсегда





Эффективная биржа ссылок

Обновления сайта

Читать Shakin.ru в твиттере
Читать Shakin.ru в Google Reader
Читать Shakin.ru в Яндекс.Ленте


Достигнутые цели


Мои бесплатные рекомендации

В случае перепечатки материалов обязательно мое письменное разрешение и прямая индексируемая ссылка на Shakin.ru
Продвижение сайтов, веб-дизайн и креатив © 2007-2012