Веб-дизайнеры всегда пытаются найти баланс между юзабилити и акцентированием внимания на визуальных аспектах при разработке сайта. Без этого баланса был бы перекос либо в одну, либо в другую сторону. Сайтом можно было бы постоянно любоваться, но на нем очень трудно было бы ориентироваться. Или, возможно, на сайте было бы легко ориентироваться, но он имел бы просто ужасный дизайн. Баланс между привлекательностью сайта и его удобством не должен быть слишком сложным. Чтобы помочь Вам в генерировании новых идей и вдохновить на поиск новых решений в создании меню, в этом материале представлено 30 примеров привлекательных и полезных, на наш взгляд, навигационных меню.
Typographica
Этот сайт отличается особой простотой меню, которое позволяет пользователям легко ориентироваться. Если вы наведите курсор мыши на названия разделов, находящихся под логотипом, то Вы увидите, что слово "Type" выделено особо, и, является началом названия каждого из трех разделов на сайте.
Atebits
Ссылки в виде изображений подсвечиваются при наведении на них курсорома мыши. Это просто, привлекательно, и очень эффектно.
Contrast.ie
Навигация по сайту Contrast.ie — это уникальный подход к созданию стильного меню. Все кнопки меню размещены на сайте в виде комментариев.
Search Inside Video
Навигация в виде стрелки точно направляет Вас по сайту.
Leihu
Если Вы наведете мышку на ссылку «Learn more», то увидите как на лице автора сайта появиться широкая улыбка. Остальные ссылки меню сопровождаются моментальными подсказками рядом с указателем мыши.
Forty
Меню сайта Forty создано с использованием изображений. Стрелки привлекают внимание пользователя к нужным разделам сайта.
Healogix
Меню сайта Healogix - это четыре важных вопроса. Когда? Что? Почему? Кто? Все эти вопросы выделены большим текстом, что обращает внимание пользователей. При этом при клике по пунктам меню пользователь не уходит с главной страницы сайта.
Ideas on Ideas
На сайте есть только одна ссылка и она ведет … на главную страницу сайта. Но зато как творчески это подана пользователю.
Sarah Longnecker
Активный пункт меню специально выделен, что позволяет пользователю легко идентифицировать его от остальной части сайта.
Made By Elephant
Меню сайта Made By Elephant большое, но в тоже время очень простое в использовании. Голубой текст меню приятно контрастирует с тяжелым красным и черным цветом остальной части сайта.
Work at Play
Как только Вы начнете использовать кнопки меню этого сайта, так сразу заметите, что фон и цвет всего сайта быстро изменяется.
Clear Left
Pattern Tap
Большая зеленая стрелка подробно рассказывает о каждом разделе сайта. А клик по стрелке направляет Вас в следующий раздел сайта.
Unstoppable Robot Ninja
Red Nose Day
Основные ссылки меню хорошо вписываются в игривый стиль сайта, сохраняя при этом удобство для пользователя.
Polar Gold
Меню смотрится красочно и игриво с использованием JavaScript и Flash.
Webpage FX Blog
Уникальный и интересный пример меню. Ссылки в главном меню блога в то же время являются словами отдельного предложения.
Opera Ma-gé
Зеленый цвет в меню подчеркивает единообразие между меню и остальной частью сайта.
Owltastic
Меню сайта Owltastic является прекрасным примером хорошо разработанного меню. Каждый элемент главного меню оживляется, когда на него наводят курсор мыши.
Guillaume Pacheco
Также как и на сайте Owltastic, здесь есть реакция на действия пользователя, когда он наводит курсор мыши на меню.
Full Cream Milk
Отличный пример того, как меню может быть удобно как для простых пользователей, так и для поисковых систем.
Arca Lui Noe Hotel
Меню очень стильное и добавляет дополнительный изыск в общий дизайн сайта.
Sushi & Robots
Сайт Sushi & Robots использует элегантные шрифты для создания красивого и привлекательного меню, которое отлично выделяется.
Sharify
Меню сайта Sharify особенно приятно для глаз, из-за использования контраста между белым текстом меню и голубым фоном.
Stephen Caver
Здесь меню является первым и основным объектом сайта, который видит пользователь.
Thought and Theory
Этот сайт использует минималистский подход в создании меню. И это работает. Ничто не отвлекает пользователя от содержания.
Slightly More
Высокий контраст черного и белого повышает удобство в использовании данного сайта. Использование JavaScript для аминирования меню добавляет сайту интерактивность.
Ulster Grocer
Adaptd
Sac Jazz Festival 2009
Этот сайт обладает таким меню, которое даже не придется искать пользователю. Кроме того, яркий живой цвет меню добавляет еще больше цветов на страницу сайта. Все элементы дизайна бесшовно соединены друг с другом.
Оригинал статьи: http://www.webdesignerwall.com/trends/30-examples-of-attractive-nav/
