—»     —»   Более 20 примеров превосходных навигаций с зафиксированным расположением
  Раздел: Меню и Навигация, Тематические обзоры   Комментариев: 1  

Более 20 примеров превосходных навигаций с зафиксированным расположением

Это разновидность веб-сайтов, находясь на которых, Вы никогда не потеряете меню навигации, так как оно вас «преследует».

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

Блоги

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

Brian Casel

Более 20 примеров превосходных навигаций с зафиксированным расположением

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

David Appleyard

Более 20 примеров превосходных навигаций с зафиксированным расположением

Личный блог владельца «Design Shack» - Дэвида Аплеярда. Дэвид разместил строку поиска, социальную информацию, а также различные ссылки на другие сайты на своей зафиксированной панели, что позволяет легко и быстро ознакомиться со всем вокруг.

Doug Neiner

Более 20 примеров превосходных навигаций с зафиксированным расположением

Страница Doug Neiner в системе Tumblr следует тому же формату, как сайт Дэвида с различными ссылками на социальные ресурсы и разной информацией, которые зафиксированы с левой стороны экрана. У Доуга также приятный интерфейс и сообщения отображаются с металлическими столбиками и различными добавлениями, в зависимости от типа сообщения. В целом, достаточно уникальный дизайн.

Jaype

Более 20 примеров превосходных навигаций с зафиксированным расположением

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

Mark Jardine

Более 20 примеров превосходных навигаций с зафиксированным расположением

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

Навигация с правой стороны

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

Fat-Man Collective

Более 20 примеров превосходных навигаций с зафиксированным расположением

Fat-Man Collective – этот сайт наверняка понравится многим читателям этой статьи по одной простой причине – там толстяк! Этот сумасшедший персонаж висит с правой верхней стороны экрана. Он выглядит очень забавно и это очень важный аспект в области привлечения посетителей. И это еще не все – когда Вы начинаете прокручивать страницу, толстяк следует за Вами. Это вызывает если не смех, то улыбку – точно. Кликните по одной из ссылок под его ногами, и страница перейдет в нужную локацию, что, несомненно, приведет и к прыжку толстяка. Мы считаем, что разработчику этого сайта нужно пожать руку.

Piensa en Pixels

Более 20 примеров превосходных навигаций с зафиксированным расположением

Все что нам известно, содержимое сайта настолько смешное, что сайт можно прировнять к тому, что с толстяком (но они не похожи друг на друга). Piensa en Pixels представляет собой простой, но привлекательный сайт с ссылками на различные проекты, которые расположены с правой стороны страницы.

Sisu

Более 20 примеров превосходных навигаций с зафиксированным расположением

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

Горизонтальные сайты

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

Netontwerp

Более 20 примеров превосходных навигаций с зафиксированным расположением

Netontwerp использует jQuery для управления анимацией, которая появляется, когда Вы нажимаете по ссылке. В то время как весь сайт прокручивается, навигация остается на месте – в левой или правой части. Нам очень приглянулась концепция этого дизайна.

f$ dsign

Более 20 примеров превосходных навигаций с зафиксированным расположением

f$ dsign – еще один пример горизонтального сайта с javascript. На сайте есть 4 раздела, попасть в которые можно очень легко за счет зафиксированной панели навигации в левой части страницы.

Поймай меня, если сможешь!

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

Astrel Creative

Более 20 примеров превосходных навигаций с зафиксированным расположением

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

The Molitor

Более 20 примеров превосходных навигаций с зафиксированным расположением

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

И даже больше!

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

Irvine Acosta

Более 20 примеров превосходных навигаций с зафиксированным расположением

Fudge

Более 20 примеров превосходных навигаций с зафиксированным расположением

Black Estate

Более 20 примеров превосходных навигаций с зафиксированным расположением

Go Media

Более 20 примеров превосходных навигаций с зафиксированным расположением

Yes I Said Yes

Более 20 примеров превосходных навигаций с зафиксированным расположением

Ryan Dean-Corke

Более 20 примеров превосходных навигаций с зафиксированным расположением

Domani Studios

Более 20 примеров превосходных навигаций с зафиксированным расположением

Fallon

Более 20 примеров превосходных навигаций с зафиксированным расположением

Quay Side

Более 20 примеров превосходных навигаций с зафиксированным расположением
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 10090   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 21 ноября 2010 @ 19:15
Написал: Михаил — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Горизонтальный скролл (навигация) на русскоязычном сайте:

http://www.agentnata.ru/
http://www.contrast-interactive.com/
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц December по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Декабрь 2020    »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031