10 трендов в развитии футера или как сделать футер значимым элементом сайта

6

27046
12-03-2010

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

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

2. Кнопка «Back to Top» (Вернуться наверх)
Еще одна фишка, которая мне очень нравится. В футере находится кнопка, которая одним нажатием доставит вас обратно наверх страницы. Достигается простой установкой JavaScript кнопки. Особенно полезна для страниц, имеющих долгую вертикальную прокрутку. Просто и эффективно.10 трендов в развитии футера или как сделать футер значимым элементом сайта

10 трендов в развитии футера или как сделать футер значимым элементом сайта

3. Контрастный футер
Если вы хотите сделать футер заметным — сделайте его контрастным по отношению к основному фону страницы. В данном примере футер не только отличается по цвету, но и усилен связующей иллюстрацией, которая направляет взгляд пользователя к контактной информации в футере.10 трендов в развитии футера или как сделать футер значимым элементом сайта

4. Большая иллюстрация в футере
Если футер — это последний элемент, который видит посетитель на сайте, то почему бы не оставить о себе яркое и незабываемое впечатление с помощью большого красочного рисунка. Выглядит, действительно, здорово.10 трендов в развитии футера или как сделать футер значимым элементом сайта

10 трендов в развитии футера или как сделать футер значимым элементом сайта

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

10 трендов в развитии футера или как сделать футер значимым элементом сайта

10 трендов в развитии футера или как сделать футер значимым элементом сайта

6. Информация о владельце сайта в футере
Если не знаете, чем занять пространство футера, то можно заполнить его информацией о себе. Краткая и остроумная Bio в соседстве с небрежно брошенной фоткой добавят немного вашего присутствия и превратят сайт из строго профессионального в авторский.10 трендов в развитии футера или как сделать футер значимым элементом сайта

10 трендов в развитии футера или как сделать футер значимым элементом сайта

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

8. Ежедневно обновляемый блок
Очень привлекательная идея расположить в футере какой-нибудь ежедневно обновляемый блок, который бы имел практическое значение и стимулировал бы пользователя посещать сайт ежедневно. В приведенном ниже примере владелец сайта ежедневно обновляет блок с цветовыми палитрами.10 трендов в развитии футера или как сделать футер значимым элементом сайта

9. Интерактивная инфографика
Можно придумать массу способов, как представить информацию в новом и привлекательном виде. Один из таких путей — представление блока с архивными записями в виде интерактивного инфографика. Весьма оригинальный способ.10 трендов в развитии футера или как сделать футер значимым элементом сайта

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

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=1137
  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Комментариев 6 комментариев

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

ОтветитьОтветить

О, сорри! Исправила.
Теперь все нормально ))

ОтветитьОтветить

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

ОтветитьОтветить

@Денис:
Спасибо! Я тоже думаю, нужная информация всегда найдет своего читателя. А по поводу сложности исполнения… Наверняка самая первая работа дизайнеров, делающих сейчас подобную красоту, тоже не выглядела шедевром. Но со временем можно достичь и таких высот ))

ОтветитьОтветить

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

ОтветитьОтветить

@Простой:
Футер — однозначно поле для творчества ))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

44 queries in 0,271 seconds.