1 заметка с тегом

меню

Альтернативы выпадающему подменю в дизайне

Дизайн некоторых элементов сайтов настолько устоялся, что необходимость в их изменения подчас даже не приходит на ум. Одним из таких элементов является меню. И хотя трудно представить как нужно изменить этот элемент, некоторые его составляющие все чаще вызывают у меня недоумение. Рассмотрим выпадающие подменю из главного меню, которое применяется на большинстве сайтов, которые мне встречаются в интернете. Что смущает? Ну почему они должны перекрывать при выпадении другие элементы дизайна! А иногда, когда в подменю много элементов, эти области просто огромны. Как можно избежать этого?

Способ первый: от вертикали к горизонтали

Расположить элементы подменю линейно под основным меню. Как видите на иллюстрации, такое расположение не перекрывает сильно картинку (можно даже вообще убрать перекрытие). Минус при таком расположении в сложности попадания в крайние пункты подменю, а про подподменю вообще молчу!

Способ второй: показываем все

А зачем вообще их прятать? Можно же сделать подменю частью дизайна! Идея конечно так себе, но в некоторых проектах может сработать.

Способ третий: шаг за шагом

А почему бы не показать элементы подменю после перехода по ссылке в меню? Хм... Этакий метод открытий. Минус в том, что если вы уже знаете о существовании подменю, то каждый раз двигаться от стартовой страницы вглубь утомительно и раздражающе!

Способ четвертый: а нужно ли?

Иногда, самый простой способ решить проблему — просто убрать ее. Так ли нужны эти подменю как вам кажется? Подчас сайты просто забиты ненужным контентом.

P.S. Картинки набросал буквально за 10 минут, но вроде все понятно.

 38   2014   дизайн   меню   мысли