Дизайн меню: интересные решения
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. Меню расположено по всей площади главной страницы сайта. При наведении меню меняет цвет с черного на желтый
Автор: Дежурка
Также читайте:
- Сайты с интересным решением меню
- Оригинальные решения навигации на сайте
- Создаём забавное меню на чистом CSS
- Качественные бесплатные шаблоны навигации
- 6 уроков по созданию адаптивных навигационных меню
- Уроки по созданию кнопок и панелей навигации
- Создаем динамичное LavaLamp меню при помощи css3
18 июля 2012 в 11:45
Naksfood. Активное меню подчеркивается<<
аж с ума сошел от оригинальности)
18 июля 2012 в 15:29
>> "Alessioatzeni. Активное меню подсвечивается. Также все время подсвечивается кнопка «Home»<<
Кнопка Home подсвечивается только когда этот раздел является активным. Создатель сайта же не больной.
июля 18, 2012 at 4:22 пп
+1. Это говорит о внимательности писавшего статью человека. Он видимо даже не переходил по другим разделам.
июля 19, 2012 at 4:51 дп
Комментарий скрыт из-за рейтинга
июля 20, 2012 at 2:32 пп
э, нет, «подсвечивается все время» и «подсвечивается при наведении» — разные вещи, их сложно перепутать.
18 июля 2012 в 15:40
Тут есть интересные, но есть и баян.
19 июля 2012 в 12:07
Какие же вы молодцы! Спасибо за примеры!
19 июля 2012 в 15:15
Как всегда интересно, и как обычно — грустно.
Потому-что нет примеров отечественного производства.
июля 19, 2012 at 6:41 пп
Артём, нет отечественного, потому что еще будет такая подборка А еще, увы, отечественного не так много хорошего...