—»     —»   62 необычных навигационных меню на CSS, Flash и Javascript
  Раздел: Меню и Навигация   Комментариев: 4  

62 необычных навигационных меню на CSS, Flash и Javascript



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

Сегодня мы представляем вам 62 привлекательных навигационных меню, основанных на CSS, javascript или технологии Flash.

Навигационное меню на CSS

01. Loodo.com

Игры по типу казино или змейки и лесенки, украшенные красивым красочным меню.

62 необычных навигационных меню на CSS, Flash и Javascript

02. Change.org

Здесь мы видим отличное мягкое цветовое решение и интересный эффект при раскрытии подменю.

62 необычных навигационных меню на CSS, Flash и Javascript

03. Acko.net

Стивен Уиттенс (Steven Wittens) предлагает нам другую перспективу этого меню.

62 необычных навигационных меню на CSS, Flash и Javascript

04. UXBooth.com

На сайте UX Booth можно увидеть стильное, но очень простенькое меню.

62 необычных навигационных меню на CSS, Flash и Javascript

05. MacRabbit.com

На сайте MacRabbit, что очевидно, используется меню в стиле MAC OS или Apple.

62 необычных навигационных меню на CSS, Flash и Javascript

06. Joyent.com

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

62 необычных навигационных меню на CSS, Flash и Javascript

07. Nopoko Graphics

Утонченность и простота данного портфолио точно приглянётся вам.

62 необычных навигационных меню на CSS, Flash и Javascript

08. Icon Designer.com

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

62 необычных навигационных меню на CSS, Flash и Javascript

09. Designsensory.com

Выпадающее меню, в котором используется 2 цвета, которые символизируют активный пункт меню и неактивный.

62 необычных навигационных меню на CSS, Flash и Javascript

10. Smallstone.com

Американский рекорд-лейбл Small Stone recordings использовали меню в виде радио, или же в виде Space Echo Roland SE-201.

62 необычных навигационных меню на CSS, Flash и Javascript

11. TNVacation

Нечто вроде карты, с помощью которой вы сможете «разведать» весь веб-сайт.

62 необычных навигационных меню на CSS, Flash и Javascript

12. Clever Twist

Круглое меню в стиле Apple, в котором представлены приложения для iPhone.

62 необычных навигационных меню на CSS, Flash и Javascript

13. Clear Left

В Clearleft в качестве меню использовали нечто вроде календарика с запланированными заданиями.

62 необычных навигационных меню на CSS, Flash и Javascript

14. Tulumarka

Выделенный пункт меню как будто находится в нажатом состоянии.

62 необычных навигационных меню на CSS, Flash и Javascript

15. Ars Technica

Клик по пункту меню раскрывает дополнительное подменю. Меню выглядит вполне простым, хотя и окрашено в черный цвет.

62 необычных навигационных меню на CSS, Flash и Javascript

16. 45royale inc.

В этом меню использован простой и приятный отличный эффект при наведении.

62 необычных навигационных меню на CSS, Flash и Javascript

17. CSS Beauty

Размер букв настолько мил и необычен, и именно это привлекает ваше внимание.

62 необычных навигационных меню на CSS, Flash и Javascript

18. Design Intellection

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

62 необычных навигационных меню на CSS, Flash и Javascript

19. Microformats

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

62 необычных навигационных меню на CSS, Flash и Javascript

20. ronnypries.de

Отличным концептом навигационного меню воспользовались дизайнеры веб-сайта Ronny Pries. Пользователи ориентируются по плану на полу.

62 необычных навигационных меню на CSS, Flash и Javascript

21. Jiri Tvrdek

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

62 необычных навигационных меню на CSS, Flash и Javascript

22. Matt Dempsey

Посмотрите, как креативно Мэтт Демпси (Matt Dempsey) использует мазки кисти.

62 необычных навигационных меню на CSS, Flash и Javascript

23. Cognigen

Отличный вариант реализации навигационного меню.

62 необычных навигационных меню на CSS, Flash и Javascript

24. District Solutions

Вертикальные вкладки, которые выглядят как папки, работающие непосредственно на веб-сайте. Очень редко используется данный способ, но отлично работает и выглядит.

62 необычных навигационных меню на CSS, Flash и Javascript

25. Jeff Sarmiento

Навигационное меню, реализованное в стиле музыки панк-рок. Посмотрите, как Джефф Сармиенто (Jeff Sarmiento) реализовал данную идею.

62 необычных навигационных меню на CSS, Flash и Javascript

26. Racket

Нечто вроде иерархии. Еще один креативный способ реализации навигационного меню.

62 необычных навигационных меню на CSS, Flash и Javascript

27. DFW

Пиктограммы повышают чувство взаимодействия с меню.

62 необычных навигационных меню на CSS, Flash и Javascript

Навигационные меню, разработанные с помощью технологии Flash

28. Iipvapi

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

62 необычных навигационных меню на CSS, Flash и Javascript

29. Moodstream | Getty Image

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

62 необычных навигационных меню на CSS, Flash и Javascript

30. Not Forgotten – The Movie

Интересное и привлекательное меню в стиле карт «Таро». Если вы кликните по карте, она тот час отправится в огонь.

62 необычных навигационных меню на CSS, Flash и Javascript

31. Waterlife

Жидкое навигационное меню, которое создаст у вас ощущение движения волн на озере.

62 необычных навигационных меню на CSS, Flash и Javascript

32. Nick Jones

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

62 необычных навигационных меню на CSS, Flash и Javascript

33. Marc Ecko

На сайте Marc Ecko нам представлена навигация в виде галереи изображений. Она позволяет посетителям пройтись по страницам искусства и философии.

62 необычных навигационных меню на CSS, Flash и Javascript

34. HBO

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

62 необычных навигационных меню на CSS, Flash и Javascript

35. Got Milk?

Интересное навигационное меню с простым эффектом при наведении. Когда вы наводите курсор на пиктограмму, отображается содержимое меню.

62 необычных навигационных меню на CSS, Flash и Javascript

36. AgencyNet

Дизайн-агентство по разработке навигационных меню, расположенное в Нью-Йорке и Форт-Лодердейле.

62 необычных навигационных меню на CSS, Flash и Javascript

37. 2Advanced Studios

Стильный дизайн навигации в стиле нео-древности с фоном в виде фресков.

62 необычных навигационных меню на CSS, Flash и Javascript

38. NickAD

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

62 необычных навигационных меню на CSS, Flash и Javascript

39. Dave Werner

Креативный человек использует собственные работы для привлечения посетителей в портфолио.

62 необычных навигационных меню на CSS, Flash и Javascript

40. Section Seven Inc.

На сайте Section Seven реализовано интересное меню в стиле брошюры с подменю.

62 необычных навигационных меню на CSS, Flash и Javascript

41. Cathy Beck

Навигационное меню, которое открывается и закрывается при выборе определенных пунктов.

62 необычных навигационных меню на CSS, Flash и Javascript

42. Beside

На сайте Beside навигационное меню реализовано в стиле радуги.

62 необычных навигационных меню на CSS, Flash и Javascript

43. Christian Sparrow

Концепт портфолио из картона. Очень интересный эффект при наведении.

62 необычных навигационных меню на CSS, Flash и Javascript

44. Enila.fr

Маленькие кубики, сложенные вместе, выполняют роль навигационного меню.

62 необычных навигационных меню на CSS, Flash и Javascript

45. Havaianas

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

62 необычных навигационных меню на CSS, Flash и Javascript

46. Square Circle

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

62 необычных навигационных меню на CSS, Flash и Javascript

47. TBWAHAKUHODO

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

62 необычных навигационных меню на CSS, Flash и Javascript

Меню навигации, разработанные при помощи технологии javascript

48. Agami Creative

Простое и приятное для глаз меню навигации в разных цветах.

62 необычных навигационных меню на CSS, Flash и Javascript

49. Dragon Interactive

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

62 необычных навигационных меню на CSS, Flash и Javascript

50. The White House

White House действительно несёт в массы много полезное информации. Любую информацию очень легко найти посредством выпадающего меню с разделами.

62 необычных навигационных меню на CSS, Flash и Javascript

51. Eric Johansson

Эрик Йоханссон (Eric Johansson) на своей веб-сайте реализовал скользящее меню на javascript.

62 необычных навигационных меню на CSS, Flash и Javascript

52. Helmy Bern

Разметка навигации выполнена в странном грубом стиле, а само меню дополнено эффектом выпадения, реализованным при помощи jQuery.

62 необычных навигационных меню на CSS, Flash и Javascript

53. Internet Dreams

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

62 необычных навигационных меню на CSS, Flash и Javascript

54. Panic - Coda

Здесь для навигации были использованы знакомые и популярные пиктограммы.

62 необычных навигационных меню на CSS, Flash и Javascript

55. TapTapTap

Навигация в стиле меню ресторана. Мне на самом деле нравится это навигационное меню за простой, но очень креативный дизайн.

62 необычных навигационных меню на CSS, Flash и Javascript

56. Kobe

В этом навигационном меню вы увидите интересные эффекты переходов, реализованные посредством специальных плагинов.

62 необычных навигационных меню на CSS, Flash и Javascript

57. BlogHelpr

Навигационное меню с интересным гибким дизайном. Очень креативный способ реализации.

62 необычных навигационных меню на CSS, Flash и Javascript

58. EyeDraw

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

62 необычных навигационных меню на CSS, Flash и Javascript

59. Andreas Hinkel

На сайте Andreas Hinkel используется интересный эффект фотоснимков в стиле Polaroid.

62 необычных навигационных меню на CSS, Flash и Javascript

60. Museu Gulbenkian

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

62 необычных навигационных меню на CSS, Flash и Javascript

61. Sapphire Sound

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

62 необычных навигационных меню на CSS, Flash и Javascript

62. Design Slicing

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

62 необычных навигационных меню на CSS, Flash и Javascript

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

Ключевые тэги: javascript, Flash, CSS
Опубликовал Mysterious Master   Прочитано (раз): 30906   |   Оставлено комментариев: 4
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 28 февраля 2011 @ 12:39
Написал: droogoi — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Всплывающая реклама отталкивает Ваших посетителей. Лично я больше не вернусь сюда только по этой причине. Навигация испорчена всплывающей рекламой напрочь. Хотя, информация и интересная. Но, поищу более удобный сайт
Комментарий #2: 28 февраля 2011 @ 12:58
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
droogoi, ваше право ...
Комментарий #3: 8 марта 2011 @ 10:05
Написал: Сергей — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
да уж, и меня достала ваша всплывающая реклама!
Комментарий #4: 8 марта 2011 @ 10:14
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
Сергей, решение здесь.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

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

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


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


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930