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

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

Дизайн меню: интересные решения

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

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

Сarbonica. Активное меню обозначается рисованой стрелкой

Alessioatzeni. Активное меню подсвечивается. Также все время подсвечивается кнопка «Home»

Vondutch. Миниатюрное меню размещено слева — при наведении мышью показывается называние рубрики

Naksfood. Активное меню подчеркивается

South bound festival предлагает интересный эффект при наведении мышью на рубрику. При этом в белой «тучке» при наведении также значится краткое описание рубрики и под-рубрики

Mattdelbridge. Активное меню меняет цвет: название рубрики закрашивается в красный цвет, а фон — в белый

Dreamdust. Оригинальный эффект при наведении — значки в меню сменяются на слова-названия рубрик

Story Rocious.  В то время, как на других сайтах активно меню подсвечивается ярче, на этом сайте активное меню блекнет

Cassys design. Активное меню якобы обводится карандашом

Stephencaver. Меню располагается в виде плиточек как вверху страницы, так и внизу

Bonlook. При наведении выпадает список изображений с очками

Cisco London 2012. Меню раздвигается и сдвигается. Список под-рубрик появляется справа от активного меню

Dan Waldschmidt. Два различных меню располагаются на верхней панельке и списком внизу

Сайт Team fanny pack - настоящая газета со всеми вытекающими. Рубрики располагаются под название сайта и реализованы с помощью CSS. Также основное меню расположено слева и имеет вид закладок

Сайт Delibarapp  получил бумажный дизайн. Рубрики созданы в стилистике сайта в виде бумажных табличек. При этом активная рубрика подсвечивается

 

Chris Jenning. При наведении разноцветное меню «подпрыгивает»

Heart shaped workМеню растягивается на всю ширину экрана и светится белым при наведении

Eastpoint. Меню находится слева  в виде списка и подсвечивается красным

 

Narwhalcompany. Иконка активного меню прорисовывается четче, чем остальные рубрики

Smriyaz При наведении неровное меню в виде плиточек вверху страницы подсвечивается

Visitutah. Каждая рубрика открывает отдельное небольшое окно с картинкой, где собственно и значатся под-рубрики

Icff. Верхнее рисованное меню при наведении «подпрыгивает»,  а основное активное меню подчеркивается

Hydroholistic. Меню при наведении подсвечивается розовым и появляется всплывающее окно с описанием рубрики

Medis kokoch bar. Над активным меню появляется характерная иконка

Сonwayco work. Меню расположено по всей площади главной страницы сайта. При наведении меню меняет цвет с черного на желтый

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

Также читайте:   

 




Комментарии

  1. jack
    Thumb up Thumb down +16

    Naksfood. Активное меню подчеркивается<<

    аж с ума сошел от оригинальности)

  2. don_digidon
    Thumb up Thumb down +4

    >> "Alessioatzeni. Активное меню подсвечивается. Также все время подсвечивается кнопка «Home»<<

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

    Бубяка Ответ:

    Thumb up Thumb down +6

    +1. Это говорит о внимательности писавшего статью человека. Он видимо даже не переходил по другим разделам.

    alex Ответ:

    Thumb up Thumb down -3

    Комментарий скрыт из-за рейтинга

    don_digidon Ответ:

    Thumb up Thumb down +5

    э, нет, «подсвечивается все время» и «подсвечивается при наведении» — разные вещи, их сложно перепутать.

  3. Ксения
    Thumb up Thumb down +5

    Тут есть интересные, но есть и баян.

  4. Игорь
    Thumb up Thumb down +1

    Какие же вы молодцы! Спасибо за примеры!

  5. Артём
    Thumb up Thumb down 0

    Как всегда интересно, и как обычно — грустно.

    Потому-что нет примеров отечественного производства.

    ismari Ответ:

    Thumb up Thumb down 0

    Артём, нет отечественного, потому что еще будет такая подборка ;) А еще, увы, отечественного не так много хорошего...