Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Оригинальные решения навигации на сайте

10 июля 2012 | Опубликовано в Веб-дизайн | 1 Комментарий »

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

Сайт Dbworks предлагает довольно интересную навигацию стрелочками вверх-вниз. Навигационное меню расположено слева.

Ideas on ideas.   Меню реализовано в формате плиточек. Каждый линк по сути «говорит» к пользователю,повествуя об информации,  которой располагает.

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

Меню на  сайте Jamesanderson613 при наведении  открывает иллюстрацию и перенаправляет пользователя на необходимую страницу.

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

Psychnpsych. Каждое слово и каждый блок  на сайте ведет  к определенной рубрике, которая раскрывает смысл слова.

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

Среди сотни белых графических картинок на черном фоне сайта The Кennedys, меню подсвечивается бледно-желтым цветом и мерцает. При нажатии на рубрику, контекст всплывает поверх основной страницы сайта.

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

Moodsofnorway - это интересная подсветка меню и по сути фон сайта остается прежним, но передвигается основной контент, зависимо от рубрики.

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

 Enviramediaменю подсвечивается, а содержание рубрики в формате текстового сообщения появляется непосредственно справа.

Активное меню на сайте Pienternet при наведении закрашивается черным цветом и перенаправляет вас на другую страницу сайта. Аллюзия к перелистыванию страниц, как в газете.

Lieading-art — это выпадающее меню, при этом активное меню подчеркивается и подсвечивается красным. Передвижение на сайте происходит сверху-вниз через нажатие на ту или другую рубрику, при этом присутствуют вспомогательные стрелочки-кнопки справа.

Wearemanic. Навигация на сайте осуществляется сверху-вниз, при этом «путешествие» по сайту осуществляется посредством клика на определенную рубрику.

Macrabbit - отличный пример оригинального меню и перемещения по сайту.

Paolocavanna. Весь сайт  - это голова дизайнера и разработчика Пауло Каванна. Аллюзия к старинному учебнику по биологии. Нажимая на рубрики-подписи (подсвечиваются красным), пользователь путешествует вниз одностраничного сайта.

Cldesignz.  Активное меню (название рубрики и человечек-герой сайта) подсвечивается. При этом справа присутствует вспомогательное меню — которое позволяет передвигаться между рубриками, а также возвращаться на исходную точку.

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

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

Vanityclaire. Навигация по сайту осуществляется справа-налево и наоборот. При это пользователь всегда видит вспомогательные кнопки — Home, Back, Next.

Jonathanyuen - чрезвычайно оригинальный и необычный пример навигации на сайте.  Рубрики появляются при клике на небольшой значок в правом углу сайта. После рубрики появляются — рисуются одна за одной после каждого клика

Автор — Дежурка 

Также Вас могут заинтересовать следующие статьи: 

 

 




Комментарии

  1. SAiNT
    Thumb up Thumb down 0

    честно — задолбали уже своим парралаксом *NO*