—»     —»   20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией
  Раздел: Меню и Навигация   Комментариев: 2  

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией



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

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

Явные преимущества подобных веб-сайтов:

* Их можно просматривать довольно быстро, загрузив лишь единожды
* Страницы можно разбивать на части по темам
* Из веб-сайтов можно делать настоящую КОНФЕТКУ (обеспечивая их лёгкую читаемость и простоту их использования)

Ладно, это было моё мнение, мне этот эффект, ну, очень нравится!

Я собрал 20 убедительных примеров разных, но действительно, хороших веб-сайтов, на которых применена такая скользящая навигация, призываю вас ознакомиться с каждым из них, они точно не оставят вас равнодушными! Если же вам, всё-таки, не понравится данный приём оформления навигации, поделитесь со мной своими соображениями в комментариях: Чем он вам не нравится?

Пример:

А теперь посмотрите на этот пример с краткими пояснениями:

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

Подборка:

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

01. tympanus

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

02. Soft Facade

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

03. Charles Elena

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

04. Plastic Beach Watch - больше не работает

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

05. Creative Switch

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

06. Ajax Masters

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

07. Zuls Design

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

08. Agigen

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

09. UD+M

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

10. Tyrale

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

11. Bobwal

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

12. Rotciv

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

13. My name is Orman

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

14. F5

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

15. Eduardo de La Roque

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

16. two 24 STUDIOS

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

17. Mateusz Pasternak

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

18. Vanity Claire

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

19. Fridge Works

20 примеров потрясающих веб-сайтов со скользящей горизонтальной и вертикальной навигацией

20. X Graphica

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

Ключевые тэги: веб-дизайн, дизайн сайтов
Опубликовал Design FactoRy   Прочитано (раз): 14003   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 21 ноября 2010 @ 19:16
Написал: Михаил — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Горизонтальный скролл (навигация) на русскоязычном сайте:

http://www.agentnata.ru/
http://www.contrast-interactive.com/
Комментарий #2: 27 августа 2012 @ 19:50
Написал: Настасья — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Обожаю горизонтальный скролл, нашла недавно такую клевую подборку: http://templates.motocms.ru/blog/interesnosti/podborka-stilnyx-sajtov-s-gorizont
alnym-skrollom/

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

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

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


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930